\n
This is iframe content01
\n \n \n \n\n
This is iframe content02
\n \nClick maximize button or minimize button
\n\nACT I\nSCENE I. Elsinore. A platform before the castle.\nFRANCISCO at his post. Enter to him BERNARDO\nBERNARDO\nWho's there?\nFRANCISCO\nNay, answer me: stand, and unfold yourself.\nBERNARDO\nLong live the king!\nFRANCISCO\nBernardo?\nBERNARDO\nHe.\nFRANCISCO\nYou come most carefully upon your hour.\nBERNARDO\n'Tis now struck twelve; get thee to bed, Francisco.\nFRANCISCO\nFor this relief much thanks: 'tis bitter cold,\nAnd I am sick at heart.\nBERNARDO\nHave you had quiet guard?\nFRANCISCO\nNot a mouse stirring.\nBERNARDO\nWell, good night.\nIf you do meet Horatio and Marcellus,\nThe rivals of my watch, bid them make haste.\nFRANCISCO\nI think I hear them. Stand, ho! Who's there?\nEnter HORATIO and MARCELLUS\n\nHORATIO\nFriends to this ground.\nMARCELLUS\nAnd liegemen to the Dane.\nFRANCISCO\nGive you good night.\nMARCELLUS\nO, farewell, honest soldier:\nWho hath relieved you?\nFRANCISCO\nBernardo has my place.\nGive you good night.\nExit\n\nMARCELLUS\nHolla! Bernardo!\nBERNARDO\nSay,\nWhat, is Horatio there?\nHORATIO\nA piece of him.\nBERNARDO\nWelcome, Horatio: welcome, good Marcellus.\nMARCELLUS\nWhat, has this thing appear'd again to-night?\nBERNARDO\nI have seen nothing.\nMARCELLUS\nHoratio says 'tis but our fantasy,\nAnd will not let belief take hold of him\nTouching this dreaded sight, twice seen of us:\nTherefore I have entreated him along\nWith us to watch the minutes of this night;\nThat if again this apparition come,\nHe may approve our eyes and speak to it.\nHORATIO\nTush, tush, 'twill not appear.\nBERNARDO\nSit down awhile;\nAnd let us once again assail your ears,\nThat are so fortified against our story\nWhat we have two nights seen.\nHORATIO\nWell, sit we down,\nAnd let us hear Bernardo speak of this.\nBERNARDO\nLast night of all,\nWhen yond same star that's westward from the pole\nHad made his course to illume that part of heaven\nWhere now it burns, Marcellus and myself,\nThe bell then beating one,--\nEnter Ghost\n\nMARCELLUS\nPeace, break thee off; look, where it comes again!\nBERNARDO\nIn the same figure, like the king that's dead.\nMARCELLUS\nThou art a scholar; speak to it, Horatio.\nBERNARDO\nLooks it not like the king? mark it, Horatio.\nHORATIO\nMost like: it harrows me with fear and wonder.\nBERNARDO\nIt would be spoke to.\nMARCELLUS\nQuestion it, Horatio.\nHORATIO\nWhat art thou that usurp'st this time of night,\nTogether with that fair and warlike form\nIn which the majesty of buried Denmark\nDid sometimes march? by heaven I charge thee, speak!\nMARCELLUS\nIt is offended.\nBERNARDO\nSee, it stalks away!\nHORATIO\nStay! speak, speak! I charge thee, speak!\nExit Ghost\n\nMARCELLUS\n'Tis gone, and will not answer.\nBERNARDO\nHow now, Horatio! you tremble and look pale:\nIs not this something more than fantasy?\nWhat think you on't?\nHORATIO\nBefore my God, I might not this believe\nWithout the sensible and true avouch\nOf mine own eyes.\nMARCELLUS\nIs it not like the king?\nHORATIO\nAs thou art to thyself:\nSuch was the very armour he had on\nWhen he the ambitious Norway combated;\nSo frown'd he once, when, in an angry parle,\nHe smote the sledded Polacks on the ice.\n'Tis strange.\nMARCELLUS\nThus twice before, and jump at this dead hour,\nWith martial stalk hath he gone by our watch.\nHORATIO\nIn what particular thought to work I know not;\nBut in the gross and scope of my opinion,\nThis bodes some strange eruption to our state.\nMARCELLUS\nGood now, sit down, and tell me, he that knows,\nWhy this same strict and most observant watch\nSo nightly toils the subject of the land,\nAnd why such daily cast of brazen cannon,\nAnd foreign mart for implements of war;\nWhy such impress of shipwrights, whose sore task\nDoes not divide the Sunday from the week;\nWhat might be toward, that this sweaty haste\nDoth make the night joint-labourer with the day:\nWho is't that can inform me?\nHORATIO\nThat can I;\nAt least, the whisper goes so. Our last king,\nWhose image even but now appear'd to us,\nWas, as you know, by Fortinbras of Norway,\nThereto prick'd on by a most emulate pride,\nDared to the combat; in which our valiant Hamlet--\nFor so this side of our known world esteem'd him--\nDid slay this Fortinbras; who by a seal'd compact,\nWell ratified by law and heraldry,\nDid forfeit, with his life, all those his lands\nWhich he stood seized of, to the conqueror:\nAgainst the which, a moiety competent\nWas gaged by our king; which had return'd\nTo the inheritance of Fortinbras,\nHad he been vanquisher; as, by the same covenant,\nAnd carriage of the article design'd,\nHis fell to Hamlet. Now, sir, young Fortinbras,\nOf unimproved mettle hot and full,\nHath in the skirts of Norway here and there\nShark'd up a list of lawless resolutes,\nFor food and diet, to some enterprise\nThat hath a stomach in't; which is no other--\nAs it doth well appear unto our state--\nBut to recover of us, by strong hand\nAnd terms compulsatory, those foresaid lands\nSo by his father lost: and this, I take it,\nIs the main motive of our preparations,\nThe source of this our watch and the chief head\nOf this post-haste and romage in the land.\nBERNARDO\nI think it be no other but e'en so:\nWell may it sort that this portentous figure\nComes armed through our watch; so like the king\nThat was and is the question of these wars.\nHORATIO\nA mote it is to trouble the mind's eye.\nIn the most high and palmy state of Rome,\nA little ere the mightiest Julius fell,\nThe graves stood tenantless and the sheeted dead\nDid squeak and gibber in the Roman streets:\nAs stars with trains of fire and dews of blood,\nDisasters in the sun; and the moist star\nUpon whose influence Neptune's empire stands\nWas sick almost to doomsday with eclipse:\nAnd even the like precurse of fierce events,\nAs harbingers preceding still the fates\nAnd prologue to the omen coming on,\nHave heaven and earth together demonstrated\nUnto our climatures and countrymen.--\nBut soft, behold! lo, where it comes again!\nRe-enter Ghost\n\nI'll cross it, though it blast me. Stay, illusion!\nIf thou hast any sound, or use of voice,\nSpeak to me:\nIf there be any good thing to be done,\nThat may to thee do ease and grace to me,\nSpeak to me:\nCock crows\n\nIf thou art privy to thy country's fate,\nWhich, happily, foreknowing may avoid, O, speak!\nOr if thou hast uphoarded in thy life\nExtorted treasure in the womb of earth,\nFor which, they say, you spirits oft walk in death,\nSpeak of it: stay, and speak! Stop it, Marcellus.\nMARCELLUS\nShall I strike at it with my partisan?\nHORATIO\nDo, if it will not stand.\nBERNARDO\n'Tis here!\nHORATIO\n'Tis here!\nMARCELLUS\n'Tis gone!\nExit Ghost\n\nWe do it wrong, being so majestical,\nTo offer it the show of violence;\nFor it is, as the air, invulnerable,\nAnd our vain blows malicious mockery.\nBERNARDO\nIt was about to speak, when the cock crew.\nHORATIO\nAnd then it started like a guilty thing\nUpon a fearful summons. I have heard,\nThe cock, that is the trumpet to the morn,\nDoth with his lofty and shrill-sounding throat\nAwake the god of day; and, at his warning,\nWhether in sea or fire, in earth or air,\nThe extravagant and erring spirit hies\nTo his confine: and of the truth herein\nThis present object made probation.\nMARCELLUS\nIt faded on the crowing of the cock.\nSome say that ever 'gainst that season comes\nWherein our Saviour's birth is celebrated,\nThe bird of dawning singeth all night long:\nAnd then, they say, no spirit dares stir abroad;\nThe nights are wholesome; then no planets strike,\nNo fairy takes, nor witch hath power to charm,\nSo hallow'd and so gracious is the time.\nHORATIO\nSo have I heard and do in part believe it.\nBut, look, the morn, in russet mantle clad,\nWalks o'er the dew of yon high eastward hill:\nBreak we our watch up; and by my advice,\nLet us impart what we have seen to-night\nUnto young Hamlet; for, upon my life,\nThis spirit, dumb to us, will speak to him.\nDo you consent we shall acquaint him with it,\nAs needful in our loves, fitting our duty?\nMARCELLUS\nLet's do't, I pray; and I this morning know\nWhere we shall find him most conveniently.\nExeunt\n\nSCENE II. A room of state in the castle.\nEnter KING CLAUDIUS, QUEEN GERTRUDE, HAMLET, POLONIUS, LAERTES, VOLTIMAND, CORNELIUS, Lords, and Attendants\nKING CLAUDIUS\nThough yet of Hamlet our dear brother's death\nThe memory be green, and that it us befitted\nTo bear our hearts in grief and our whole kingdom\nTo be contracted in one brow of woe,\nYet so far hath discretion fought with nature\nThat we with wisest sorrow think on him,\nTogether with remembrance of ourselves.\nTherefore our sometime sister, now our queen,\nThe imperial jointress to this warlike state,\nHave we, as 'twere with a defeated joy,--\nWith an auspicious and a dropping eye,\nWith mirth in funeral and with dirge in marriage,\nIn equal scale weighing delight and dole,--\nTaken to wife: nor have we herein barr'd\nYour better wisdoms, which have freely gone\nWith this affair along. For all, our thanks.\nNow follows, that you know, young Fortinbras,\nHolding a weak supposal of our worth,\nOr thinking by our late dear brother's death\nOur state to be disjoint and out of frame,\nColleagued with the dream of his advantage,\nHe hath not fail'd to pester us with message,\nImporting the surrender of those lands\nLost by his father, with all bonds of law,\nTo our most valiant brother. So much for him.\nNow for ourself and for this time of meeting:\nThus much the business is: we have here writ\nTo Norway, uncle of young Fortinbras,--\nWho, impotent and bed-rid, scarcely hears\nOf this his nephew's purpose,--to suppress\nHis further gait herein; in that the levies,\nThe lists and full proportions, are all made\nOut of his subject: and we here dispatch\nYou, good Cornelius, and you, Voltimand,\nFor bearers of this greeting to old Norway;\nGiving to you no further personal power\nTo business with the king, more than the scope\nOf these delated articles allow.\nFarewell, and let your haste commend your duty.\nCORNELIUS VOLTIMAND\nIn that and all things will we show our duty.\nKING CLAUDIUS\nWe doubt it nothing: heartily farewell.\nExeunt VOLTIMAND and CORNELIUS\n\nAnd now, Laertes, what's the news with you?\nYou told us of some suit; what is't, Laertes?\nYou cannot speak of reason to the Dane,\nAnd loose your voice: what wouldst thou beg, Laertes,\nThat shall not be my offer, not thy asking?\nThe head is not more native to the heart,\nThe hand more instrumental to the mouth,\nThan is the throne of Denmark to thy father.\nWhat wouldst thou have, Laertes?\nLAERTES\nMy dread lord,\nYour leave and favour to return to France;\nFrom whence though willingly I came to Denmark,\nTo show my duty in your coronation,\nYet now, I must confess, that duty done,\nMy thoughts and wishes bend again toward France\nAnd bow them to your gracious leave and pardon.\nKING CLAUDIUS\nHave you your father's leave? What says Polonius?\nLORD POLONIUS\nHe hath, my lord, wrung from me my slow leave\nBy laboursome petition, and at last\nUpon his will I seal'd my hard consent:\nI do beseech you, give him leave to go.\nKING CLAUDIUS\nTake thy fair hour, Laertes; time be thine,\nAnd thy best graces spend it at thy will!\nBut now, my cousin Hamlet, and my son,--\nHAMLET\n[Aside] A little more than kin, and less than kind.\nKING CLAUDIUS\nHow is it that the clouds still hang on you?\nHAMLET\nNot so, my lord; I am too much i' the sun.\nQUEEN GERTRUDE\nGood Hamlet, cast thy nighted colour off,\nAnd let thine eye look like a friend on Denmark.\nDo not for ever with thy vailed lids\nSeek for thy noble father in the dust:\nThou know'st 'tis common; all that lives must die,\nPassing through nature to eternity.\nHAMLET\nAy, madam, it is common.\nQUEEN GERTRUDE\nIf it be,\nWhy seems it so particular with thee?\nHAMLET\nSeems, madam! nay it is; I know not 'seems.'\n'Tis not alone my inky cloak, good mother,\nNor customary suits of solemn black,\nNor windy suspiration of forced breath,\nNo, nor the fruitful river in the eye,\nNor the dejected 'havior of the visage,\nTogether with all forms, moods, shapes of grief,\nThat can denote me truly: these indeed seem,\nFor they are actions that a man might play:\nBut I have that within which passeth show;\nThese but the trappings and the suits of woe.\nKING CLAUDIUS\n'Tis sweet and commendable in your nature, Hamlet,\nTo give these mourning duties to your father:\nBut, you must know, your father lost a father;\nThat father lost, lost his, and the survivor bound\nIn filial obligation for some term\nTo do obsequious sorrow: but to persever\nIn obstinate condolement is a course\nOf impious stubbornness; 'tis unmanly grief;\nIt shows a will most incorrect to heaven,\nA heart unfortified, a mind impatient,\nAn understanding simple and unschool'd:\nFor what we know must be and is as common\nAs any the most vulgar thing to sense,\nWhy should we in our peevish opposition\nTake it to heart? Fie! 'tis a fault to heaven,\nA fault against the dead, a fault to nature,\nTo reason most absurd: whose common theme\nIs death of fathers, and who still hath cried,\nFrom the first corse till he that died to-day,\n'This must be so.' We pray you, throw to earth\nThis unprevailing woe, and think of us\nAs of a father: for let the world take note,\nYou are the most immediate to our throne;\nAnd with no less nobility of love\nThan that which dearest father bears his son,\nDo I impart toward you. For your intent\nIn going back to school in Wittenberg,\nIt is most retrograde to our desire:\nAnd we beseech you, bend you to remain\nHere, in the cheer and comfort of our eye,\nOur chiefest courtier, cousin, and our son.\n\n\n\n\n\n" }, { "path": "public/examples/jaq/index.html", "content": "\n\n\n
\n\n\n\n\n" }, { "path": "public/examples/jaq/position.html", "content": "\n\n\n
\n
\n \n
\n
Click Maximize button to maximize me.
Click Maximize button to maximize me.
It consists of a\n thin title bar and a closing button on the edge.
\n \n Click to close\n
Expanding from the (center,center)\"\n });\n\n\n//placed (1,0)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(0 + (1 * (frmWidth + marginWidth)) + offsetX, 0 + (0 * (frmHeight + marginHeight) + offsetY), 'LEFT_TOP')\n .fromWidth(0)//set starting width.If omitted, the original frame width is adopted.\n .fromHeight(0)//set starting height.If omitted, the original frame height is adopted.\n .toWidth(frmWidth)\n .toHeight(frmHeight)\n .start(1 * 350) //start after 350millis later\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Animation:
Expanding from the (left,top) of the frame.\"\n });\n\n//placed (2,0)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (2 * (frmWidth + marginWidth)) + offsetX, frmHeight + (0 * (frmHeight + marginHeight) + offsetY), 'CENTER_BOTTOM')\n .fromWidth(frmWidth)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(frmHeight)\n .start(2 * 350) //start after waiting\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Animation:
Expanding from the (center,bottom) of the frame.\"\n });\n\n//placed (3,0)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth + (3 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (0 * (frmHeight + marginHeight) + offsetY), 'RIGHT_CENTER')\n .fromWidth(0)\n .fromHeight(frmHeight)\n .toWidth(frmWidth)\n .toHeight(frmHeight)\n .start(3 * 350) //start after waiting\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Animation:
Expanding from the (right,center) of the frame.\"\n });\n\n//placed (0,1)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (0 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (1 * (frmHeight + marginHeight) + offsetY), 'CENTER_CENTER')\n .fromWidth(0)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"2-step Animation:
Expanding from the (center,center) of the frame.\"\n });\n\n//placed (1,1)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (1 * (frmWidth + marginWidth)) + offsetX, 0 + (1 * (frmHeight + marginHeight) + offsetY), 'CENTER_TOP')\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350 + 1 * 500) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"2-step animation:
Expanding from the (center,top) of the frame.\"\n });\n\n//placed(2, 1)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(0 + (2 * (frmWidth + marginWidth)) + offsetX, frmHeight + (1 * (frmHeight + marginHeight) + offsetY), 'LEFT_BOTTOM')\n .toWidth(0)\n .toHeight(frmHeight)\n .start(4 * 350 + 2 * 500) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toWidth(frmWidth).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"2-step animation:
Expanding from the (left,bottom) of the frame.\"\n });\n\n//placed(3, 1)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (3 * (frmWidth + marginWidth)) + offsetX, frmHeight + (1 * (frmHeight + marginHeight) + offsetY), 'CENTER_BOTTOM')\n .toWidth(0)\n .toHeight(frmHeight)\n .start(4 * 350 + 3 * 500) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toWidth(frmWidth).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"2-step animation:
Expanding from the (center,bottom) of the frame.\"\n });\n\n\n//To be placed (3,2)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (0 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (2 * (frmHeight + marginHeight) + offsetY), 'CENTER_CENTER')\n .fromWidth(0)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350 + 4 * 500) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Move after resizing:
Expanding from the (center,center) of the frame.\";\n return animatorObj\n .setDuration(500)\n .toX(frmWidth / 2 + (3 * (frmWidth + marginWidth)) + offsetX).start();\n });\n\n\n//To be placed (2,2)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (0 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (2 * (frmHeight + marginHeight) + offsetY), 'CENTER_CENTER')\n .fromWidth(0)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350 + 4 * 500 + 1 * 1000) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Move after resizing:
Expanding from the (center,center) of the frame.\";\n return animatorObj\n .setDuration(400)\n .toX(frmWidth / 2 + (2 * (frmWidth + marginWidth)) + offsetX).start();\n });\n\n//To be placed (1,2)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (0 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (2 * (frmHeight + marginHeight) + offsetY), 'CENTER_CENTER')\n .fromWidth(0)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350 + 4 * 500 + 2 * 1000) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Move after resizing:
Expanding from the (center,center) of the frame.\";\n return animatorObj\n .setDuration(300)\n .toX(frmWidth / 2 + (1 * (frmWidth + marginWidth)) + offsetX).start();\n });\n\n//placed (0,2)\njsFrame.createAnimator().set(createFrame01())\n .fromPosition(frmWidth / 2 + (0 * (frmWidth + marginWidth)) + offsetX, frmHeight / 2 + (2 * (frmHeight + marginHeight) + offsetY), 'CENTER_CENTER')\n .fromWidth(0)\n .fromHeight(0)\n .toWidth(frmWidth)\n .toHeight(0)\n .start(4 * 350 + 4 * 500 + 3 * 1000) //start after waiting\n .then(function (animatorObj) {\n return animatorObj.toHeight(frmHeight).start();\n })\n .then(function (animatorObj) {\n animatorObj.get().getFrameView().innerHTML = \"Final:
Expanding from the (center,center) of the frame.\"\n });" }, { "path": "public/examples/v100/ex06/ex06_style.js", "content": "function getOriginalStyle_ex06_01(fApr) {\n\n fApr.showTitleBar = false;\n fApr.showCloseButton = false;\n\n\n fApr.titleBarCaptionFontSize = '12px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = '10px';\n fApr.titleBarCaptionColorDefault = '#4d494d';\n fApr.titleBarCaptionColorFocused = '#4d494d';\n\n fApr.titleBarHeight = '5px';\n\n fApr.titleBarColorDefault = 'white';\n fApr.titleBarColorFocused = 'white';\n\n fApr.titleBarBorderBottomDefault = null;\n fApr.titleBarBorderBottomFocused = null;\n\n fApr.frameBorderRadius = '6px';\n\n //border width\n fApr.frameBorderWidthDefault = '1px';\n fApr.frameBorderWidthFocused = '1px';\n\n\n //border color\n fApr.frameBorderColorDefault = '#aaaaaa';\n fApr.frameBorderColorFocused = '#aaaaaa';\n\n fApr.frameBorderStyle = 'solid';\n\n //window shadow\n fApr.frameBoxShadow = '2px 2px 5px rgba(0, 0, 0, 0.5)';\n\n fApr.frameBackgroundColor = 'white';\n\n\n fApr.frameComponents = new Array();\n\n //adjustment value\n fApr.frameHeightAdjust =0;//10;// 2;//default is 1\n\n\n\n return fApr;\n}" }, { "path": "public/examples/v100/ex06/index.html", "content": "\n\n\n \n
\n
This is iframe content01
\n \n \n \n\n
This is iframe content02
\n \nClick maximize button or minimize button
\n\nACT I\nSCENE I. Elsinore. A platform before the castle.\nFRANCISCO at his post. Enter to him BERNARDO\nBERNARDO\nWho's there?\nFRANCISCO\nNay, answer me: stand, and unfold yourself.\nBERNARDO\nLong live the king!\nFRANCISCO\nBernardo?\nBERNARDO\nHe.\nFRANCISCO\nYou come most carefully upon your hour.\nBERNARDO\n'Tis now struck twelve; get thee to bed, Francisco.\nFRANCISCO\nFor this relief much thanks: 'tis bitter cold,\nAnd I am sick at heart.\nBERNARDO\nHave you had quiet guard?\nFRANCISCO\nNot a mouse stirring.\nBERNARDO\nWell, good night.\nIf you do meet Horatio and Marcellus,\nThe rivals of my watch, bid them make haste.\nFRANCISCO\nI think I hear them. Stand, ho! Who's there?\nEnter HORATIO and MARCELLUS\n\nHORATIO\nFriends to this ground.\nMARCELLUS\nAnd liegemen to the Dane.\nFRANCISCO\nGive you good night.\nMARCELLUS\nO, farewell, honest soldier:\nWho hath relieved you?\nFRANCISCO\nBernardo has my place.\nGive you good night.\nExit\n\nMARCELLUS\nHolla! Bernardo!\nBERNARDO\nSay,\nWhat, is Horatio there?\nHORATIO\nA piece of him.\nBERNARDO\nWelcome, Horatio: welcome, good Marcellus.\nMARCELLUS\nWhat, has this thing appear'd again to-night?\nBERNARDO\nI have seen nothing.\nMARCELLUS\nHoratio says 'tis but our fantasy,\nAnd will not let belief take hold of him\nTouching this dreaded sight, twice seen of us:\nTherefore I have entreated him along\nWith us to watch the minutes of this night;\nThat if again this apparition come,\nHe may approve our eyes and speak to it.\nHORATIO\nTush, tush, 'twill not appear.\nBERNARDO\nSit down awhile;\nAnd let us once again assail your ears,\nThat are so fortified against our story\nWhat we have two nights seen.\nHORATIO\nWell, sit we down,\nAnd let us hear Bernardo speak of this.\nBERNARDO\nLast night of all,\nWhen yond same star that's westward from the pole\nHad made his course to illume that part of heaven\nWhere now it burns, Marcellus and myself,\nThe bell then beating one,--\nEnter Ghost\n\nMARCELLUS\nPeace, break thee off; look, where it comes again!\nBERNARDO\nIn the same figure, like the king that's dead.\nMARCELLUS\nThou art a scholar; speak to it, Horatio.\nBERNARDO\nLooks it not like the king? mark it, Horatio.\nHORATIO\nMost like: it harrows me with fear and wonder.\nBERNARDO\nIt would be spoke to.\nMARCELLUS\nQuestion it, Horatio.\nHORATIO\nWhat art thou that usurp'st this time of night,\nTogether with that fair and warlike form\nIn which the majesty of buried Denmark\nDid sometimes march? by heaven I charge thee, speak!\nMARCELLUS\nIt is offended.\nBERNARDO\nSee, it stalks away!\nHORATIO\nStay! speak, speak! I charge thee, speak!\nExit Ghost\n\nMARCELLUS\n'Tis gone, and will not answer.\nBERNARDO\nHow now, Horatio! you tremble and look pale:\nIs not this something more than fantasy?\nWhat think you on't?\nHORATIO\nBefore my God, I might not this believe\nWithout the sensible and true avouch\nOf mine own eyes.\nMARCELLUS\nIs it not like the king?\nHORATIO\nAs thou art to thyself:\nSuch was the very armour he had on\nWhen he the ambitious Norway combated;\nSo frown'd he once, when, in an angry parle,\nHe smote the sledded Polacks on the ice.\n'Tis strange.\nMARCELLUS\nThus twice before, and jump at this dead hour,\nWith martial stalk hath he gone by our watch.\nHORATIO\nIn what particular thought to work I know not;\nBut in the gross and scope of my opinion,\nThis bodes some strange eruption to our state.\nMARCELLUS\nGood now, sit down, and tell me, he that knows,\nWhy this same strict and most observant watch\nSo nightly toils the subject of the land,\nAnd why such daily cast of brazen cannon,\nAnd foreign mart for implements of war;\nWhy such impress of shipwrights, whose sore task\nDoes not divide the Sunday from the week;\nWhat might be toward, that this sweaty haste\nDoth make the night joint-labourer with the day:\nWho is't that can inform me?\nHORATIO\nThat can I;\nAt least, the whisper goes so. Our last king,\nWhose image even but now appear'd to us,\nWas, as you know, by Fortinbras of Norway,\nThereto prick'd on by a most emulate pride,\nDared to the combat; in which our valiant Hamlet--\nFor so this side of our known world esteem'd him--\nDid slay this Fortinbras; who by a seal'd compact,\nWell ratified by law and heraldry,\nDid forfeit, with his life, all those his lands\nWhich he stood seized of, to the conqueror:\nAgainst the which, a moiety competent\nWas gaged by our king; which had return'd\nTo the inheritance of Fortinbras,\nHad he been vanquisher; as, by the same covenant,\nAnd carriage of the article design'd,\nHis fell to Hamlet. Now, sir, young Fortinbras,\nOf unimproved mettle hot and full,\nHath in the skirts of Norway here and there\nShark'd up a list of lawless resolutes,\nFor food and diet, to some enterprise\nThat hath a stomach in't; which is no other--\nAs it doth well appear unto our state--\nBut to recover of us, by strong hand\nAnd terms compulsatory, those foresaid lands\nSo by his father lost: and this, I take it,\nIs the main motive of our preparations,\nThe source of this our watch and the chief head\nOf this post-haste and romage in the land.\nBERNARDO\nI think it be no other but e'en so:\nWell may it sort that this portentous figure\nComes armed through our watch; so like the king\nThat was and is the question of these wars.\nHORATIO\nA mote it is to trouble the mind's eye.\nIn the most high and palmy state of Rome,\nA little ere the mightiest Julius fell,\nThe graves stood tenantless and the sheeted dead\nDid squeak and gibber in the Roman streets:\nAs stars with trains of fire and dews of blood,\nDisasters in the sun; and the moist star\nUpon whose influence Neptune's empire stands\nWas sick almost to doomsday with eclipse:\nAnd even the like precurse of fierce events,\nAs harbingers preceding still the fates\nAnd prologue to the omen coming on,\nHave heaven and earth together demonstrated\nUnto our climatures and countrymen.--\nBut soft, behold! lo, where it comes again!\nRe-enter Ghost\n\nI'll cross it, though it blast me. Stay, illusion!\nIf thou hast any sound, or use of voice,\nSpeak to me:\nIf there be any good thing to be done,\nThat may to thee do ease and grace to me,\nSpeak to me:\nCock crows\n\nIf thou art privy to thy country's fate,\nWhich, happily, foreknowing may avoid, O, speak!\nOr if thou hast uphoarded in thy life\nExtorted treasure in the womb of earth,\nFor which, they say, you spirits oft walk in death,\nSpeak of it: stay, and speak! Stop it, Marcellus.\nMARCELLUS\nShall I strike at it with my partisan?\nHORATIO\nDo, if it will not stand.\nBERNARDO\n'Tis here!\nHORATIO\n'Tis here!\nMARCELLUS\n'Tis gone!\nExit Ghost\n\nWe do it wrong, being so majestical,\nTo offer it the show of violence;\nFor it is, as the air, invulnerable,\nAnd our vain blows malicious mockery.\nBERNARDO\nIt was about to speak, when the cock crew.\nHORATIO\nAnd then it started like a guilty thing\nUpon a fearful summons. I have heard,\nThe cock, that is the trumpet to the morn,\nDoth with his lofty and shrill-sounding throat\nAwake the god of day; and, at his warning,\nWhether in sea or fire, in earth or air,\nThe extravagant and erring spirit hies\nTo his confine: and of the truth herein\nThis present object made probation.\nMARCELLUS\nIt faded on the crowing of the cock.\nSome say that ever 'gainst that season comes\nWherein our Saviour's birth is celebrated,\nThe bird of dawning singeth all night long:\nAnd then, they say, no spirit dares stir abroad;\nThe nights are wholesome; then no planets strike,\nNo fairy takes, nor witch hath power to charm,\nSo hallow'd and so gracious is the time.\nHORATIO\nSo have I heard and do in part believe it.\nBut, look, the morn, in russet mantle clad,\nWalks o'er the dew of yon high eastward hill:\nBreak we our watch up; and by my advice,\nLet us impart what we have seen to-night\nUnto young Hamlet; for, upon my life,\nThis spirit, dumb to us, will speak to him.\nDo you consent we shall acquaint him with it,\nAs needful in our loves, fitting our duty?\nMARCELLUS\nLet's do't, I pray; and I this morning know\nWhere we shall find him most conveniently.\nExeunt\n\nSCENE II. A room of state in the castle.\nEnter KING CLAUDIUS, QUEEN GERTRUDE, HAMLET, POLONIUS, LAERTES, VOLTIMAND, CORNELIUS, Lords, and Attendants\nKING CLAUDIUS\nThough yet of Hamlet our dear brother's death\nThe memory be green, and that it us befitted\nTo bear our hearts in grief and our whole kingdom\nTo be contracted in one brow of woe,\nYet so far hath discretion fought with nature\nThat we with wisest sorrow think on him,\nTogether with remembrance of ourselves.\nTherefore our sometime sister, now our queen,\nThe imperial jointress to this warlike state,\nHave we, as 'twere with a defeated joy,--\nWith an auspicious and a dropping eye,\nWith mirth in funeral and with dirge in marriage,\nIn equal scale weighing delight and dole,--\nTaken to wife: nor have we herein barr'd\nYour better wisdoms, which have freely gone\nWith this affair along. For all, our thanks.\nNow follows, that you know, young Fortinbras,\nHolding a weak supposal of our worth,\nOr thinking by our late dear brother's death\nOur state to be disjoint and out of frame,\nColleagued with the dream of his advantage,\nHe hath not fail'd to pester us with message,\nImporting the surrender of those lands\nLost by his father, with all bonds of law,\nTo our most valiant brother. So much for him.\nNow for ourself and for this time of meeting:\nThus much the business is: we have here writ\nTo Norway, uncle of young Fortinbras,--\nWho, impotent and bed-rid, scarcely hears\nOf this his nephew's purpose,--to suppress\nHis further gait herein; in that the levies,\nThe lists and full proportions, are all made\nOut of his subject: and we here dispatch\nYou, good Cornelius, and you, Voltimand,\nFor bearers of this greeting to old Norway;\nGiving to you no further personal power\nTo business with the king, more than the scope\nOf these delated articles allow.\nFarewell, and let your haste commend your duty.\nCORNELIUS VOLTIMAND\nIn that and all things will we show our duty.\nKING CLAUDIUS\nWe doubt it nothing: heartily farewell.\nExeunt VOLTIMAND and CORNELIUS\n\nAnd now, Laertes, what's the news with you?\nYou told us of some suit; what is't, Laertes?\nYou cannot speak of reason to the Dane,\nAnd loose your voice: what wouldst thou beg, Laertes,\nThat shall not be my offer, not thy asking?\nThe head is not more native to the heart,\nThe hand more instrumental to the mouth,\nThan is the throne of Denmark to thy father.\nWhat wouldst thou have, Laertes?\nLAERTES\nMy dread lord,\nYour leave and favour to return to France;\nFrom whence though willingly I came to Denmark,\nTo show my duty in your coronation,\nYet now, I must confess, that duty done,\nMy thoughts and wishes bend again toward France\nAnd bow them to your gracious leave and pardon.\nKING CLAUDIUS\nHave you your father's leave? What says Polonius?\nLORD POLONIUS\nHe hath, my lord, wrung from me my slow leave\nBy laboursome petition, and at last\nUpon his will I seal'd my hard consent:\nI do beseech you, give him leave to go.\nKING CLAUDIUS\nTake thy fair hour, Laertes; time be thine,\nAnd thy best graces spend it at thy will!\nBut now, my cousin Hamlet, and my son,--\nHAMLET\n[Aside] A little more than kin, and less than kind.\nKING CLAUDIUS\nHow is it that the clouds still hang on you?\nHAMLET\nNot so, my lord; I am too much i' the sun.\nQUEEN GERTRUDE\nGood Hamlet, cast thy nighted colour off,\nAnd let thine eye look like a friend on Denmark.\nDo not for ever with thy vailed lids\nSeek for thy noble father in the dust:\nThou know'st 'tis common; all that lives must die,\nPassing through nature to eternity.\nHAMLET\nAy, madam, it is common.\nQUEEN GERTRUDE\nIf it be,\nWhy seems it so particular with thee?\nHAMLET\nSeems, madam! nay it is; I know not 'seems.'\n'Tis not alone my inky cloak, good mother,\nNor customary suits of solemn black,\nNor windy suspiration of forced breath,\nNo, nor the fruitful river in the eye,\nNor the dejected 'havior of the visage,\nTogether with all forms, moods, shapes of grief,\nThat can denote me truly: these indeed seem,\nFor they are actions that a man might play:\nBut I have that within which passeth show;\nThese but the trappings and the suits of woe.\nKING CLAUDIUS\n'Tis sweet and commendable in your nature, Hamlet,\nTo give these mourning duties to your father:\nBut, you must know, your father lost a father;\nThat father lost, lost his, and the survivor bound\nIn filial obligation for some term\nTo do obsequious sorrow: but to persever\nIn obstinate condolement is a course\nOf impious stubbornness; 'tis unmanly grief;\nIt shows a will most incorrect to heaven,\nA heart unfortified, a mind impatient,\nAn understanding simple and unschool'd:\nFor what we know must be and is as common\nAs any the most vulgar thing to sense,\nWhy should we in our peevish opposition\nTake it to heart? Fie! 'tis a fault to heaven,\nA fault against the dead, a fault to nature,\nTo reason most absurd: whose common theme\nIs death of fathers, and who still hath cried,\nFrom the first corse till he that died to-day,\n'This must be so.' We pray you, throw to earth\nThis unprevailing woe, and think of us\nAs of a father: for let the world take note,\nYou are the most immediate to our throne;\nAnd with no less nobility of love\nThan that which dearest father bears his son,\nDo I impart toward you. For your intent\nIn going back to school in Wittenberg,\nIt is most retrograde to our desire:\nAnd we beseech you, bend you to remain\nHere, in the cheer and comfort of our eye,\nOur chiefest courtier, cousin, and our son.\n\n\n\n\n\n" }, { "path": "public/examples/v150/modal.html", "content": "\n\n\n
\n\n\n\n\n\n" }, { "path": "public/examples/v150/position.html", "content": "\n\n\n
\n
JSFrame.js examplesAnchor of the window position
\nTry resizing BROWSER to make sure window is anchored in the bottom-right corner\n\n\n\n\n\n\n\n" }, { "path": "public/examples/v160/alignment-not-fixed/index.html", "content": "\n\n\n \nJSFrame.js examplesFixed and Not-fixed window
\nTry scrolling the screen:The JsFrame initialization options{fixed:true} or {fixed:false} allow you to set the window to be fixed or unfixed\n\n\n\n\n\n\n\n\n\n"
},
{
"path": "public/examples/v160/alignment-not-fixed/lipsum.txt",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies, justo non luctus feugiat, turpis sapien suscipit nulla, sit amet hendrerit nibh quam ut metus. Nulla nisl nulla, efficitur in purus non, dictum sagittis sem. Mauris varius pretium ex, quis sodales nibh malesuada eu. Nunc tempor sagittis felis ut ultricies. Mauris blandit risus dolor, in ullamcorper nulla vestibulum vel. Sed at lorem rutrum, vestibulum diam sed, aliquam massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla id augue arcu. Aenean et tellus eget purus eleifend porttitor. Aenean elementum, ipsum vel feugiat lobortis, elit justo ultricies odio, vel commodo mauris eros et ipsum. Curabitur eu bibendum leo. Aliquam rhoncus ac tellus at mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras lobortis lacus libero, vitae commodo nulla cursus eget.\n\nMorbi neque enim, finibus sed sapien ac, fermentum ultricies massa. Sed eget gravida justo. Praesent velit lorem, maximus at dui quis, iaculis sollicitudin metus. Etiam non maximus erat, ut tempus dui. Donec leo dui, pellentesque in nisl id, ultricies dapibus mauris. Nullam luctus molestie commodo. Sed accumsan leo vitae urna malesuada sodales in vel leo. Curabitur tincidunt fringilla magna, eget pharetra arcu convallis eget. Pellentesque et venenatis sapien. Cras bibendum tempus eleifend. Nam rhoncus vel massa vel efficitur. Sed vestibulum pretium risus, et gravida elit euismod id. Mauris dignissim metus in justo consectetur ullamcorper.\n\nDonec hendrerit blandit purus sed pulvinar. Donec finibus laoreet ex ut vestibulum. Aliquam ut sagittis mi. Curabitur imperdiet justo ac ornare euismod. Nunc sed convallis sapien, quis bibendum purus. Suspendisse tincidunt pulvinar tortor, sed volutpat orci faucibus sagittis. Aenean ac mollis magna. Nullam viverra tortor ac iaculis facilisis. Vivamus sodales massa nisi, suscipit molestie ipsum lobortis rhoncus. Fusce vel fringilla ipsum, ac bibendum nisi. Sed tempus neque in ante egestas, vel eleifend justo ultrices. Praesent consequat massa at ex porttitor, et interdum ligula suscipit. Nam nec turpis ut arcu porttitor sodales efficitur eu augue. Praesent eget aliquet leo, in rutrum odio. Pellentesque sagittis est id risus efficitur placerat.\n\nQuisque finibus, lacus et bibendum vestibulum, neque sapien euismod tortor, nec sollicitudin tellus orci id leo. Nulla nunc neque, faucibus id placerat sed, sagittis vel nisl. Nam sollicitudin gravida nisl, at mollis augue elementum ac. Nam laoreet pellentesque ex, varius lobortis nisi pretium sed. Duis consectetur gravida mauris aliquet condimentum. Cras ultricies eros sit amet mi consectetur lacinia. Nam turpis tellus, rhoncus sed porttitor ut, rutrum eget enim. Nulla facilisi.\n\nIn maximus, quam ac tempus euismod, nunc quam sagittis dui, et mattis risus ante a ante. Aliquam ornare odio arcu, in tempus nulla suscipit ut. In laoreet convallis pretium. Etiam ac tortor id lectus dictum pharetra. Morbi imperdiet quam eu enim dignissim blandit. Morbi sed sollicitudin lorem, quis iaculis nulla. Mauris auctor, mauris suscipit bibendum semper, mi ligula commodo enim, a imperdiet erat mi in erat. Aenean vel elit mollis, ornare sem nec, vulputate lorem. Duis leo nulla, ornare ut enim eget, feugiat sagittis tortor.\n\nUt lobortis ligula interdum imperdiet lobortis. Maecenas vehicula rutrum magna, sit amet pretium quam malesuada id. Pellentesque id pharetra ipsum. Duis sit amet feugiat erat, et mollis ipsum. In vitae tempus nibh. Aliquam fringilla ligula neque. Suspendisse fringilla velit blandit rhoncus pulvinar. Cras scelerisque fermentum risus nec venenatis.\n\nQuisque dignissim lobortis dapibus. Vivamus at pretium dolor, non tempor leo. Nam dui mauris, commodo et fermentum et, vestibulum quis nibh. Sed nec luctus turpis. Integer dictum aliquet ex a semper. Integer eget erat sapien. Vestibulum et magna rhoncus, pharetra ante in, maximus erat. Maecenas nec orci mollis, ultrices est at, sodales sapien. Morbi malesuada eros sed lacus mattis varius. Mauris ipsum nisl, hendrerit sit amet arcu non, ultrices interdum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non ex eu mauris vehicula aliquet et et purus. Curabitur tristique, neque quis vehicula tempus, elit elit imperdiet velit, in pretium quam nibh non diam.\n\nUt nec mi vitae sapien sagittis iaculis. Ut varius orci neque, nec pretium lacus vestibulum non. Nunc viverra diam sed est semper tristique. Vivamus nec aliquam urna. In sagittis tristique lectus, in posuere augue pellentesque in. Nulla cursus, tortor ut malesuada suscipit, elit justo laoreet dolor, vel dapibus neque lorem at purus. Vivamus quis consectetur dolor. Nunc vel ligula eros. Quisque vehicula sit amet enim nec tempus. Etiam at turpis non ligula dictum dictum. Nunc non mauris fermentum, varius massa id, facilisis tortor. Aenean pulvinar eu turpis quis pharetra. Morbi aliquam nisl at porttitor consequat. Nunc eu mauris malesuada, vulputate sapien et, ullamcorper tortor. Cras vulputate a urna quis imperdiet.\n\nSed eu magna at elit iaculis efficitur et ut felis. Maecenas id ultrices lacus. Curabitur rutrum pulvinar ipsum, vitae maximus eros laoreet ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse id dui leo. Pellentesque posuere at ex at tincidunt. Proin lectus odio, luctus at mattis sit amet, iaculis sit amet nisi. Donec eleifend consectetur ligula at facilisis. Proin vitae neque diam. Aenean sollicitudin quis ipsum vitae facilisis. Donec id mauris elementum, cursus dui quis, rutrum ante. Sed nec laoreet lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras vestibulum, augue et hendrerit efficitur, ipsum est rhoncus neque, sit amet viverra diam elit id arcu.\n\nSed lacus leo, tristique tristique dui at, vestibulum congue urna. Suspendisse et ante risus. Curabitur condimentum congue lectus, eget tincidunt nisl consequat consequat. Phasellus ligula nibh, eleifend vel sapien nec, rhoncus fermentum orci. Donec auctor diam sed metus lobortis, eget ullamcorper ante maximus. Nullam nec elit vitae lorem hendrerit dapibus. Integer eleifend cursus est sit amet pellentesque. Aliquam neque felis, auctor id finibus non, dapibus a nisi. Etiam viverra, lorem ac varius molestie, tellus mi lobortis ipsum, in tristique dui sapien ac justo. Quisque dictum, augue non bibendum sagittis, elit ligula sodales ante, sed finibus urna sapien at odio. Aenean pretium augue velit. Sed interdum turpis non metus sollicitudin, ac egestas odio interdum.\n\nFusce vestibulum iaculis ornare. Maecenas at ante eu metus consectetur luctus pellentesque vitae justo. Proin sagittis nec magna non placerat. Sed est nisi, ullamcorper eu rutrum at, venenatis ac nisl. Ut placerat, massa vel accumsan pellentesque, nunc ex suscipit nibh, non finibus purus augue eget massa. Quisque vel posuere dui. In mollis euismod dapibus.\n\nCurabitur luctus convallis orci sed porta. Sed ornare nunc et congue aliquet. Etiam quis mattis justo. Donec enim mauris, blandit nec porttitor non, tincidunt a arcu. Donec sed tortor rhoncus, molestie felis venenatis, sagittis justo. In posuere imperdiet dapibus. Mauris sollicitudin, mi nec fermentum imperdiet, lacus ligula venenatis nunc, eget ullamcorper magna dolor condimentum libero. Sed odio mi, scelerisque eget placerat in, molestie non risus. Nam ac metus enim.\n\nCurabitur posuere libero tortor, a laoreet dui molestie vel. Vivamus ullamcorper accumsan ante, a varius purus bibendum id. Donec vel dolor nec turpis pretium auctor. Nunc quis volutpat sapien. Curabitur quam velit, gravida eget justo vitae, euismod imperdiet urna. Praesent ullamcorper dignissim feugiat. Praesent turpis enim, vulputate nec facilisis vitae, dignissim a dui.\n\nAenean ullamcorper nisi at pellentesque commodo. Nunc ullamcorper ultrices dui in hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla est leo, mollis vitae imperdiet vitae, interdum id justo. Nullam placerat nisl sagittis gravida dignissim. Aenean felis lorem, feugiat ut nisi ullamcorper, tincidunt facilisis augue. Aenean convallis varius varius. Donec a risus vehicula, vulputate dui a, mattis sem. Phasellus vehicula feugiat augue. Sed tristique, ipsum nec mollis venenatis, est risus semper nisi, ac egestas ligula erat et lacus.\n\nPhasellus augue elit, pharetra eu pulvinar sed, gravida ut dui. Nam bibendum, turpis nec dapibus congue, magna orci luctus diam, a consequat justo sapien ut tortor. Quisque quis facilisis dui. Integer ullamcorper congue nulla ut scelerisque. Cras ac semper erat. Morbi cursus eros metus, in egestas quam ornare in. Nullam convallis scelerisque nisl, quis mollis arcu maximus non. Cras metus nibh, vulputate in turpis in, elementum dignissim urna. Etiam magna mauris, venenatis quis euismod in, mattis in nibh. Mauris justo lectus, vestibulum ac commodo vitae, interdum a quam. Nam feugiat luctus molestie. Etiam ligula est, tempor eu lacus vitae, convallis elementum tellus. Praesent faucibus tellus quis porttitor fringilla. Etiam pulvinar quam posuere, volutpat odio id, feugiat erat. Duis id magna libero.\n\nPraesent semper auctor bibendum. Suspendisse tincidunt bibendum nisi, a rhoncus dui. Integer blandit blandit nisl quis congue. Pellentesque eget erat id orci dapibus dignissim. Morbi iaculis eros felis, non pretium magna elementum vitae. Duis mattis elit et enim fringilla auctor. Nunc sed blandit justo, eu auctor dolor. Etiam sed suscipit ex.\n\nCurabitur suscipit vulputate sem, id hendrerit felis dictum tempus. Pellentesque ultrices sem felis. Integer imperdiet arcu nec cursus aliquam. Curabitur suscipit, nisl gravida condimentum fermentum, tellus nibh condimentum magna, in pretium sem ligula a ipsum. Mauris scelerisque sit amet dui eu lacinia. Curabitur quis aliquet arcu. Donec ut dolor felis. Aliquam erat volutpat. Maecenas accumsan sem non lorem efficitur venenatis. Duis eu ante eget sapien feugiat tincidunt. Mauris congue varius massa quis molestie. Vivamus pharetra dolor non pharetra tempus. Vestibulum quis auctor dui, vitae tristique libero.\n\nAenean dui nisl, lacinia sit amet massa id, fringilla convallis sapien. Curabitur neque ex, pulvinar et vestibulum ac, blandit sed ligula. Duis commodo eleifend massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus vel diam quis augue maximus varius. Proin tristique ante eget pulvinar sollicitudin. Donec gravida congue hendrerit. Nam molestie varius dolor sit amet semper. Cras varius eleifend dignissim. Quisque et purus quis erat vulputate elementum eu ut dui. Curabitur at semper nulla. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultrices molestie porta. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent at orci tortor.\n\nProin fermentum, augue id gravida lobortis, massa orci vulputate augue, ut vestibulum nulla nunc vitae quam. Aliquam nulla neque, ornare vel quam a, scelerisque pulvinar magna. Sed mollis turpis ut magna congue semper. Aenean diam purus, dignissim sit amet lacus sed, malesuada fringilla ligula. Etiam sagittis non odio non finibus. Nunc rhoncus fermentum ligula, non varius purus tincidunt quis. Pellentesque cursus ipsum nunc, in semper nunc tempus sed. Maecenas et sapien ornare, viverra sem vel, posuere est. Nullam ultrices leo quis elit congue consequat.\n\nNulla facilisi. Aliquam erat volutpat. Suspendisse sed odio vehicula, dignissim magna eget, ullamcorper metus. Nam mauris lacus, tincidunt sed ex ut, fringilla pellentesque lectus. Nam posuere, elit nec commodo malesuada, dolor nisl maximus eros, et maximus nibh ligula ac tortor. Maecenas mattis bibendum tortor, in eleifend nulla imperdiet vel. Pellentesque viverra, dolor non mollis placerat, erat arcu interdum ipsum, nec euismod diam quam aliquet velit. Donec varius elementum velit, ac pharetra quam lacinia ut. Aenean porta ultrices arcu, at fringilla quam feugiat sit amet. Morbi porta, ante vitae sagittis ultrices, diam urna sodales magna, ut fermentum nisi nisl ut lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.\n\nCurabitur rhoncus magna in egestas maximus. Nulla facilisi. Cras lobortis, orci id varius dignissim, nunc urna mattis turpis, nec ultrices purus massa ut augue. Proin eros justo, placerat at leo et, placerat sodales felis. Pellentesque cursus nibh at magna elementum laoreet. Nullam ut neque in ex bibendum consectetur. Maecenas at eros quis odio vulputate fringilla et a tellus. Vivamus ac dapibus lectus. Vestibulum fermentum elit lacus, a dictum velit placerat vitae. Maecenas enim ante, vestibulum vel venenatis non, efficitur in mauris.\n\nCras aliquam mattis interdum. Duis nec mauris ac est sollicitudin porttitor. Nam posuere faucibus ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse in bibendum diam. Nullam eget neque vel nunc volutpat pharetra. Suspendisse ultricies quam eget orci ullamcorper bibendum. Vestibulum congue ex nec lorem vestibulum finibus. Nullam libero risus, sagittis ac dolor eget, imperdiet convallis libero. Aliquam id nulla quis urna aliquam dapibus vitae ac erat. Aenean a ligula ut lorem mollis placerat. Nullam mi felis, rhoncus in turpis consectetur, sagittis iaculis quam.\n\nNulla id vestibulum lectus, ac convallis tellus. Ut lorem justo, molestie a nibh non, pulvinar vehicula lectus. Quisque tempor quis neque eu sollicitudin. Duis commodo sapien et turpis scelerisque venenatis. Suspendisse sollicitudin ex ut turpis tincidunt, eu tempor libero vestibulum. Vivamus pellentesque sem et augue pulvinar tincidunt. Maecenas sit amet sapien elit. Integer ac feugiat lacus. Etiam feugiat felis sed tortor auctor, quis auctor nisl maximus. Ut tincidunt vulputate nulla at blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus.\n\nIn hac habitasse platea dictumst. Fusce sit amet consequat nibh. Donec consequat tortor quis erat malesuada convallis. Ut sed volutpat nulla. Suspendisse blandit, quam vel semper imperdiet, neque leo aliquet orci, sit amet fermentum enim orci in neque. Suspendisse dignissim sem quis est rutrum molestie. Morbi nibh ipsum, convallis et quam sit amet, laoreet hendrerit nibh. Sed imperdiet, sapien eu tincidunt fermentum, nibh lorem vestibulum ex, ac porttitor nulla turpis sit amet diam. Curabitur vitae volutpat metus, et semper ante. Cras blandit, lorem vel sagittis mollis, tortor dui congue nunc, sed semper neque turpis a urna. Donec facilisis nisl quis nibh viverra iaculis aliquet at lacus. Vivamus tincidunt tristique urna, vel pulvinar elit. Donec vel libero ornare, auctor nisl sed, lacinia lorem. Aliquam erat volutpat.\n\nFusce et lectus sodales nibh tempus auctor sed a enim. Donec ac nisi tortor. Maecenas imperdiet elit finibus cursus egestas. Sed maximus, sem quis suscipit eleifend, felis quam rhoncus ligula, et fringilla mauris dui in est. Nulla venenatis libero sit amet varius porttitor. Nullam ut leo porta, bibendum dolor id, tincidunt lorem. Praesent sed massa dapibus, pellentesque eros vel, consequat lacus. Mauris nec molestie justo. Duis accumsan justo sed leo convallis iaculis. Ut consequat nunc sit amet egestas consectetur. Nunc pretium quam in nisl sodales, nec feugiat diam convallis. Sed a convallis felis. Vivamus fermentum convallis elit, non cursus ex vulputate non. Aliquam rutrum justo erat, eu semper lorem hendrerit non.\n\nFusce bibendum molestie imperdiet. Aliquam aliquam, nunc non fermentum gravida, erat dolor ullamcorper odio, sit amet tincidunt augue tellus ut eros. In porta orci felis, non condimentum mi pulvinar at. Cras volutpat sed purus sed pretium. Sed fringilla neque augue. Nulla orci neque, porta vel pretium eget, malesuada in tellus. Ut euismod nunc vel condimentum vulputate. Maecenas ullamcorper eget dui et maximus.\n\nIn eu elit nulla. Sed id cursus elit. Sed aliquet congue euismod. Etiam a pellentesque purus. Integer ornare lacus sit amet interdum iaculis. Phasellus et ante vitae nunc porta elementum ac nec lacus. Etiam sit amet metus sollicitudin, laoreet libero eget, tincidunt metus. Nulla facilisi. Nam auctor in nisi sed posuere. Curabitur at sapien maximus, lacinia nisl at, sodales nulla. Phasellus cursus sed quam in sollicitudin. Duis ac neque ac nisl luctus suscipit in a sem.\n\nPhasellus consequat lectus ut enim tempus, at maximus felis suscipit. Nunc sit amet accumsan massa. Donec hendrerit mauris id tincidunt ornare. Nulla facilisi. Maecenas odio elit, egestas sodales nisl vitae, congue tempus nulla. Suspendisse tempus volutpat diam, sit amet consectetur ex semper in. Quisque in erat nec nulla auctor tristique. Etiam facilisis tempus sapien, ullamcorper laoreet diam porta luctus. Praesent iaculis libero nisl, quis efficitur felis placerat eget. Vestibulum fermentum mattis convallis. Nunc rhoncus magna a ullamcorper condimentum.\n\nNullam pharetra, nisi egestas sagittis euismod, tellus nibh gravida tortor, nec laoreet sem purus eu ex. Nam consectetur placerat vulputate. Mauris non mauris faucibus, euismod metus lacinia, gravida augue. Nullam vulputate lectus sit amet diam aliquam laoreet. Nullam aliquet nisl enim, efficitur viverra lectus semper vel. Nullam dapibus est justo. Morbi id arcu nisi. Suspendisse purus mi, fermentum non ex ac, congue semper ligula. In hac habitasse platea dictumst. Donec auctor sollicitudin neque a condimentum. Praesent velit mi, sagittis sit amet orci vel, viverra tempor quam. Donec eget leo quam. Nunc at tincidunt quam. Phasellus ac dignissim ipsum.\n\nPraesent tincidunt nulla nec nulla imperdiet, eget pulvinar lacus venenatis. Sed placerat volutpat nibh non rutrum. Integer ac varius nulla. Vestibulum volutpat placerat finibus. Cras felis mauris, aliquet at lobortis nec, varius quis ligula. Nam pharetra diam et massa blandit, quis ornare quam venenatis. Aenean nec erat varius, dignissim orci ac, finibus erat. Mauris lacinia auctor sapien a egestas. Fusce vitae facilisis metus, sit amet malesuada nisl. Praesent ac molestie elit. Fusce euismod quis sem non finibus. Maecenas dolor erat, faucibus eu leo et, semper egestas libero. Maecenas urna ligula, pretium et aliquam at, gravida sit amet purus.\n\nMorbi eu nisi lorem. Cras malesuada, felis sed maximus eleifend, lacus sapien sodales nisl, quis vestibulum tellus enim sit amet urna. Curabitur purus tortor, efficitur ut feugiat at, malesuada at sem. Donec tincidunt ullamcorper elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer malesuada libero et efficitur pharetra. Aenean tincidunt, dolor eu commodo posuere, massa quam egestas mi, ac cursus ante risus quis nulla. Praesent vitae nibh ex. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus pharetra diam leo, non euismod nisl dictum a.\n\nMauris euismod, urna quis aliquam gravida, risus orci dictum velit, sed suscipit ex magna vel tellus. Pellentesque ex risus, eleifend scelerisque dui ut, facilisis dapibus nunc. Nam vitae tellus malesuada elit consequat faucibus quis quis mi. Nullam nec vulputate sapien. Quisque rhoncus fringilla molestie. Donec vehicula justo nec dui aliquam, vel mollis nunc feugiat. Nullam quis quam nec purus auctor sodales.\n\nAliquam risus nibh, porttitor at magna id, eleifend gravida elit. In venenatis turpis id ante viverra hendrerit. Etiam et nulla vitae nisl condimentum pellentesque. Phasellus rutrum finibus lorem. Aenean dui lorem, commodo a magna id, aliquet feugiat odio. Sed vel volutpat arcu. Pellentesque at neque quis eros posuere maximus. Suspendisse tincidunt nibh volutpat, ornare felis et, viverra ipsum. Curabitur non congue dolor, consequat maximus risus. Sed rhoncus, eros at ultricies dictum, magna tortor gravida tellus, non tincidunt felis velit sed urna. In hac habitasse platea dictumst. Fusce ut sem id enim aliquam congue. Nulla facilisi. Aenean rhoncus erat ut dolor efficitur, sit amet consequat felis bibendum. Vivamus mattis nisi felis, in ultrices enim accumsan vitae.\n\nMorbi lobortis consectetur vulputate. Donec vel rhoncus tortor. Suspendisse sed tincidunt metus. In metus odio, aliquam laoreet ultrices sit amet, mattis eget eros. Fusce sit amet porta dolor. Maecenas aliquam pharetra nunc vitae mollis. Praesent quis ligula id nisi posuere pellentesque a nec arcu. Nulla at iaculis velit. In mi odio, mattis sit amet consequat et, bibendum eget risus. Duis aliquam dui volutpat orci viverra, quis volutpat nibh sagittis. Quisque suscipit, est eu pulvinar tempor, nulla risus lacinia justo, ac aliquet libero orci vel urna. Etiam ac erat at odio viverra suscipit. Nam lobortis maximus elementum. Proin finibus sed purus sed ullamcorper. Suspendisse sed nunc gravida, sollicitudin sapien at, tincidunt arcu.\n\nCurabitur ultrices lectus est, a aliquet elit gravida nec. Donec eleifend eget orci nec accumsan. Vestibulum eu volutpat lectus, eget placerat nisl. Fusce feugiat varius sodales. Mauris erat urna, vestibulum vel congue at, volutpat a nisi. Nulla congue mi vitae orci elementum dictum. Aliquam nec iaculis ex. Praesent urna magna, consectetur a imperdiet sit amet, pulvinar non ipsum. Suspendisse ut felis sapien. Maecenas in est volutpat urna ornare tincidunt. Pellentesque sodales neque a est varius mollis. Vivamus a lectus eu enim rutrum tristique. Integer consectetur ligula eget rhoncus ullamcorper. Fusce quis elementum lorem.\n\nCurabitur ac molestie odio. Suspendisse potenti. Fusce at est a arcu accumsan vestibulum. Sed eu justo nisl. Duis tincidunt lorem eu luctus aliquet. Donec euismod ipsum sit amet leo iaculis, quis varius sem tincidunt. Nulla at sagittis enim. Etiam lobortis lectus non dui luctus varius. Nam in tempus sapien. Suspendisse consequat arcu tellus, vehicula semper nisi blandit sed. Cras tincidunt diam a eros convallis cursus. Donec massa nulla, congue ut urna eu, consectetur euismod ligula.\n\nEtiam at posuere purus, a dignissim est. Aliquam non velit et arcu ornare vulputate et vitae enim. Cras ultricies dictum semper. Aenean id magna aliquam, sagittis nisi sed, efficitur sem. Integer sodales mi et erat scelerisque, vel lobortis ante dapibus. In ut libero ac nisi finibus accumsan. Donec eu felis eget arcu faucibus imperdiet ac id ex. Vivamus ac rutrum mauris. Praesent sit amet lorem vestibulum tellus fringilla mollis.\n\nCurabitur blandit, erat id congue pellentesque, lacus metus vehicula diam, a ullamcorper dui leo laoreet sem. Integer at lobortis urna. Nullam interdum ultricies arcu, semper maximus metus aliquet non. Aenean dignissim sagittis convallis. Nulla elit nisl, ultricies in fringilla et, lacinia quis felis. Ut ac rutrum odio, ac mollis nisi. Suspendisse non ligula eu nisi molestie porttitor. Sed vel ornare neque. Vestibulum quis sem vehicula magna hendrerit dictum. Donec facilisis tellus enim, non varius justo malesuada rutrum. Sed at egestas nunc, dapibus fringilla ligula. Donec ac libero enim. Duis quis scelerisque massa. Nullam a diam at sapien porttitor accumsan quis quis nisl. In non vehicula turpis, convallis aliquet ligula. Aliquam velit elit, laoreet eu lectus eget, tincidunt laoreet dui.\n\nInteger sed consectetur nulla, mollis sollicitudin velit. Etiam tincidunt aliquam augue ut faucibus. Sed a dapibus elit, at dictum risus. Quisque scelerisque molestie sagittis. Suspendisse in orci ac nisl malesuada finibus. Mauris id arcu vitae leo ultrices eleifend. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus ac auctor lacus, eget aliquet dui. Proin blandit diam a ipsum vulputate, quis tincidunt purus pharetra. Phasellus sed risus tincidunt leo porta feugiat. Proin feugiat lectus eros, at convallis ipsum mattis in. Vivamus ac est eget lacus vulputate blandit id sed elit. Etiam consequat, tortor sit amet auctor facilisis, ex lacus dapibus leo, et elementum mauris nunc sodales lectus. Aliquam elit lorem, scelerisque scelerisque lorem sit amet, elementum laoreet lacus. Aliquam vel bibendum ligula, accumsan eleifend velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\n\nInteger at ullamcorper lectus, quis luctus arcu. Phasellus bibendum ultricies odio pellentesque tempor. Sed lacinia a ante ut eleifend. Suspendisse tincidunt lacinia lorem quis scelerisque. Vivamus semper, ligula vel tincidunt ultricies, ligula urna bibendum dui, sit amet bibendum arcu nisl non metus. Aenean sed neque a mi interdum egestas in eu augue. Etiam nec quam accumsan, euismod elit vel, fermentum nisl. Proin massa massa, vehicula sed lacus semper, hendrerit egestas orci. Maecenas rutrum egestas purus, id pretium massa. Maecenas dictum gravida nisl, a pellentesque lectus rutrum quis. Aenean sodales rutrum ante, at suscipit risus tristique consequat. Vestibulum euismod sem mauris, ac scelerisque nisi posuere vel. Vestibulum bibendum augue ac purus posuere cursus. Nullam et diam at diam placerat accumsan. Nulla libero est, porta vel consequat id, volutpat et velit. Phasellus varius dui ac sem convallis eleifend.\n\nAenean euismod, sapien nec ultrices consequat, tellus dolor varius risus, vel ultrices lacus urna quis nisi. Sed accumsan porttitor pulvinar. Quisque pulvinar quis metus quis bibendum. Vestibulum varius augue sit amet tincidunt porttitor. Etiam egestas sodales ex, at fringilla mi maximus nec. Duis finibus vestibulum lorem, et cursus purus aliquam eu. Pellentesque sed dictum nibh. Curabitur tempor rutrum arcu, vitae sollicitudin elit rutrum ut. Donec non neque sit amet nisi efficitur sodales sit amet et justo. Maecenas sed bibendum ex. Suspendisse nec gravida nulla.\n\nNullam hendrerit pretium nunc tincidunt tempus. Proin scelerisque orci et ex ultrices, id ultricies eros consectetur. Mauris vel leo vel magna euismod vestibulum a et diam. Etiam est ipsum, varius eu elementum at, lacinia non ante. Donec imperdiet convallis enim, ac venenatis lorem ullamcorper sed. Integer a nisl eget lorem laoreet venenatis sed at ipsum. Mauris non consectetur arcu.\n\nSuspendisse ut nibh mi. Praesent tortor purus, condimentum eu malesuada pretium, finibus a orci. Suspendisse potenti. Morbi dapibus nibh sed elit aliquet, sit amet aliquet eros accumsan. Praesent gravida a velit ut volutpat. Nullam nec tincidunt metus. Vestibulum sodales ante pharetra efficitur pretium. Aliquam quis mauris accumsan purus sagittis venenatis. Cras blandit varius arcu, in ultrices odio volutpat quis. Curabitur a enim hendrerit, facilisis velit eu, semper nunc. Praesent eget commodo augue. Nunc nec hendrerit ante, id maximus leo. Integer euismod nunc sit amet urna faucibus vulputate. Morbi aliquam ex in tortor imperdiet tincidunt.\n\nSed tempor vehicula pharetra. Aliquam iaculis volutpat tincidunt. Pellentesque libero nisl, condimentum id ipsum vitae, sagittis aliquet ligula. Nunc in lacus blandit, convallis tortor non, mollis est. Duis lorem quam, pulvinar ac augue eget, suscipit efficitur dui. Mauris ut magna ac lorem venenatis pretium sit amet a tellus. Cras posuere mattis faucibus. Quisque ultrices aliquam dignissim. Sed euismod vulputate quam, in dapibus ante dictum vel. Sed consequat arcu orci, a dapibus nisi consectetur eget. Nunc pretium quis dolor vel viverra.\n\nNunc in est quam. Vestibulum ultrices vehicula sagittis. Nam iaculis erat sed quam ullamcorper semper. Suspendisse sed rhoncus nibh, a egestas quam. Vestibulum mauris orci, sagittis quis nibh eu, mollis vulputate mauris. Integer sit amet tincidunt lacus. Pellentesque faucibus urna quis justo vestibulum, a gravida lacus sollicitudin. Duis placerat nulla sem, ut cursus odio suscipit vitae.\n\nAenean dictum nunc vel tellus consequat finibus. Aenean ut mattis turpis, id sodales odio. Aenean vel magna vitae quam rutrum porta et eget ex. Quisque iaculis fermentum tortor, nec porttitor arcu gravida et. Phasellus est dolor, blandit consectetur tincidunt in, laoreet quis ligula. Ut vitae sem tortor. Nunc sed magna eleifend, suscipit dui eget, bibendum lacus. Aliquam sed ipsum molestie, lobortis augue ut, commodo nibh. Nulla augue diam, dictum ut ornare ac, lobortis in dui. Vestibulum hendrerit sem felis, quis aliquet tellus tristique a. Fusce sed ligula sed lectus bibendum dictum. Nunc elit magna, tempor nec augue porttitor, lacinia convallis augue. Nulla sem tortor, maximus a elit id, scelerisque lacinia urna. Maecenas accumsan nisl vel nisl auctor elementum. Nulla risus turpis, porttitor nec dui eu, tempus imperdiet ligula. Aenean non sem augue.\n\nNam tristique purus sapien, et mollis neque molestie vel. Suspendisse placerat nunc eu nunc venenatis congue. Donec sit amet blandit dolor, eget iaculis nunc. Sed luctus orci sed est congue, nec vehicula arcu tempus. Proin in tempor metus. Proin ornare lectus interdum gravida aliquet. Pellentesque auctor sem erat, vitae pretium lacus gravida at. Duis ornare, urna sit amet gravida sollicitudin, lacus nibh volutpat dui, sit amet sagittis eros felis ut lacus. Cras a ipsum quis sem porttitor porttitor.\n\nIn accumsan metus ut metus faucibus, ac ullamcorper quam imperdiet. Morbi vitae gravida turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam eu justo id dui imperdiet tristique. Ut arcu ante, gravida non rutrum facilisis, porta at mauris. Maecenas hendrerit consequat massa, at scelerisque elit bibendum eu. Donec molestie velit a volutpat convallis. Morbi posuere justo quis porttitor porttitor.\n\nDuis non viverra libero. Sed nec lobortis nunc. Ut eget orci sollicitudin, tempor est nec, feugiat ante. Praesent elementum nulla purus, at mollis nulla tincidunt vel. Ut sollicitudin quis ante et dictum. Sed et suscipit eros, sit amet scelerisque est. Fusce tincidunt auctor elementum. Aenean non sagittis felis. Donec eleifend eu mauris euismod pellentesque. Donec sed tellus commodo, laoreet metus sit amet, feugiat lectus. Nulla facilisi. Sed scelerisque, nisi ut consectetur efficitur, turpis ante fringilla ante, a aliquam nibh enim eget nunc.\n\nMaecenas posuere feugiat aliquam. Aenean iaculis quis tellus quis porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aenean dignissim eleifend ligula, at pulvinar nulla aliquet sed. Cras quis massa in magna ultrices tristique ac ut ligula. Vivamus id blandit justo, non sagittis sapien. Mauris eget blandit dui, tristique fringilla diam. Donec eu orci leo.\n\nNam lobortis, purus ut consequat pellentesque, libero nibh pulvinar sem, in fringilla nulla turpis sit amet metus. Proin ac porttitor ligula. Aenean mollis finibus efficitur. Phasellus tellus quam, scelerisque at urna in, porttitor feugiat quam. Aliquam erat volutpat. Integer porta, risus ut porttitor faucibus, risus nunc sodales lectus, ac auctor sem justo eu mi. Integer id est elit. Etiam nisi tortor, ornare a justo at, facilisis feugiat augue. Etiam in nunc ultrices, faucibus massa a, porta purus. Nullam ut ornare turpis. Fusce molestie a eros ac consectetur. Suspendisse nec nulla velit. Proin cursus dui lorem, id auctor sem laoreet at. Aliquam erat volutpat. Donec posuere lacus commodo diam placerat iaculis. Mauris quis vehicula eros.\n\nMorbi ac lacus neque. Duis ut justo et eros laoreet elementum tempor eu urna. Cras volutpat ex tellus, id viverra nisl finibus eu. Fusce eget ligula sit amet dui hendrerit suscipit id lacinia lorem. Maecenas id metus quis metus dapibus tempor. In sit amet scelerisque ex, et viverra dolor. Phasellus suscipit non justo eu dapibus. Pellentesque sit amet gravida turpis. Sed mollis ligula eget pretium pretium. Duis faucibus dolor id convallis suscipit. Donec congue at ex vitae posuere. Nam vehicula ex eget neque mollis elementum. Ut semper accumsan mi sit amet mollis. Ut id odio vitae erat cursus imperdiet id eu eros. Fusce tellus risus, tempus eu fermentum vel, fringilla quis leo. Nulla ac quam leo.\n\nNunc vitae tortor sit amet nisi semper fringilla. Aliquam mattis enim vel elit ultrices ornare. Vivamus feugiat leo ullamcorper ullamcorper sollicitudin. Curabitur non nisi commodo, imperdiet lectus ac, consectetur urna. Suspendisse consectetur viverra dignissim. Aenean at sem dictum, varius tellus et, luctus libero. Morbi ante odio, euismod a velit ornare, consequat tristique tortor. Integer sit amet ullamcorper tortor. Praesent nulla augue, fermentum id eros ut, fermentum tincidunt nunc. Proin vel consectetur risus. Proin aliquet, ligula aliquam faucibus dictum, velit ipsum accumsan lacus, tincidunt luctus massa felis ornare lectus. Vestibulum eget massa felis. In hac habitasse platea dictumst.\n\nDonec quis luctus lacus. Etiam volutpat aliquet nunc, sit amet sodales dui. Ut blandit dapibus metus, et eleifend tellus vehicula vehicula. Aenean cursus augue id ante vulputate aliquet. Vestibulum vitae felis neque. Vivamus ut elementum dui, vel convallis diam. Sed quam dolor, porta ac eros eget, semper placerat odio. Morbi vehicula aliquam dignissim. Quisque pellentesque nibh erat, eu pulvinar nibh lobortis vel. Nulla vitae ligula dignissim, efficitur quam ut, mollis leo. Nullam sed cursus mi.\n\nIn egestas nisi lectus, eu faucibus lacus mollis ut. Quisque quis libero metus. Nam lobortis vitae magna iaculis scelerisque. Vivamus ultricies odio vel ligula luctus accumsan. Etiam vulputate justo et gravida elementum. Ut interdum lectus leo, sed dapibus dolor sagittis non. Curabitur ante dui, tempus nec massa non, luctus mattis metus. Etiam bibendum, ligula id pretium finibus, nunc nunc rhoncus dolor, a dignissim augue purus et lectus. Vivamus placerat risus eget tortor commodo tincidunt. Maecenas a dignissim lacus. Sed fringilla nunc vel neque consectetur, sit amet facilisis dui vestibulum. Aliquam erat volutpat. Cras dapibus cursus quam in lobortis. Duis sit amet ultricies arcu. Maecenas at ligula ullamcorper odio auctor ullamcorper. Sed ut erat nisi.\n\nNulla facilisi. Aenean nec magna accumsan, vulputate sapien a, condimentum dolor. Praesent convallis nunc a venenatis euismod. In id lectus in ipsum laoreet faucibus. Duis semper libero est, et volutpat erat cursus at. Proin rutrum accumsan varius. Integer scelerisque mauris et dolor venenatis, ac porta lectus volutpat. Fusce at sem ac risus suscipit aliquet sed sed sem. Etiam quis pretium mi. Proin et convallis lorem, vel dictum nibh. Aliquam erat volutpat. Donec dictum libero et eleifend ullamcorper.\n\nPhasellus massa est, aliquet vitae mollis ac, bibendum id felis. Quisque ipsum sapien, posuere sed elementum nec, ornare sit amet augue. Etiam magna risus, pellentesque ac ullamcorper eget, condimentum vitae ante. Sed placerat, lacus eu fringilla consequat, orci ligula egestas neque, quis laoreet nisl orci sed diam. Sed iaculis pulvinar nunc, viverra ultricies sem vehicula auctor. Fusce egestas sem sed ornare ullamcorper. Ut viverra purus metus, in convallis massa feugiat sed. Fusce ut massa pretium purus dapibus lobortis. Pellentesque accumsan libero a posuere iaculis. Pellentesque pharetra purus magna, in sagittis neque eleifend sit amet. Duis mollis nunc ac ante tincidunt, non egestas est blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget felis nunc.\n\nEtiam elit quam, fringilla vel viverra sit amet, semper at sapien. Nunc lacus nunc, cursus quis vulputate eget, sodales ac diam. Sed tincidunt mauris ut sapien tincidunt, in consequat orci gravida. Vestibulum arcu diam, convallis nec ipsum ornare, scelerisque porttitor nibh. Duis vel nulla tempor, ultrices sapien et, pulvinar odio. Vivamus pretium interdum libero, vitae lacinia ex elementum ac. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sollicitudin elementum nisl, imperdiet scelerisque tortor pretium at. Curabitur mattis turpis in leo sagittis, at ultricies tortor auctor. Cras vel ornare ex, sed suscipit ligula. Sed nec elit ex. Suspendisse potenti. Aenean eget tortor accumsan, efficitur lorem ut, facilisis tellus.\n\nSed feugiat ipsum libero, in cursus nibh efficitur sed. Nulla eu augue ac metus dictum mollis. Morbi nec mi quam. Etiam hendrerit eget lacus ut gravida. Integer ultrices urna quis libero laoreet, ac blandit lorem facilisis. Aenean vehicula tempus mauris. Fusce facilisis odio in ex ultricies malesuada. Suspendisse eget feugiat mauris, sit amet semper dolor. Cras tortor nunc, efficitur eget tincidunt sodales, blandit et arcu. Maecenas pretium fringilla est, et ultricies risus. Mauris ac tristique elit. Donec pretium felis eu libero sagittis, volutpat fringilla ipsum mattis. Morbi urna justo, auctor et suscipit non, facilisis vitae justo. Fusce eget tincidunt purus.\n\nCras at pretium mi. Sed eu enim tincidunt, mollis diam sit amet, egestas justo. Ut maximus nunc non eleifend elementum. Ut gravida eget lorem et porta. Curabitur gravida placerat odio, non molestie massa faucibus sit amet. Quisque ac ante ut nisl sodales scelerisque. Donec at nibh vitae quam tincidunt sollicitudin sed id dui. Vivamus lacus odio, tincidunt vitae interdum non, vehicula et risus. Nullam porttitor sit amet nisi tempor dictum. Aliquam rutrum, lorem a rutrum viverra, sapien elit rhoncus purus, at facilisis velit nisl ac dolor. Maecenas id sapien magna. Phasellus eu ultricies metus, id sodales mi. Nam laoreet, nisi sed luctus auctor, metus nibh vulputate risus, ut auctor nisl metus vel ligula. Integer justo nisi, euismod id pharetra eget, consequat in risus. Maecenas a urna eget elit finibus suscipit. Donec a gravida enim, eget molestie metus.\n\nNulla hendrerit non ex vel lobortis. Pellentesque bibendum lectus quam, in finibus erat euismod eu. Sed accumsan posuere lectus et maximus. Pellentesque sodales luctus commodo. Aenean efficitur condimentum mi ac blandit. Phasellus malesuada, lorem vitae faucibus mattis, enim magna lacinia elit, sit amet vulputate nulla odio nec lacus. Mauris eget nunc convallis, viverra mauris vitae, sagittis dolor. Donec ante augue, molestie ac metus vitae, laoreet lacinia nisi. In vestibulum erat sit amet laoreet sagittis. Donec scelerisque condimentum imperdiet. Cras congue dolor ac volutpat vulputate. Donec id egestas lorem. Donec ultrices vitae eros placerat luctus. Nullam facilisis eget mauris in dignissim.\n\nAliquam erat volutpat. Aenean blandit fermentum sem a pellentesque. Vestibulum porta elementum accumsan. Phasellus ut sagittis justo, eu dictum purus. Nam venenatis lorem eu ipsum auctor vehicula nec at justo. Morbi venenatis sed metus eget egestas. Aliquam sed justo ultricies, facilisis tortor lacinia, facilisis sem.\n\nSed auctor iaculis urna. Mauris ut tellus finibus tortor vestibulum lobortis. In hac habitasse platea dictumst. Curabitur pulvinar augue sit amet eros semper, ut suscipit nisl viverra. Ut fringilla sit amet metus at mattis. Phasellus ultricies velit nec odio imperdiet tincidunt finibus id ipsum. Integer porttitor sem quis neque sollicitudin, a dictum dolor finibus. Curabitur et laoreet risus, non pulvinar nisi. Cras massa turpis, consectetur non enim sit amet, pulvinar placerat purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris a pellentesque enim. Duis ullamcorper ut tortor sed tempor. Etiam scelerisque accumsan laoreet. Vestibulum vehicula, nisi quis blandit efficitur, lacus magna venenatis orci, in iaculis dui nunc nec velit. Maecenas nec lacus et ante tincidunt finibus et a erat.\n\nSuspendisse eros diam, euismod vitae sagittis sit amet, malesuada non sapien. Phasellus ultrices ullamcorper lacus, vitae sodales mauris semper eu. Phasellus laoreet nibh ante, eget consectetur diam vestibulum ac. Quisque et mattis nibh. Duis turpis arcu, euismod dictum efficitur nec, viverra vitae orci. Sed pulvinar lacinia nunc, id pulvinar diam interdum a. Pellentesque egestas hendrerit justo, vehicula vulputate leo aliquet eget. Praesent sit amet tincidunt ex. Integer blandit nibh id neque efficitur elementum.\n\nAliquam pharetra hendrerit lectus, at euismod tortor sagittis vel. Mauris tristique hendrerit felis, quis maximus mauris aliquet nec. Nullam mattis cursus bibendum. Nullam sagittis varius ex. In hac habitasse platea dictumst. Pellentesque faucibus tellus ac felis consectetur blandit. Praesent interdum, nisi eget vehicula accumsan, velit neque convallis neque, eget volutpat nisl risus id ex. Ut sed imperdiet justo. Donec tempor mattis volutpat. Quisque vel dui at dolor tincidunt bibendum. Donec suscipit, tortor et mattis venenatis, nisi nibh rhoncus nunc, semper consequat quam lectus ut eros. Vivamus sagittis augue sodales interdum viverra. Nunc tellus magna, vestibulum nec quam at, venenatis sagittis erat. Etiam vel ante leo. Cras quis arcu in lorem pharetra accumsan vitae vel enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n\nAliquam erat volutpat. Donec porta felis ipsum, eleifend consequat tellus maximus vel. Vestibulum iaculis lacus nec viverra finibus. Nunc efficitur nisi tortor, non efficitur mauris porta et. Sed ac sagittis urna, in interdum ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi rutrum tempus consequat. Aenean tempus molestie vestibulum. Mauris non nisl massa. Vestibulum sollicitudin volutpat nunc, sit amet interdum eros tempus et. Aenean vel ante pellentesque, tincidunt risus nec, fringilla arcu. In sed purus eget magna tempus egestas.\n\nCras a commodo odio, a pharetra purus. Duis euismod, felis vitae tincidunt rhoncus, lacus arcu ornare est, sed hendrerit ligula nibh eu quam. Aliquam ornare imperdiet libero cursus suscipit. Sed cursus felis in efficitur molestie. Praesent finibus, ipsum vitae volutpat commodo, libero dui suscipit nisi, eu rutrum dui justo nec quam. Phasellus convallis fringilla neque, et interdum dolor finibus eget. Phasellus et elit eget lacus congue ultrices. Quisque ut arcu vitae risus molestie porttitor sit amet eget justo. Praesent eleifend leo ac lectus vestibulum, non feugiat orci ullamcorper. Sed sit amet accumsan lorem, ut laoreet ex. Nulla ac dapibus justo, at commodo dui. Proin sollicitudin, diam ac aliquam sollicitudin, tellus sem rhoncus dui, non suscipit justo leo vel arcu. Aliquam vehicula, neque eget finibus ultrices, odio dolor placerat orci, in tempor dui justo nec dolor. Quisque non mollis quam. Donec maximus ligula risus, semper fermentum ligula tincidunt quis. Integer ante dui, mollis non dictum et, aliquet efficitur erat.\n\nMorbi consectetur, urna non varius pharetra, augue sapien blandit urna, lobortis congue turpis orci non velit. Suspendisse rhoncus tortor ac purus placerat venenatis. Integer vehicula metus diam, sed porttitor est bibendum nec. Nam tristique orci risus, eu pharetra justo ornare sit amet. Nunc congue tristique neque. Suspendisse non velit luctus, bibendum mi sed, eleifend arcu. Mauris id interdum dui. Mauris viverra neque felis, sit amet hendrerit nunc fermentum in. Sed iaculis rhoncus porttitor. Sed imperdiet volutpat convallis. Vestibulum id ipsum tellus.\n\nMaecenas faucibus leo non sapien dapibus, vel congue elit porta. Cras egestas id dolor sed pulvinar. Curabitur tincidunt velit viverra tellus molestie, ac tincidunt nisi laoreet. Nam eget molestie libero. Etiam cursus suscipit mauris. Nullam vehicula justo at purus posuere aliquet. Duis in mauris maximus, hendrerit purus eget, eleifend nisi. Phasellus ut justo tempus, gravida sem sit amet, facilisis tellus. Pellentesque dolor neque, ornare nec felis non, tincidunt varius sem. Cras consectetur nunc eu risus ultricies, at bibendum libero consectetur. Ut eu fermentum nunc, et tempus augue. Praesent in lorem eu libero lobortis pulvinar id ac magna.\n\nPraesent egestas auctor mauris, in posuere ante cursus nec. Etiam turpis metus, porttitor eget ex vel, dignissim interdum arcu. Donec nec nisi quam. Nunc ac mollis justo, ut commodo lectus. Nunc pharetra gravida lectus. Maecenas consectetur condimentum nunc, in maximus ipsum vehicula id. In nec libero tortor. Duis viverra eros nunc, vitae faucibus augue faucibus a. Cras ornare aliquam mauris, non dignissim felis posuere ut. Mauris tempor vehicula rhoncus. Etiam eleifend euismod risus, non porttitor sapien viverra nec. Nunc a gravida tellus.\n\nDonec tempus rhoncus ipsum, et ullamcorper dui cursus id. Sed sed quam feugiat, sollicitudin eros eget, convallis eros. Aenean tincidunt rhoncus massa at mattis. Suspendisse a rutrum ante. Aliquam erat volutpat. Maecenas dictum rhoncus turpis, ac posuere arcu faucibus sit amet. Curabitur cursus euismod odio in hendrerit. Aenean blandit dignissim malesuada. Vivamus massa turpis, vehicula faucibus bibendum eu, porta non velit. Fusce sit amet metus vulputate, congue odio ac, blandit odio. Fusce sodales pharetra ipsum, vel commodo augue mollis in. Fusce ut ante maximus, blandit lectus sed, auctor erat. Donec eget nibh dui.\n\nDonec tempor placerat nisl et maximus. Mauris sit amet dolor cursus enim eleifend pellentesque. Cras finibus nulla in lectus ornare laoreet. In at nisi semper, rhoncus arcu vitae, maximus urna. Donec lectus erat, lobortis rutrum justo id, fermentum pellentesque ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque condimentum fermentum metus ac sagittis. Nam faucibus venenatis augue, euismod rutrum augue sagittis ac. Duis eget est sit amet lacus consequat pharetra sollicitudin vel elit. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus.\n\nCras fringilla tellus sed augue dictum, a elementum dui vestibulum. Pellentesque sed eleifend erat. Nam sed maximus nunc. Phasellus lacus justo, maximus vitae eleifend at, lacinia et nibh. Suspendisse eros quam, scelerisque faucibus nulla eget, tincidunt posuere tellus. Mauris ullamcorper erat sapien, sit amet maximus neque aliquet tincidunt. Pellentesque cursus augue a ligula hendrerit rhoncus. In auctor nec metus quis suscipit. Cras dapibus elit ac lacus imperdiet pretium. Integer libero metus, vulputate in iaculis eget, viverra eu purus. Nullam ornare vehicula dui in faucibus. Etiam dapibus nisi urna, eget elementum nulla eleifend eget.\n\nProin tristique egestas tempus. Nulla feugiat felis at pretium efficitur. Quisque at massa sapien. Fusce vel dolor cursus, finibus tellus quis, dignissim ante. Curabitur quis orci eget quam tempus ultrices eu non sapien. Sed eu rutrum ligula, ac dictum arcu. Nam a quam massa. Quisque venenatis urna et metus ornare tempor in ornare massa.\n\nDonec congue ac neque quis dictum. Proin eget mauris finibus arcu euismod blandit eu a elit. Donec sed tempus ligula, non vehicula quam. Donec eu ipsum quis diam ultricies condimentum sed sit amet sem. Phasellus eleifend laoreet lorem et egestas. Mauris pharetra mi velit, sed bibendum erat luctus in. Nunc non vulputate turpis. Nulla facilisis dolor velit, id lobortis lectus hendrerit eget. Cras at dolor et enim vulputate tristique a sed urna. Duis sit amet nunc dapibus, sagittis dui non, rutrum ante. Morbi sed tincidunt eros. Duis at elementum sem.\n\nUt quis mollis orci. Fusce vulputate magna vitae dolor mattis pellentesque. Fusce volutpat erat at sapien congue, nec scelerisque massa vehicula. Maecenas lacinia ultricies massa. Maecenas in magna massa. Etiam rhoncus at dui quis malesuada. Nullam in magna ullamcorper, volutpat ex ut, ultrices arcu. Donec ac nisl nisi. Etiam tempor libero nec massa rutrum malesuada. Aliquam dictum erat sed ligula laoreet, vitae interdum elit sagittis. In hac habitasse platea dictumst. Donec sagittis dictum dui vitae vestibulum. Integer aliquet euismod ligula, in laoreet erat egestas eu. Vivamus dapibus dui nec purus bibendum sollicitudin.\n\nEtiam dictum tempor est. Sed ut mattis ipsum. Aliquam vitae justo non velit vestibulum vulputate. Duis posuere consequat augue a ultrices. Nam posuere, dolor non ultrices pellentesque, purus lacus gravida nulla, venenatis tincidunt lorem metus in enim. Suspendisse sit amet lacus sit amet odio sagittis interdum et ut arcu. Quisque non nulla urna. Ut dignissim leo id lorem hendrerit eleifend vel sagittis massa. Donec fringilla aliquam tellus, vitae mollis nibh ornare nec. Integer id faucibus ex. Praesent lacinia aliquet quam.\n\nDonec placerat lectus sit amet libero dictum dictum. Mauris tristique sem at lorem dapibus, a varius odio sodales. Cras gravida posuere elit id feugiat. Duis porttitor neque at tellus accumsan ornare. Nulla tincidunt vestibulum tellus, vel dignissim eros ultricies vitae. Vestibulum libero sapien, maximus id enim ac, blandit tincidunt lectus. Praesent ac luctus odio. Curabitur et nunc a velit facilisis posuere. Vestibulum suscipit iaculis libero, vel lobortis odio iaculis sit amet. Pellentesque nibh libero, placerat id tempor id, viverra a dolor. Fusce ornare ante eros. Proin ut blandit velit, eu porta nunc. Morbi tincidunt elit porttitor ex elementum imperdiet. Nullam at ligula mi. Proin dolor urna, volutpat vel urna vel, fringilla elementum mauris. Etiam ac tortor massa.\n\nInteger gravida scelerisque porttitor. Fusce elementum, lacus eget commodo semper, erat quam pharetra ipsum, iaculis tincidunt erat sem ut leo. Vestibulum sodales velit in sapien ultricies fringilla. Aenean rhoncus justo sed nibh fermentum pretium. Nunc fringilla, tellus a bibendum suscipit, nulla nunc condimentum lacus, eu pulvinar arcu tellus vel ligula. Quisque malesuada interdum lorem, vitae finibus nunc auctor eu. Quisque non volutpat tellus, vel pharetra sem. Fusce sed tempor urna. Nunc a justo vehicula, porta mauris euismod, mollis neque. Phasellus a ligula tellus. Mauris rhoncus, lacus sit amet commodo ullamcorper, ligula elit lacinia magna, sed interdum neque lacus eu eros. Suspendisse convallis gravida nunc, ut faucibus massa faucibus eu. Mauris ornare nisi et mi consectetur mattis. Vestibulum blandit, orci ut consectetur lacinia, magna velit molestie dui, nec ultricies mauris velit non orci.\n\nIn pharetra id metus non tempor. Sed interdum nunc et dignissim vehicula. Etiam ut eros erat. Fusce sit amet nibh nec arcu mattis iaculis. Vivamus lacinia mi ut enim laoreet pulvinar. Etiam fringilla ipsum ut elit condimentum, id tempus leo bibendum. Aliquam porta quis felis ac imperdiet. Ut vitae viverra eros, ac sagittis est. Curabitur nec augue libero. Vivamus feugiat, odio et lacinia tempor, metus orci ornare sapien, in faucibus quam nisl sit amet nunc. Donec dapibus interdum ex.\n\nUt feugiat facilisis mauris nec iaculis. Maecenas eu orci ac purus tincidunt auctor a eget diam. Nullam et leo urna. Mauris ut facilisis nisl. Nam lacinia imperdiet diam vitae dignissim. Ut placerat efficitur massa, ut tempus urna vulputate a. Nullam hendrerit libero viverra quam pharetra, bibendum molestie justo condimentum.\n\nAliquam non luctus sapien, ultrices placerat nunc. Nullam bibendum porta efficitur. Nulla gravida et mauris id vehicula. Nunc turpis diam, viverra a orci eget, porta aliquam enim. Curabitur mattis ultricies ante volutpat suscipit. Quisque sodales non urna id dignissim. Sed sit amet volutpat nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras in aliquet augue. Cras consectetur erat ante, in viverra arcu imperdiet sed.\n\nIn auctor sapien at laoreet porttitor. Curabitur nec nisl finibus, congue velit et, rutrum nibh. Morbi maximus purus semper scelerisque scelerisque. Vivamus est neque, fringilla eget justo ac, condimentum posuere arcu. Vivamus a placerat erat, vel eleifend odio. Duis ante elit, posuere ac nibh et, hendrerit posuere eros. In hac habitasse platea dictumst. Nam vehicula eu arcu non sagittis. Nulla libero mi, egestas sed nisl id, mollis aliquam felis.\n\nMauris sed lobortis tellus. Sed eu orci enim. Proin quis erat at libero scelerisque blandit a ac ante. Cras risus libero, rutrum quis dignissim ut, facilisis vitae massa. In quis blandit tortor. Vestibulum diam mi, fermentum eget convallis quis, venenatis vitae arcu. Maecenas placerat erat at hendrerit tempus. Pellentesque commodo convallis accumsan. Cras nisi orci, iaculis at malesuada vel, volutpat eget justo. Aliquam in sodales est. Nulla non justo eu mauris tristique malesuada. Aenean ac finibus eros. Nam tempus libero a dapibus efficitur. Sed hendrerit sapien accumsan augue dignissim, eu euismod ex convallis. Praesent tempor tortor nisi, ac ultricies ipsum imperdiet vel.\n\nMaecenas sit amet orci ante. Aenean porttitor ultricies enim. Curabitur finibus fringilla lacus. Fusce porttitor, turpis eget condimentum mattis, mauris diam faucibus ligula, sed porta ligula nulla a quam. Fusce massa elit, porttitor vel enim id, venenatis vehicula orci. Aliquam sagittis eros eu placerat vestibulum. Donec aliquet dui dapibus neque mattis, vel malesuada lacus vulputate. Morbi vel metus eu ante imperdiet faucibus ut ac felis. Sed eu nisl non sapien gravida fringilla. Nunc maximus hendrerit risus, a tincidunt sapien. Ut aliquam, ipsum gravida ullamcorper dictum, urna dolor fringilla velit, id gravida ligula dolor vitae nisl. Mauris posuere metus eros, eu condimentum velit malesuada nec. Vestibulum facilisis ligula a bibendum venenatis.\n\nEtiam est orci, rutrum quis orci eget, tincidunt ultricies eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam suscipit arcu at euismod imperdiet. Ut sem nibh, feugiat non consectetur eget, elementum condimentum velit. Mauris sed sapien id tortor mattis pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In vel felis quis eros consequat porta eget id eros. Nam laoreet nisi tortor, vel euismod magna varius eu.\n\nEtiam semper, nibh nec malesuada pellentesque, neque ante mollis enim, sed faucibus velit felis id nisi. Fusce ac urna vitae lorem semper molestie sed eget est. In varius commodo tellus, a porttitor magna ornare vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel volutpat arcu. Aliquam sit amet varius mi, nec imperdiet velit. Cras efficitur ipsum sit amet tellus venenatis, in maximus lacus pulvinar.\n\nAenean venenatis malesuada lacus. Maecenas pulvinar dapibus est, sed elementum massa. Nullam tristique urna vel eros luctus suscipit vitae et turpis. Nam ornare aliquam lorem vel semper. Integer commodo sollicitudin consectetur. Donec id orci mattis, condimentum tortor et, ultricies sapien. Suspendisse pulvinar, est eget pulvinar sodales, lacus eros tristique nisl, vitae dapibus dolor magna id neque. Pellentesque viverra urna lectus, sed dapibus ex posuere at. Vivamus luctus neque eget fringilla condimentum. Nullam ut tortor quis ante vestibulum sollicitudin. Curabitur vitae nibh laoreet sem porttitor porttitor vitae quis justo.\n\nCurabitur non lacus suscipit, volutpat nibh id, tempus purus. Suspendisse sit amet semper ex. Sed aliquam felis et tristique suscipit. Ut lacus eros, tristique in vulputate sit amet, pulvinar in purus. Donec sodales semper metus et posuere. Integer volutpat, lorem ut sagittis eleifend, purus elit molestie justo, eu luctus velit odio eget eros. Nulla elementum in augue non porta. Fusce condimentum egestas tellus, ut eleifend tortor porta eget. In hendrerit mattis turpis id posuere.\n\nNunc auctor at risus at dapibus. Proin venenatis massa nec ultricies sagittis. Proin quis rhoncus tortor, sed molestie tellus. Nullam posuere ornare nisi in pharetra. Aenean accumsan venenatis porta. In hac habitasse platea dictumst. Curabitur felis dolor, aliquet eget ipsum laoreet, eleifend tristique nibh. Etiam vitae consectetur sapien, ut gravida libero. Sed lobortis purus sit amet velit pulvinar, et iaculis lectus ullamcorper.\n\nNullam eu lectus mattis, tempus nunc eget, volutpat orci. Cras gravida blandit nisl, a fringilla libero scelerisque ut. Phasellus ut velit non sapien rhoncus tempus at id ligula. Proin id lacus eu arcu pulvinar scelerisque eget eget enim. Donec tristique ac diam at consectetur. Maecenas condimentum orci sed iaculis viverra. Aliquam consequat consectetur neque, ac egestas nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque posuere volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent pulvinar at risus et euismod. Nulla pretium iaculis semper.\n\nNullam posuere tempus lectus ut pretium. Sed tempor lorem vel lacus maximus, eu vulputate sem pretium. Phasellus quis aliquet nunc, sed rutrum arcu. Aliquam in velit pretium, egestas mi consequat, venenatis erat. Vestibulum enim lorem, molestie convallis nisi quis, tincidunt tempor orci. Aliquam ornare placerat convallis. Integer blandit sollicitudin libero non imperdiet. Suspendisse fringilla diam ut nulla maximus rhoncus. Praesent consequat lectus a ornare pharetra. Ut et magna id ipsum semper suscipit et eu nunc. Donec venenatis quam nec dui volutpat aliquam. Nulla ut tincidunt neque.\n\nSed at risus fringilla, molestie tellus non, congue erat. Nunc nibh metus, suscipit vel magna sit amet, auctor dignissim elit. Proin nisi sem, tincidunt non lacus eget, dignissim porta lorem. Nunc non dui ultrices, tempus nulla ac, dictum erat. Sed condimentum, neque sit amet fringilla efficitur, velit nulla sagittis erat, quis dapibus sem purus in ipsum. Fusce semper ligula lacus, sed molestie lectus porttitor id. Quisque varius eget risus ut malesuada. Ut eu tincidunt nunc, non venenatis arcu. Duis elementum, diam sit amet lacinia commodo, risus purus euismod massa, non lacinia elit augue in erat. Donec ac condimentum eros. Phasellus et diam mi. Vivamus et tortor luctus, accumsan arcu id, molestie massa. Donec lacinia dolor quis nunc hendrerit aliquet. Nunc ultricies porta felis vel mattis. Phasellus eu hendrerit ligula, et fringilla orci. Nunc sed pulvinar metus, eget bibendum quam.\n\nProin purus arcu, viverra vel porttitor quis, pellentesque at augue. Nulla et eros elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum leo eu dolor viverra, eu aliquet metus auctor. Sed libero eros, egestas ut justo eget, blandit sodales magna. Nulla et eleifend nulla. Mauris massa ligula, varius faucibus efficitur ut, laoreet et orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non egestas magna. Donec massa leo, maximus eget pharetra et, consequat nec dolor. Etiam aliquam, ligula non dictum sollicitudin, enim arcu rutrum orci, tincidunt maximus velit erat et massa.\n\nSed tincidunt ante sit amet enim accumsan, eu euismod lectus facilisis. Morbi et neque eleifend, malesuada ante eget, pellentesque nulla. Sed placerat, sem sed lobortis consequat, elit felis rutrum ex, in venenatis leo sapien in ex. Pellentesque at consectetur risus, id sodales neque. Etiam eget velit lacus. Suspendisse ut urna non odio sagittis faucibus non id eros. Aenean nec mollis lacus. Proin mauris orci, dictum sit amet tristique sit amet, condimentum consectetur arcu. Vestibulum vehicula mi turpis, eu molestie metus viverra malesuada. Aenean vel tortor orci.\n\nVivamus at eros vitae nulla sollicitudin laoreet quis sit amet mi. Suspendisse ut hendrerit massa. Fusce mi enim, sagittis a hendrerit eu, malesuada sed erat. Praesent finibus vestibulum sem, maximus rutrum ipsum tincidunt eu. Suspendisse nec mi diam. Quisque fermentum quam iaculis, ornare eros in, pellentesque lectus. Vivamus vitae justo porttitor, vulputate erat quis, dapibus est. Vivamus accumsan eros massa, eu auctor dui scelerisque eu.\n\nInteger in risus eu dui molestie posuere. Aenean fermentum sollicitudin varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ac elementum nulla. Nunc non suscipit libero, quis tristique enim. Mauris auctor, ante quis viverra molestie, velit eros hendrerit arcu, sit amet finibus purus mi at augue. Vestibulum feugiat turpis sit amet arcu eleifend sollicitudin. Aenean sed sapien ac ante imperdiet iaculis viverra vitae tellus.\n\nNam volutpat, odio et mattis consequat, est leo mollis erat, tincidunt ultricies ex odio in sapien. Aenean vulputate efficitur dolor, vitae gravida est suscipit non. Curabitur et lobortis libero. In hac habitasse platea dictumst. Vestibulum eget mollis tortor, a volutpat nisl. Duis et arcu massa. Nunc porttitor congue pharetra. Praesent lobortis sapien a tellus rhoncus lobortis. Etiam at libero congue, egestas lectus accumsan, aliquam justo. Quisque euismod lacinia est sed consequat. Phasellus eget quam ornare, eleifend sem nec, molestie magna. In hac habitasse platea dictumst. Quisque porttitor, nisl at finibus scelerisque, dolor enim volutpat ex, ac vestibulum quam felis id libero.\n\nAenean mattis cursus massa, ut pretium felis consectetur at. Donec velit ipsum, tristique ac lacus et, pellentesque imperdiet ex. Cras a mauris risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent facilisis arcu arcu, ac egestas nisi pellentesque vitae. In at pretium sem. Mauris ligula dui, lacinia vitae ligula vel, rutrum fringilla elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.\n\nDonec blandit sodales pharetra. Cras diam nisl, volutpat in faucibus nec, aliquam eget mauris. Nullam vel diam dictum, faucibus nulla vitae, egestas metus. Morbi quis quam ipsum. Quisque a lectus vitae enim vulputate placerat. Proin tincidunt condimentum vestibulum. Vivamus mattis tellus quis nulla laoreet, vel rhoncus lacus luctus. Suspendisse vitae hendrerit justo. Quisque consequat tempor ipsum, vel cursus massa feugiat id. Vivamus ac viverra purus. Curabitur consectetur ultricies mi sed pulvinar. Sed a imperdiet arcu.\n"
},
{
"path": "public/examples/v160/event-handling-like-click/index.html",
"content": "\n\n\n \n JSFrame.js examplesHandling of content click events, etc.\n
\n\n\n\n\n\n\n" }, { "path": "public/examples/v160/event-handling-pos-size/index.html", "content": "\n\n\nJSFrame.js examplesHandling move and resize events\n
\nJSFrame.js examplesChanging the resize area to adjust sensitivity by mouse or touch\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/focus/index.html", "content": "\n\n\n \nJSFrame.js examplesFocus and blur(lost focus) event handling\n
\nThis content is presented in an iframe
\n\n\n\n\n\n" }, { "path": "public/examples/v160/iframe/iframe_content02.html", "content": "\n\n \n \n \n\n\nThis content is presented in an iframe
\n \n\n\n\n" }, { "path": "public/examples/v160/iframe/iframe_content03.html", "content": "\n\n \n \n \n\n\n\nThis content is presented in an iframe
\n\n\n\n\n\n\n" }, { "path": "public/examples/v160/iframe/index.html", "content": "\n\n\nHamlet
\nACT I\nSCENE I. Elsinore. A platform before the castle.\nFRANCISCO at his post. Enter to him BERNARDO\nBERNARDO\nWho's there?\nFRANCISCO\nNay, answer me: stand, and unfold yourself.\nBERNARDO\nLong live the king!\nFRANCISCO\nBernardo?\nBERNARDO\nHe.\nFRANCISCO\nYou come most carefully upon your hour.\nBERNARDO\n'Tis now struck twelve; get thee to bed, Francisco.\nFRANCISCO\nFor this relief much thanks: 'tis bitter cold,\nAnd I am sick at heart.\nBERNARDO\nHave you had quiet guard?\nFRANCISCO\nNot a mouse stirring.\nBERNARDO\nWell, good night.\nIf you do meet Horatio and Marcellus,\nThe rivals of my watch, bid them make haste.\nFRANCISCO\nI think I hear them. Stand, ho! Who's there?\nEnter HORATIO and MARCELLUS\n\nHORATIO\nFriends to this ground.\nMARCELLUS\nAnd liegemen to the Dane.\nFRANCISCO\nGive you good night.\nMARCELLUS\nO, farewell, honest soldier:\nWho hath relieved you?\nFRANCISCO\nBernardo has my place.\nGive you good night.\nExit\n\nMARCELLUS\nHolla! Bernardo!\nBERNARDO\nSay,\nWhat, is Horatio there?\nHORATIO\nA piece of him.\nBERNARDO\nWelcome, Horatio: welcome, good Marcellus.\nMARCELLUS\nWhat, has this thing appear'd again to-night?\nBERNARDO\nI have seen nothing.\nMARCELLUS\nHoratio says 'tis but our fantasy,\nAnd will not let belief take hold of him\nTouching this dreaded sight, twice seen of us:\nTherefore I have entreated him along\nWith us to watch the minutes of this night;\nThat if again this apparition come,\nHe may approve our eyes and speak to it.\nHORATIO\nTush, tush, 'twill not appear.\nBERNARDO\nSit down awhile;\nAnd let us once again assail your ears,\nThat are so fortified against our story\nWhat we have two nights seen.\nHORATIO\nWell, sit we down,\nAnd let us hear Bernardo speak of this.\nBERNARDO\nLast night of all,\nWhen yond same star that's westward from the pole\nHad made his course to illume that part of heaven\nWhere now it burns, Marcellus and myself,\nThe bell then beating one,--\nEnter Ghost\n\nMARCELLUS\nPeace, break thee off; look, where it comes again!\nBERNARDO\nIn the same figure, like the king that's dead.\nMARCELLUS\nThou art a scholar; speak to it, Horatio.\nBERNARDO\nLooks it not like the king? mark it, Horatio.\nHORATIO\nMost like: it harrows me with fear and wonder.\nBERNARDO\nIt would be spoke to.\nMARCELLUS\nQuestion it, Horatio.\nHORATIO\nWhat art thou that usurp'st this time of night,\nTogether with that fair and warlike form\nIn which the majesty of buried Denmark\nDid sometimes march? by heaven I charge thee, speak!\nMARCELLUS\nIt is offended.\nBERNARDO\nSee, it stalks away!\nHORATIO\nStay! speak, speak! I charge thee, speak!\nExit Ghost\n\nMARCELLUS\n'Tis gone, and will not answer.\nBERNARDO\nHow now, Horatio! you tremble and look pale:\nIs not this something more than fantasy?\nWhat think you on't?\nHORATIO\nBefore my God, I might not this believe\nWithout the sensible and true avouch\nOf mine own eyes.\nMARCELLUS\nIs it not like the king?\nHORATIO\nAs thou art to thyself:\nSuch was the very armour he had on\nWhen he the ambitious Norway combated;\nSo frown'd he once, when, in an angry parle,\nHe smote the sledded Polacks on the ice.\n'Tis strange.\nMARCELLUS\nThus twice before, and jump at this dead hour,\nWith martial stalk hath he gone by our watch.\nHORATIO\nIn what particular thought to work I know not;\nBut in the gross and scope of my opinion,\nThis bodes some strange eruption to our state.\nMARCELLUS\nGood now, sit down, and tell me, he that knows,\nWhy this same strict and most observant watch\nSo nightly toils the subject of the land,\nAnd why such daily cast of brazen cannon,\nAnd foreign mart for implements of war;\nWhy such impress of shipwrights, whose sore task\nDoes not divide the Sunday from the week;\nWhat might be toward, that this sweaty haste\nDoth make the night joint-labourer with the day:\nWho is't that can inform me?\nHORATIO\nThat can I;\nAt least, the whisper goes so. Our last king,\nWhose image even but now appear'd to us,\nWas, as you know, by Fortinbras of Norway,\nThereto prick'd on by a most emulate pride,\nDared to the combat; in which our valiant Hamlet--\nFor so this side of our known world esteem'd him--\nDid slay this Fortinbras; who by a seal'd compact,\nWell ratified by law and heraldry,\nDid forfeit, with his life, all those his lands\nWhich he stood seized of, to the conqueror:\nAgainst the which, a moiety competent\nWas gaged by our king; which had return'd\nTo the inheritance of Fortinbras,\nHad he been vanquisher; as, by the same covenant,\nAnd carriage of the article design'd,\nHis fell to Hamlet. Now, sir, young Fortinbras,\nOf unimproved mettle hot and full,\nHath in the skirts of Norway here and there\nShark'd up a list of lawless resolutes,\nFor food and diet, to some enterprise\nThat hath a stomach in't; which is no other--\nAs it doth well appear unto our state--\nBut to recover of us, by strong hand\nAnd terms compulsatory, those foresaid lands\nSo by his father lost: and this, I take it,\nIs the main motive of our preparations,\nThe source of this our watch and the chief head\nOf this post-haste and romage in the land.\nBERNARDO\nI think it be no other but e'en so:\nWell may it sort that this portentous figure\nComes armed through our watch; so like the king\nThat was and is the question of these wars.\nHORATIO\nA mote it is to trouble the mind's eye.\nIn the most high and palmy state of Rome,\nA little ere the mightiest Julius fell,\nThe graves stood tenantless and the sheeted dead\nDid squeak and gibber in the Roman streets:\nAs stars with trains of fire and dews of blood,\nDisasters in the sun; and the moist star\nUpon whose influence Neptune's empire stands\nWas sick almost to doomsday with eclipse:\nAnd even the like precurse of fierce events,\nAs harbingers preceding still the fates\nAnd prologue to the omen coming on,\nHave heaven and earth together demonstrated\nUnto our climatures and countrymen.--\nBut soft, behold! lo, where it comes again!\nRe-enter Ghost\n\nI'll cross it, though it blast me. Stay, illusion!\nIf thou hast any sound, or use of voice,\nSpeak to me:\nIf there be any good thing to be done,\nThat may to thee do ease and grace to me,\nSpeak to me:\nCock crows\n\nIf thou art privy to thy country's fate,\nWhich, happily, foreknowing may avoid, O, speak!\nOr if thou hast uphoarded in thy life\nExtorted treasure in the womb of earth,\nFor which, they say, you spirits oft walk in death,\nSpeak of it: stay, and speak! Stop it, Marcellus.\nMARCELLUS\nShall I strike at it with my partisan?\nHORATIO\nDo, if it will not stand.\nBERNARDO\n'Tis here!\nHORATIO\n'Tis here!\nMARCELLUS\n'Tis gone!\nExit Ghost\n\nWe do it wrong, being so majestical,\nTo offer it the show of violence;\nFor it is, as the air, invulnerable,\nAnd our vain blows malicious mockery.\nBERNARDO\nIt was about to speak, when the cock crew.\nHORATIO\nAnd then it started like a guilty thing\nUpon a fearful summons. I have heard,\nThe cock, that is the trumpet to the morn,\nDoth with his lofty and shrill-sounding throat\nAwake the god of day; and, at his warning,\nWhether in sea or fire, in earth or air,\nThe extravagant and erring spirit hies\nTo his confine: and of the truth herein\nThis present object made probation.\nMARCELLUS\nIt faded on the crowing of the cock.\nSome say that ever 'gainst that season comes\nWherein our Saviour's birth is celebrated,\nThe bird of dawning singeth all night long:\nAnd then, they say, no spirit dares stir abroad;\nThe nights are wholesome; then no planets strike,\nNo fairy takes, nor witch hath power to charm,\nSo hallow'd and so gracious is the time.\nHORATIO\nSo have I heard and do in part believe it.\nBut, look, the morn, in russet mantle clad,\nWalks o'er the dew of yon high eastward hill:\nBreak we our watch up; and by my advice,\nLet us impart what we have seen to-night\nUnto young Hamlet; for, upon my life,\nThis spirit, dumb to us, will speak to him.\nDo you consent we shall acquaint him with it,\nAs needful in our loves, fitting our duty?\nMARCELLUS\nLet's do't, I pray; and I this morning know\nWhere we shall find him most conveniently.\nExeunt\n\nSCENE II. A room of state in the castle.\nEnter KING CLAUDIUS, QUEEN GERTRUDE, HAMLET, POLONIUS, LAERTES, VOLTIMAND, CORNELIUS, Lords, and Attendants\nKING CLAUDIUS\nThough yet of Hamlet our dear brother's death\nThe memory be green, and that it us befitted\nTo bear our hearts in grief and our whole kingdom\nTo be contracted in one brow of woe,\nYet so far hath discretion fought with nature\nThat we with wisest sorrow think on him,\nTogether with remembrance of ourselves.\nTherefore our sometime sister, now our queen,\nThe imperial jointress to this warlike state,\nHave we, as 'twere with a defeated joy,--\nWith an auspicious and a dropping eye,\nWith mirth in funeral and with dirge in marriage,\nIn equal scale weighing delight and dole,--\nTaken to wife: nor have we herein barr'd\nYour better wisdoms, which have freely gone\nWith this affair along. For all, our thanks.\nNow follows, that you know, young Fortinbras,\nHolding a weak supposal of our worth,\nOr thinking by our late dear brother's death\nOur state to be disjoint and out of frame,\nColleagued with the dream of his advantage,\nHe hath not fail'd to pester us with message,\nImporting the surrender of those lands\nLost by his father, with all bonds of law,\nTo our most valiant brother. So much for him.\nNow for ourself and for this time of meeting:\nThus much the business is: we have here writ\nTo Norway, uncle of young Fortinbras,--\nWho, impotent and bed-rid, scarcely hears\nOf this his nephew's purpose,--to suppress\nHis further gait herein; in that the levies,\nThe lists and full proportions, are all made\nOut of his subject: and we here dispatch\nYou, good Cornelius, and you, Voltimand,\nFor bearers of this greeting to old Norway;\nGiving to you no further personal power\nTo business with the king, more than the scope\nOf these delated articles allow.\nFarewell, and let your haste commend your duty.\nCORNELIUS VOLTIMAND\nIn that and all things will we show our duty.\nKING CLAUDIUS\nWe doubt it nothing: heartily farewell.\nExeunt VOLTIMAND and CORNELIUS\n\nAnd now, Laertes, what's the news with you?\nYou told us of some suit; what is't, Laertes?\nYou cannot speak of reason to the Dane,\nAnd loose your voice: what wouldst thou beg, Laertes,\nThat shall not be my offer, not thy asking?\nThe head is not more native to the heart,\nThe hand more instrumental to the mouth,\nThan is the throne of Denmark to thy father.\nWhat wouldst thou have, Laertes?\nLAERTES\nMy dread lord,\nYour leave and favour to return to France;\nFrom whence though willingly I came to Denmark,\nTo show my duty in your coronation,\nYet now, I must confess, that duty done,\nMy thoughts and wishes bend again toward France\nAnd bow them to your gracious leave and pardon.\nKING CLAUDIUS\nHave you your father's leave? What says Polonius?\nLORD POLONIUS\nHe hath, my lord, wrung from me my slow leave\nBy laboursome petition, and at last\nUpon his will I seal'd my hard consent:\nI do beseech you, give him leave to go.\nKING CLAUDIUS\nTake thy fair hour, Laertes; time be thine,\nAnd thy best graces spend it at thy will!\nBut now, my cousin Hamlet, and my son,--\nHAMLET\n[Aside] A little more than kin, and less than kind.\nKING CLAUDIUS\nHow is it that the clouds still hang on you?\nHAMLET\nNot so, my lord; I am too much i' the sun.\nQUEEN GERTRUDE\nGood Hamlet, cast thy nighted colour off,\nAnd let thine eye look like a friend on Denmark.\nDo not for ever with thy vailed lids\nSeek for thy noble father in the dust:\nThou know'st 'tis common; all that lives must die,\nPassing through nature to eternity.\nHAMLET\nAy, madam, it is common.\nQUEEN GERTRUDE\nIf it be,\nWhy seems it so particular with thee?\nHAMLET\nSeems, madam! nay it is; I know not 'seems.'\n'Tis not alone my inky cloak, good mother,\nNor customary suits of solemn black,\nNor windy suspiration of forced breath,\nNo, nor the fruitful river in the eye,\nNor the dejected 'havior of the visage,\nTogether with all forms, moods, shapes of grief,\nThat can denote me truly: these indeed seem,\nFor they are actions that a man might play:\nBut I have that within which passeth show;\nThese but the trappings and the suits of woe.\nKING CLAUDIUS\n'Tis sweet and commendable in your nature, Hamlet,\nTo give these mourning duties to your father:\nBut, you must know, your father lost a father;\nThat father lost, lost his, and the survivor bound\nIn filial obligation for some term\nTo do obsequious sorrow: but to persever\nIn obstinate condolement is a course\nOf impious stubbornness; 'tis unmanly grief;\nIt shows a will most incorrect to heaven,\nA heart unfortified, a mind impatient,\nAn understanding simple and unschool'd:\nFor what we know must be and is as common\nAs any the most vulgar thing to sense,\nWhy should we in our peevish opposition\nTake it to heart? Fie! 'tis a fault to heaven,\nA fault against the dead, a fault to nature,\nTo reason most absurd: whose common theme\nIs death of fathers, and who still hath cried,\nFrom the first corse till he that died to-day,\n'This must be so.' We pray you, throw to earth\nThis unprevailing woe, and think of us\nAs of a father: for let the world take note,\nYou are the most immediate to our throne;\nAnd with no less nobility of love\nThan that which dearest father bears his son,\nDo I impart toward you. For your intent\nIn going back to school in Wittenberg,\nIt is most retrograde to our desire:\nAnd we beseech you, bend you to remain\nHere, in the cheer and comfort of our eye,\nOur chiefest courtier, cousin, and our son.\n
JSFrame.js examplesUsing an iframe for window content\n
\n\n\n\n\n\n\n" }, { "path": "public/examples/v160/live-inside-element/index.html", "content": "\n\n\n \nJSFrame.js examples Make the window live inside a specific element\n
\nBy specifying parentElement, the window becomes a child of that element.You can also use this when you want to specify a window's movement range.\n\n
JSFrame.js examples Make maximized window size same as parentElement\n
\nSetmatchParent:true, create a window as a child of a particular parentElement, \n and make it the same size as
parentElement when the window is maximized\n\nJSFrame.js examplesSet window position and size\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/preset-apr-yosemite/index.html", "content": "\n\n\n \nJSFrame.js examplesAppearance Preset 'Yosemite'
\nApearance Preset is a predefined window appearance.\n\n\n\n\n\n" }, { "path": "public/examples/v160/preset-window-control-cmd/index.html", "content": "\n\n\n \nJSFrame.js examplesWindow Control Command
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n" }, { "path": "public/examples/v160/preset-window-yosemite/index.html", "content": "\n\n\n \nJSFrame.js\n examples\"Window Preset\" performs typical window-system behavior\n
\nWindow Preset is a preset that implements the typical behavior as well as the look.Tap to minimize at the position of the icon\n
![](\"icon_riversun_64.png\")
\nJSFrame.js examplesDesktop on the web with 'yosemite' preset
\n\n\nJSFrame.js examplesCreate a window with content written in HTML\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling/index.html", "content": "\n\n\n \nJSFrame.js examplesRounded button on the corner with no title\n bar\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-button-child-menu/index.html", "content": "\n\n\n \nJSFrame.js examplesstyle: Child menu for buttons on title bar\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-font-awesome-button/index.html", "content": "\n\n\n \nJSFrame.js examplesstyling: Font Awesome buttons\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-image-button/index.html", "content": "\n\n\n \nJSFrame.js examplesstyling: Image buttons\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-popup/index.html", "content": "\n\n\n \nJSFrame.js examplesstyling: popup style window\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-show-hide-buttons/index.html", "content": "\n\n\n \nJSFrame.js examplesstyle: Show and hide buttons on title bar\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/styling-thick-title-bar/index.html", "content": "\n\n\n \nJSFrame.js examplesstyling: thick title bar\n
\n\n\n\n\n\n" }, { "path": "public/examples/v160/window-in-window/index.html", "content": "\n\n\n \nJSFrame.js examples Create a window inside a window\n
\nIf you want to nest frames like window-in-window, call setFrameInFrame(true) on the parent frame\n\n\n\n\n\n" }, { "path": "public/examples/v160/window-order/index.html", "content": "\n\n\n \nJSFrame.js examples Window display order\n
\nTo adjust the order of the window and other elements, specifyparentElement in the initialization.\n The idea is to specify the z-index of parentElement.\n (The order in which the window's
parentElement and other elements are displayed follows\n \n stack context rendering order.)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n" }, { "path": "public/index.css", "content": "\nbody {\n margin: 8px;\n display: block;\n\n font-family: 'Roboto';\n font-weight: lighter;\n font-size: 16px;\n color: #666666;\n}\n\nh2 {\n display: block;\n font-size: 1.5em;\n -webkit-margin-before: 0.83em;\n -webkit-margin-after: 0.83em;\n -webkit-margin-start: 0;\n -webkit-margin-end: 0;\n font-weight: normal;\n border-bottom: 1px solid #bbb;\n}\n\nh2 span {\n color: #666666;\n white-space: nowrap;\n}\n\nli {\n padding-bottom: 5px;\n}\n\na {\n color: #6aa0d0;\n text-decoration: none;\n}\n\ncode {\n background: #dddddd;\n margin: 5px;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh2 a {\n font-weight: 300;\n margin: 0 10px 0 0;\n white-space: nowrap;\n}\n\n\n.btn-primary {\n display: inline-block;\n line-height: 30px;\n color: #FFF;\n text-decoration: none;\n text-align: center;\n background-color: #428bca;\n border-color: #357ebd;\n border-radius: 5px;\n border-width: 0px;\n margin: 5px;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n}\n\n.btn-primary:hover {\n background-color: #3276b1;\n border-color: #285e8e;\n}\n\n.btn-primary:focus {\n outline: none;\n}\n\n.btn-secondary {\n display: inline-block;\n line-height: 30px;\n color: #FFF;\n text-decoration: none;\n text-align: center;\n background-color: #6c757d;\n border-radius: 5px;\n border-width: 0px;\n border-color: transparent;\n margin: 5px;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n}\n\n.btn-secondary:hover {\n background-color: #5b636a;\n}\n\n.btn-secondary:focus {\n outline: none;\n}\n\n.btn-success {\n display: inline-block;\n line-height: 30px;\n color: #FFF;\n text-decoration: none;\n text-align: center;\n background-color: #28a745;\n border-radius: 5px;\n border-width: 0px;\n margin: 5px;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n}\n\n.btn-success:hover {\n background-color: #218d3a;\n}\n\n.btn-success:focus {\n outline: none;\n}\n\n\n.window-content {\n font-size: 14px;\n padding: 10px;\n color: #666666;\n user-select: none;\n}\n\n" }, { "path": "public/index.html", "content": "\n\n\n \n
JSFrame examples
\n\n\n This is a small sample code collection using JSFrame.\n All of the code presented here can be found on GitHub.\n
\nWindow creation:\n
\nCreate a window and the basic use of windows
\n- \n
- Create a window with content written in\n HTML
\n \n - Using iframe for window content
\n \n - Set window position and\n size
Event handling:
\nHow to handle window events and the events of the content in the window
\n- \n
- Handling move and resize\n events.
- Changing the resize area\n to adjust sensitivity\n by mouse or touch
- Handling of content click\n events,\n etc.
- Focusing a window and focus(get\n focus),blur(lost\n focus) handling
Styling and look:
\nCustomize the look of your windows
\n- \n
- custom style: Rounded button on the corner\n with no title\n bar\n \n
- custom style:Using Image\n buttons and\n icons on title bar \n
- custom style: Using Font\n Awesome\n buttons and icons on title bar \n
- custom style: Show\n and hide\n buttons on title bar \n
- custom style: Child\n menu for buttons\n on title bar \n
- custom style: Popup style window\n \n
- custom style: Thick title\n bar \n
- preset style: Yosemite\n \n
- preset window: Yosemite\n \n
- (*)preset_yosemite.html - Preset style demo\n 'yosemite'\n * This example code is for v1.5 or later and will be updated in the future\n \n \n
- (*)preset_win10.html - Preset style demo\n 'redstone' like\n win10\n * This example code is for v1.5 or later and will be updated in the future\n \n \n
- (*)preset_material.html- Preset style demo\n 'material'\n * This example code is for v1.5 or later and will be updated in the future\n \n \n
Alignment, Order and Where the window is created:
\nSet the offset position of the entire window of jsFrame, and set the display order (z-index).
\n- \n\n
- Adjust Window display order with\n parentElement \n
- Anchor of the window position\n \n
- Fixed(scroll-independent)\n and\n Not-fixed window \n
- Make the window live inside a\n specific\n element using parentElement \n
- Make maximized window size same as a specific parentElement \n
- Create a window inside a window, nested windows \n
Maximize/Minimize operation:
\nControls make it easier to implement things like maximizing and minimizing windows
\n- \n
- Window control commands \n
- (*)window_control.html - Window size control\n manually\n * This example code is for v1.5 or later and will be updated in the future\n \n \n
- (*)preset_yosemite_auto.html - Preset\n style demo\n 'yosemite'\n * This example code is for v1.5 or later and will be updated in the future\n \n
Utilities:
\n \n- \n
- (*)toast.html - Show toast\n * This example code is for v1.5 or later and will be updated in the future\n \n
- (*)toast_simple.html - Show simple toast\n * This example code is for v1.5 or later and will be updated in the future\n \n
Advanced:
\n \n- \n
- Desktop OS on the web with\n 'Yosemite'\n \n
- (*)modal.html - Show modal windows\n * This example code is for v1.5 or later and will be updated in the future\n \n
- (*)chatbot_ui.html - Using frame as a chat\n container\n * This example code is for v1.5 or later and will be updated in the future\n \n
- (*)Animation\n * This example code is for v1.0 or later and will be updated in the future\n \n\n
\n * The smallest window. It is responsible for basic processing only.\n *\n * @param beanId id of this small window\n * @param left\n * @param top\n * @param width\n * @param height\n * @param zindex\n * @constructor\n */\nfunction CBeanFrame(beanId, left, top, width, height, zindex, w_border_width, appearance) {\n\n var me = this;\n\n me.movable = true;\n\n\n //fields\n me.id = beanId;\n me.property = {};\n\n me.extra = {};\n\n me.parentCanvas = null;\n me.htmlElement = null;\n\n me.pullUpDisabled = false;\n if (appearance) {\n me.pullUpDisabled = appearance.pullUpDisabled;\n }\n\n\n //initialize\n me.htmlElement = document.createElement(DEF.CBEAN.HTML_ELEMENT);\n me.htmlElement.id = DEF.CBEAN.HTML_ELEMENT_ID_PREFIX + beanId;\n me.htmlElement.style.position = 'absolute';\n me.htmlElement.style.left = parseInt(left, 10) + 'px';\n me.htmlElement.style.top = parseInt(top, 10) + 'px';\n me.htmlElement.style.width = parseInt(width, 10) + 'px';\n me.htmlElement.style.height = parseInt(height, 10) + 'px';\n\n\n //Zindex may become 'undefined' in some cases.\n if (zindex !== null) {\n me.htmlElement.style.zIndex = zindex;\n }\n me.htmlElement.style.borderColor = '#000000';\n\n //If I set a larger font size, width and height of window will be affected....\n me.htmlElement.style.fontSize = '1px';\n\n //Refer parents to each other.(sougo-sansho)\n me.htmlElement.parent = me;\n\n if (MOUSE_ENABLED) {\n //Note that 'mouseDown' is mapped to 'onmousedown' of htmlElement,\n //so when 'onmouseDown' fires ,the 'this' will indicate 'htmlElement'\n me.htmlElement.onmousedown = me.onmouseDown;\n }\n\n if (TOUCH_ENABLED) {\n if ('ontouchstart' in window) {\n var funcOnTouchStart = function(evt) {\n // The \"mousedown\" event happens right after \"touchstart\" event,\n // but I don't call #preventdefault because #preventdefault prevents \"onclick\".\n // So, perform #preventdefault only for \"touchmove\"\n // evt.preventDefault();\n me.onmouseDown.bind(this)(evt);\n };\n me.htmlElement.ontouchstart = funcOnTouchStart;\n }\n }\n\n //Type name of this class\n me.htmlElement.typeName = DEF.CBEAN.TYPE_NAME;\n\n //Special field indicating usage of this class\n me.htmlElement.usage = 'nothing';\n\n //Whether it can move outside the frame(waku).\n me.htmlElement.isRangeLimited = false;\n\n //Movement magnification in the X direction\n //(If it is 0, it can not move in the X direction.)\n me.htmlElement.argX = 1;\n\n //Movement magnification in Y direction\n // (If it is 0, it can not move in Y direction)\n me.htmlElement.argY = 1;\n me.externalAreaClickedListener = null;\n\n me.onMoveListener = null;\n}\n\nCBeanFrame.prototype.getWindowType = function() {\n return 'CBeanFrame';\n};\n\nCBeanFrame.prototype.setOnMoveListener = function(listener) {\n var me = this;\n me.onMoveListener = listener;\n};\nCBeanFrame.prototype._onMove = function(e) {\n var me = this;\n if (me.onMoveListener) {\n me.onMoveListener(e);\n }\n};\n\n/**\n * Set whether the frame can be moved while dragging with the mouse\n * @param enabled\n */\nCBeanFrame.prototype.setMovable = function(enabled) {\n var me = this;\n\n if (enabled) {\n me.htmlElement.argX = 1;\n me.htmlElement.argY = 1;\n } else {\n me.htmlElement.argX = 0;\n me.htmlElement.argY = 0;\n }\n\n me.movable = enabled;\n\n return me;\n};\n\n\nCBeanFrame.prototype.setParentCanvas = function(parentCanvas) {\n var me = this;\n me.parentCanvas = parentCanvas;\n me.htmlElement.parentCanvas = me.parentCanvas;\n return me;\n};\nCBeanFrame.prototype.setOnExternalAreaClickedListener = function(listener) {\n var me = this;\n me.externalAreaClickedListener = listener;\n return me;\n};\nCBeanFrame.prototype.onBodyClicked = function(e) {\n\n var me = this;\n\n var clickX = e.pageX;\n var clickY = e.pageY;\n\n var left = parseInt(me.htmlElement.style.left);\n var top = parseInt(me.htmlElement.style.top);\n var width = parseInt(me.htmlElement.style.width);\n var height = parseInt(me.htmlElement.style.height);\n\n if (left < clickX && clickX < (left + width) && top < clickY && (clickY < top + height)) {\n //- clicked internal area of this frame\n } else {\n\n //- clicked external area of this frame\n if (me.externalAreaClickedListener) {\n me.externalAreaClickedListener();\n }\n\n }\n\n\n};\nCBeanFrame.prototype.onmouseDown = function(evt) {\n\n // Typically, if you mouse down on the title portion, the onmousedown fires to move the window.\n // Mousing down the bottom of the window, the left side of the window,\n // or the bottom of the window will fire the onmouseDown of the window itself (CBeanFrame)\n // as well as the onmouseDown of the CMarkerWindow for resizing.\n // Each mousedown element is set to a currentObject as being selected,\n // whether it's a window or a marker.\n\n // this means htmlElement of CBeanFrame object\n var refHtmlElement = this;\n\n var e = evt;\n\n if (TOUCH_ENABLED) {\n if (evt.type === 'touchstart') {\n var changedTouches = evt.changedTouches;\n if (TOUCH_MOVE_ONLY_WITH_ONE_FINGER) {\n var touches = evt.touches;\n if (touches.length === 1) {\n e = changedTouches[0];\n } else {\n return true;\n }\n } else {\n e = changedTouches[0];\n }\n }\n }\n\n //Retrieve CBeanFrame object itself\n var refCBeanFrame = refHtmlElement.parent;\n\n if (e.button == 0 || evt.type === 'touchstart') {\n // for modal background window\n if (refCBeanFrame.pullUpDisabled) {\n return false;\n } else {\n\n // Set the current CBeanFrame to be selected(=currentObject) among other CBeanFrames in the parent canvas.\n refHtmlElement.parentCanvas.currentObject = refHtmlElement;\n\n // Bring the current bean to the top\n refHtmlElement.parentCanvas.pullUp(refCBeanFrame.id);\n }\n\n } else if (e.button == 2) {\n return false;\n }\n\n if (refHtmlElement.parentCanvas.currentObject) {\n\n refHtmlElement.parentCanvas.offsetX = e.pageX - parseInt(refHtmlElement.parentCanvas.currentObject.style.left, 10);\n refHtmlElement.parentCanvas.offsetY = e.pageY - parseInt(refHtmlElement.parentCanvas.currentObject.style.top, 10);\n }\n\n\n return false;\n};\n/**\n * End of CBeanFrame Class
\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n\nDEF.CANVAS = {};\nDEF.CANVAS.HTML_ELEMENT = 'div';\nDEF.CANVAS.WIDTH_ADJUST_20180722 = 2;\nDEF.CANVAS.HEIGHT_ADJUST_20180722 = 3;\n\n/**\n * CCanvas class\n * A canvas is a place where windows are arranged, where you can drag and move freely.\n *\n * @param parentElement\n * @param canvasId\n * @param left\n * @param top\n * @param width\n * @param height\n * @constructor\n */\nfunction CCanvas(parentElement, canvasId, left, top, width, height) {\n\n //Event data to be transmitted\n function EventData() {\n this.x = 0;\n this.y = 0;\n this.screenX = 0;\n this.screenY = 0;\n this.deltaX = 0;\n this.deltaY = 0;\n this.isMoved = false;\n this.targetTypeName = null;\n this.targetUsage = null;\n this.targetObject = null;\n }\n\n var me = this;\n\n\n me.enablePullUp = true;// true:Pull-up sorting to bring the window to the forefront by clicking to get focus.\n me.currentObject = null;\n me.onTopObject = null;\n me.offsetX = 0;\n me.offsetY = 0;\n\n\n //Object which generated 'mouseDown' event at the very beginning(ichiban-saisho)\n me.mouseDownSource = null;\n\n me.id = canvasId;\n me.canvasElement = null;\n me.parentElement = parentElement;\n me.beanList = new Array();\n\n me.beanIdName = {};//key:beanId value:beanName\n me.beanNameId = {};//key:beanName value:beanId\n\n me.eventData = new EventData();\n\n\n me.baseZIndex = 0;\n me.setBaseZIndex = function(baseZIndex) {\n me.baseZIndex = baseZIndex;\n };\n me.getBaseZIndex = function() {\n return me.baseZIndex;\n };\n\n\n me.canvasElement = document.createElement(DEF.CANVAS.HTML_ELEMENT);\n\n me.canvasElement.style.zIndex = 2000;\n me.canvasElement.id = me.id;\n me.canvasElement.style.boxSizing = 'border-box';\n me.canvasElement.style.position = 'absolute';\n me.canvasElement.style.left = parseInt(left) + 'px';\n me.canvasElement.style.top = parseInt(top) + 'px';\n //Added an adjustment value.Because transparent part appears at the bottom of the screen,\n me.canvasElement.style.width = (parseInt(width) + DEF.CANVAS.WIDTH_ADJUST_20180722) + 'px';\n me.canvasElement.style.height = (parseInt(height) + DEF.CANVAS.HEIGHT_ADJUST_20180722) + 'px';\n me.canvasElement.style.backgroundColor = 'transparent';\n me.canvasElement.style.borderStyle = 'none';\n me.canvasElement.style.margin = '0px';\n me.canvasElement.style.borderWidth = '0px';\n me.canvasElement.style.borderColor = 'transparent';\n\n //Add the Canvas's html element into the canvas's parent html element\n me.parentElement.appendChild(me.canvasElement);\n\n}\n\n\nCCanvas.prototype.mouseMove = function(evt) {\n\n var me = this;\n var e = evt;\n if (TOUCH_ENABLED) {\n if (evt.type === 'touchmove') {\n var changedTouches = evt.changedTouches;\n if (TOUCH_MOVE_ONLY_WITH_ONE_FINGER) {\n var touches = evt.touches;\n if (touches.length === 1) {\n e = changedTouches[0];\n } else {\n return true;\n }\n } else {\n e = changedTouches[0];\n }\n }\n }\n if (me.currentObject) {\n\n //eventData.isMoved=true;The presence of event data means that it has moved.\n me.eventData.targetTypeName = me.currentObject.typeName;\n me.eventData.targetUsage = me.currentObject.usage;\n me.eventData.targetObject = me.currentObject;\n\n //Even when obj is not being dragged, mouse coordinates are used here because they are needed.\n var newObjLeftPx = e.pageX - me.offsetX;\n var newObjTopPx = e.pageY - me.offsetY;\n\n var absoluteMouseX = e.pageX;\n var absoluteMouseY = e.pageY;\n\n //Take the snapshot before updating the location.\n var oldObjLeftPx = me.currentObject.style.left;\n var oldObjTopPx = me.currentObject.style.top;\n\n //When the mouse cursor goes out of range,\n //the addition in the X direction and Y direction (delta X, delta Y) is set to zero.\n //this.left=Cavas's left side edge, this.top=Canvas's top side edge.\n var tmpLeft = parseInt(newObjLeftPx, 10);\n var tmpTop = parseInt(newObjTopPx, 10);\n\n var tmpRight = tmpLeft + parseInt(me.currentObject.style.width, 10);\n var tmpBottom = tmpTop + parseInt(me.currentObject.style.height, 10);\n\n var styleWidth = parseInt(me.canvasElement.style.width, 10);\n var styleHeight = parseInt(me.canvasElement.style.height, 10);\n\n var deltaX = 0;\n var deltaY = 0;\n\n if (me.currentObject.isRangeLimited == true &&\n (tmpLeft <= 0 || tmpRight > styleWidth || tmpTop <= 0 || tmpBottom > styleHeight)\n ) {\n deltaX = 0;\n deltaY = 0;\n } else {\n deltaX = (parseInt(newObjLeftPx, 10) - parseInt(oldObjLeftPx, 10));\n deltaY = (parseInt(newObjTopPx, 10) - parseInt(oldObjTopPx, 10));\n me.currentObject.style.left = (parseInt(me.currentObject.style.left) + deltaX * me.currentObject.argX) + 'px';\n me.currentObject.style.top = (parseInt(me.currentObject.style.top) + deltaY * me.currentObject.argY) + 'px';\n\n var parentObject = me.currentObject.parent;\n if (parentObject && parentObject._onMove) {\n parentObject._onMove();\n }\n\n }\n me.eventData.deltaX = deltaX;\n me.eventData.deltaY = deltaY;\n\n return me.eventData;\n\n }\n //Returns null if none of the objects are clicked and the only mouse just moves.\n return null;\n};\n\n\nCCanvas.prototype.mouseUp = function(e) {\n var me = this;\n me.currentObject = null;\n me.mouseDownSource = null;\n};\n\n\n//Bring the object in front\nCCanvas.prototype.pullUp = function(targetBeanId) {\n\n var me = this;\n\n var tmpBeanArray = [];\n\n var beanList = me.beanList;\n\n for (var i in beanList) {\n tmpBeanArray.push(beanList[i]);\n }\n\n //Bring the target object in front and set zindex to 1.\n var targetBean = beanList[targetBeanId];\n\n if (me.enablePullUp) {\n me.pullUpSort(targetBean, tmpBeanArray, me.baseZIndex);\n }\n\n\n //Remember the top object\n me.onTopObject = targetBean;\n\n\n};\n\n//Calculate the front / back information of the window accurately.\nCCanvas.prototype.pullUpSort = function(pullupObject, objectArray, baseIndex) {\n var me = this;\n\n //Increase the index number of the target object\n pullupObject.htmlElement.style.zIndex = objectArray.length + baseIndex;\n\n //sort by index\n objectArray.sort(function(b, a) {\n return -parseInt(b.htmlElement.style.zIndex, 10) + parseInt(a.htmlElement.style.zIndex, 10);\n });\n\n //Redefine number of the index\n for (var i in objectArray) {\n objectArray[i].htmlElement.style.zIndex = (objectArray.length - 1) - i + baseIndex;\n }\n\n};\n\n\n/**\n * remove the bean object\n * @param beanId\n */\nCCanvas.prototype.removeBean = function(beanId) {\n\n var me = this;\n\n //Retrieve the target beanFrame\n var beanList = me.beanList;\n var targetBean = beanList[beanId];\n\n //Remove bean's htmlElement from canvasElement\n me.canvasElement.removeChild(targetBean.htmlElement);\n\n //Delete the bean object in the associative array.\n delete beanList[beanId];\n\n\n};\n\n\n/**\n * Add bean into this canvas\n * @param bean\n */\nCCanvas.prototype.addBean = function(bean) {\n\n var me = this;\n\n var beanList = me.beanList;\n\n var beanIdName = me.beanIdName;//key:beanId value:beanName\n var beanNameId = me.beanNameId; //key:beanName value:beanId\n\n\n beanList[bean.id] = bean;\n\n if (bean.property.name) {\n beanNameId[bean.property.name] = bean.id;\n beanIdName[bean.id] = bean.property.name;\n }\n\n //In this usage case the 'length' property is invalid ..\n var num = 0;\n\n for (var j in beanList) {\n num++;\n }\n\n //Set zIndex so that what you add later will come up.\n bean.htmlElement.style.zIndex = num + me.baseZIndex;\n\n //On the bean side, specify the parent of the bean to me.\n bean.setParentCanvas(me);\n\n\n this.canvasElement.appendChild(bean.htmlElement);\n};\n\nCCanvas.prototype.getParentElement = function() {\n var me = this;\n return me.parentElement;\n};\n\n/**\n * End of canvas class\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n\nDEF.CFRAME = {};\nDEF.CFRAME.CANVAS_ELEMENT_BGCOLOR = 'transparent';\nDEF.CFRAME.MODAL_BACKGROUND_FRAME_ID_PREFIX = 'window__modal_window_background_';\n\n\ninherit(CFrame, CBeanFrame);\n\n\n/**\n * CFrame class\n *
\n * This class represents a window whose size can be changed ,\n * can move freely on the screen,\n * can have a title bar,\n *\n * @param windowId\n * @param w_left\n * @param w_top\n * @param w_width\n * @param w_height\n * @param zindex\n * @param w_border_width\n * @param appearance\n * @constructor\n */\nfunction CFrame(windowId, w_left, w_top, w_width, w_height, zindex, w_border_width, appearance) {\n\n var me = this;\n\n //call constructor of superclass\n CFrame.superConstructor.call(this, windowId, w_left, w_top, w_width, w_height, zindex, w_border_width, appearance);\n\n me.anchor = CALIGN.LEFT_TOP;\n\n me.showTitleBar = appearance.showTitleBar;\n\n me.canvasNetHeight = null;\n me.canvasNetWidth = null;\n me.frameHeightAdjust = appearance.frameHeightAdjust;\n\n me.frameComponentMap = {};\n\n\n //initialize the field\n me.canvas = null;\n\n //canvas id\n me.myCanvasId = null;\n\n //Buttons to be placed on the screen (positioning same as the close button)\n me.floatingButton = null;\n\n me.titleBarClassNameDefault = 'jsframe-titlebar-default';// DEF.CFRAME.TITLE_BAR_CLASS_DEFAULT;\n me.titleBarClassNameFocused = 'jsframe-titlebar-focused';//DEF.CFRAME.TITLE_BAR_CLASS_FOCUSED;\n\n\n //height of titlebar\n me.titleBarHeight = appearance.titleBarHeight;\n\n me.titleBarCaption = appearance.titleBarCaption;\n me.titleBarCaptionLeftMargin = appearance.titleBarCaptionLeftMargin;\n me.titleBarCaptionFontSize = appearance.titleBarCaptionFontSize;\n me.titleBarCaptionFontWeight = appearance.titleBarCaptionFontWeight;\n me.titleBarBorderBottomDefault = appearance.titleBarBorderBottomDefault;\n me.titleBarBorderBottomFocused = appearance.titleBarBorderBottomFocused;\n me.titleBarCaptionTextShadow = appearance.titleBarCaptionTextShadow;\n me.titleBarCaptionTextAlign = appearance.titleBarCaptionTextAlign;\n\n //Title bar width adjustment value\n me.titleAdjustWidth = 2;\n\n me.windowId = windowId;\n\n me.exBorderWidth = 0;\n\n\n me.myCanvasId = windowId + '_canvas';\n\n\n //img element for icon placed on the left-top\n var appIcon = document.createElement('img');\n //\t\tappIcon.src='img/ico_app_file16.gif';\n\n //url of icon image\n appIcon.src = '';\n appIcon.style.position = 'absolute';\n appIcon.style.left = '2px';\n appIcon.style.top = '2px';\n appIcon.style.width = '16px';\n appIcon.style.height = '16px';\n appIcon.style.visibility = 'hidden';\n\n\n //The title bar must be on the front of the canvas.\n me.titleBar = document.createElement('div');\n\n me.titleBar.className = 'jsframetitlebar';\n\n if (me.showTitleBar) {\n\n me.titleBar.id = windowId + '_title';\n me.titleBar.style.position = 'absolute';\n me.titleBar.style.boxSizing = 'border-box';\n me.titleBar.style.top = '0px';\n me.titleBar.style.left = '0px';\n me.titleBar.style.width = (w_width - me.titleAdjustWidth + DEF.CANVAS.WIDTH_ADJUST_20180722) + 'px';\n me.titleBar.style.userSelect = 'none';\n\n\n if (me.titleBarHeight) {\n\n var titleBarAdjust = 0;\n\n if (me.titleBarBorderBottomDefault) {\n titleBarAdjust = 0;\n }\n\n\n me.titleBar.style.height = (parseInt(me.titleBarHeight, 10) + 0) + 'px';\n }\n\n if (me.titleBarColorDefault) {\n me.titleBar.style.background = me.titleBarColorDefault;\n }\n me.titleBar.style.zIndex = 0;\n\n me.titleBar.style.color = me.titleBarCaptionColorDefault;\n me.titleBar.style.fontSize = me.titleBarCaptionFontSize;\n me.titleBar.style.fontWeight = me.titleBarCaptionFontWeight;\n me.titleBar.style.textShadow = me.titleBarCaptionTextShadow;\n me.titleBar.style.textAlign = me.titleBarCaptionTextAlign;\n // me.titleBar.style.textShadow = \"0 1px 0 rgba(255,255,255,.7)\";\n // me.titleBar.style.textAlign = 'center';\n\n me.titleBar.style.lineHeight = me.titleBar.style.height;\n\n\n me.titleBar.style.borderBottom = me.titleBarBorderBottomDefault;\n //me.titleBar.style.boxShadow = '0 1px 0 rgba(255,255,255,0.5)';\n\n\n //Set not to display overflow character string\n me.titleBar.style.overflow = 'hidden';\n\n\n var titleBarText = document.createTextNode('');\n\n //'span' to store text\n var titleBarTextSpan = document.createElement('span');\n\n titleBarTextSpan.id = me.id + '_titleBarText';\n if (me.titleBarCaptionLeftMargin != null) {\n titleBarTextSpan.style.position = 'absolute';\n titleBarTextSpan.style.left = parseInt(me.titleBarCaptionLeftMargin, 10) + 'px';\n } else {\n titleBarTextSpan.style.position = 'absolute';\n titleBarTextSpan.style.left = '0px';\n titleBarTextSpan.style.right = '0px';\n }\n titleBarTextSpan.style.top = '0px';\n titleBarTextSpan.appendChild(titleBarText);\n me.titleBar.appendChild(titleBarTextSpan);\n\n //Discontinue appicon(20061011)\n //me.titleBar.appendChild(appIcon);\n }\n\n me.htmlElement.appendChild(me.titleBar);\n\n\n //Set Canvas throughout the window\n\n //parseInt(me.titleBar.style.height);//me.titleBarHeight);\n var canvasMoreHeight = parseInt(me.titleBarHeight, 10) - titleBarAdjust;\n var canvasMoreSpacing = parseInt(me.titleAdjustWidth, 10);\n\n if (me.showTitleBar) {\n\n\n } else {\n canvasMoreHeight = 0;\n canvasMoreSpacing = 0;\n titleBarAdjust = 0;\n }\n\n\n me.canvasNetWidth = w_width - canvasMoreSpacing;\n me.canvasNetHeight = w_height - canvasMoreHeight - canvasMoreSpacing - 1 - titleBarAdjust + me.frameHeightAdjust;\n\n\n //Change the style of htmlElement of CFrame (CBean).\n me.htmlElement.style.cursor = 'move';\n\n\n //Create a canvas\n me.canvas = new CCanvas(me.htmlElement, me.myCanvasId, 0, canvasMoreHeight, w_width - canvasMoreSpacing, w_height - canvasMoreHeight - canvasMoreSpacing);\n\n me.canvas.enablePullUp = false;\n me.canvas.canvasElement.style.backgroundColor = DEF.CFRAME.CANVAS_ELEMENT_BGCOLOR;\n me.canvas.canvasElement.style.cursor = 'default';\n\n if (MOUSE_ENABLED) {\n //Handling the omousedown event that occurred in Canvas which is a child element of CFrame\n me.canvas.canvasElement.onmousedown = me.canvasMouseDown;\n }\n\n if (TOUCH_ENABLED) {\n if ('ontouchstart' in window) {\n var funcOnTouchStart = function(evt) {\n // The \"mousedown\" event happens right after \"touchstart\" event,\n // but I don't call #preventdefault because #preventdefault prevents \"onclick\" (like button on titlebar).\n // So, perform #preventdefault only for \"touchmove\"\n // evt.preventDefault();\n var touchStartEvent = evt.changedTouches[0];\n me.canvasMouseDown.bind(this)(touchStartEvent);\n };\n me.canvas.canvasElement.ontouchstart = funcOnTouchStart;\n }\n }\n\n //Set the canvas as a reference to the parent of the canvas html element canvasElement.\n me.canvas.canvasElement.parentCFrame = me;\n\n\n var tmpCanvasWidth = parseInt(me.canvas.canvasElement.style.width, 10);\n var tmpCanvasHeight = parseInt(me.canvas.canvasElement.style.height, 10);\n\n var markerWidth = appearance.resizeAreaWidth;\n var markerHeight = appearance.resizeAreaHeight;\n\n //Offset from marker edge\n var edgeMargin = appearance.resizeAreaOffset;\n var markerZIndex = 0;\n\n var colorRD, colorDD, colorRR;\n\n if (appearance.resizeAreaVisible) {\n colorRD = 'rgba(255, 0, 0, 0.5)';\n colorDD = 'rgba(0, 0, 255, 0.5)';\n colorRR = 'rgba(0, 255, 0, 0.5)';\n }\n\n //Lower right(R-D)\n var markerRD = new CMarkerWindow(\n me.myCanvasId + '_RD',\n tmpCanvasWidth + edgeMargin,\n tmpCanvasHeight + edgeMargin,\n markerWidth,\n markerHeight,\n markerZIndex,\n 'RD', colorRD);\n\n markerRD.htmlElement.style.cursor = 'se-resize';//nw-resize';\n\n //Since only the deltaX and deltaY are acquired and the movement of the marker itself is\n // performed by CFrame_resize, the movement coefficient of the marker itself is set to 0.\n markerRD.htmlElement.argX = 0;\n markerRD.htmlElement.argY = 0;\n\n\n //Bottom(D-D)\n var markerDD = new CMarkerWindow(\n me.myCanvasId + '_DD',\n 0,\n tmpCanvasHeight + edgeMargin,\n tmpCanvasWidth + edgeMargin,\n markerHeight,\n markerZIndex,\n 'DD', colorDD);\n\n markerDD.htmlElement.style.cursor = 'n-resize';\n\n //Since only the deltaX and deltaY are acquired and the movement of the marker itself is\n // performed by CFrame_resize, the movement coefficient of the marker itself is set to 0.\n markerDD.htmlElement.argX = 0;\n markerDD.htmlElement.argY = 0;\n\n //Right(R-R)\n var markerRR = new CMarkerWindow(\n me.myCanvasId + '_RR',\n tmpCanvasWidth + edgeMargin,\n 0,\n markerWidth,\n tmpCanvasHeight + edgeMargin,\n markerZIndex,\n 'RR', colorRR);\n\n markerRR.htmlElement.style.cursor = 'w-resize';\n\n //Since only the deltaX and deltaY are acquired and the movement of the marker itself is\n // performed by CFrame_resize, the movement coefficient of the marker itself is set to 0.\n markerRR.htmlElement.argY = 0;\n markerRR.htmlElement.argX = 0;\n\n //Add size change marker to canvas.\n me.canvas.addBean(markerRD);\n me.canvas.addBean(markerDD);\n me.canvas.addBean(markerRR);\n\n //Method to remove size change marker (can not resize)\n me.removeMarkers = function() {\n me.canvas.removeBean(markerRD.id);\n me.canvas.removeBean(markerDD.id);\n me.canvas.removeBean(markerRR.id);\n me.htmlElement.style.cursor = 'default';\n };\n\n\n me.removeMarkers2 = function() {\n me.canvas.removeBean(markerRD.id);\n me.canvas.removeBean(markerDD.id);\n me.canvas.removeBean(markerRR.id);\n };\n me.enableMarkers = function(enabled) {\n if (enabled) {\n\n markerRD.htmlElement.style.display = 'flex';\n markerDD.htmlElement.style.display = 'flex';\n markerRR.htmlElement.style.display = 'flex';\n markerRD.htmlElement.style.cursor = 'se-resize';\n markerDD.htmlElement.style.cursor = 'n-resize';\n markerRR.htmlElement.style.cursor = 'w-resize';\n } else {\n markerRD.htmlElement.style.display = 'none';\n markerDD.htmlElement.style.display = 'none';\n markerRR.htmlElement.style.display = 'none';\n }\n // me.canvas.removeBean(markerRD.id);\n // me.canvas.removeBean(markerDD.id);\n // me.canvas.removeBean(markerRR.id);\n };\n\n for (var idx in appearance.frameComponents) {\n\n var frameComponent = appearance.frameComponents[idx];\n frameComponent.setFrame(me);\n\n //if frameComponent has special name 'closeButton', it will act as a close button.\n if ('closeButton' == frameComponent.id) {\n frameComponent.htmlElement.onclick = me.close;\n }\n\n // Handle child menu open/close\n var frameComponentHasChildMenu = frameComponent.htmlElement.querySelector('.jsframe-child-menu');\n if (frameComponentHasChildMenu) {\n me.eventListenerHelper.addEventListener(frameComponent.htmlElement, 'click', function(e) {\n\n var frameComponentId = e.target.getAttribute('component-id');\n\n // Close all frame component's childmenu once because other frame component's childmenu may be open.\n // If {exceptFrameComponentId:[frameComponentId]} is specified for the argument,\n // the child menu will not be closed.\n me.hideFrameComponentChildMenus({ exceptFrameComponentId: frameComponentId });\n\n if (frameComponentId) {\n var frameComponentHtmlElement = me.getFrameComponentElement(frameComponentId);\n var frameComponentChildMenu = frameComponentHtmlElement.querySelector('.jsframe-child-menu');\n if (frameComponentChildMenu) {\n // By making the display a table,\n // the width of the childMenu can be accurately reflected.\n // (flex does not set the width correctly.)\n if (frameComponentChildMenu.style.display == 'table') {\n frameComponentChildMenu.style.display = 'none';\n } else {\n frameComponentChildMenu.style.display = 'table';\n }\n } else {\n console.error('frameComponent child menu isnt found. frameComponentId=' + frameComponentId);\n }\n }\n },\n { listenerName: 'frame-component_child-menu-listener' });\n }\n\n me.addFrameComponent(frameComponent);\n } // /add frameComponents[end]\n\n //override the field\n me.htmlElement.style.backgroundColor = 'transparent';\n\n me.htmlElement.oncontextmenu = this.contextMenu;\n\n\n //The policy of Border drawing seems to be different between IE and FF.\n var caribVal = 0;\n\n\n me.caribValue = caribVal;\n\n if (me.exBorderWidth) {\n me.htmlElement.style.borderWidth = me.exBorderWidth + 'px';\n }\n me.htmlElement.style.width = (parseInt(me.htmlElement.style.width, 10) - caribVal) + 'px';\n me.htmlElement.style.height = (parseInt(me.htmlElement.style.height, 10) - caribVal + 1) + 'px';\n me.htmlElement.typeName = 'cwindow';\n me.htmlElement.overflow = 'auto';\n me.htmlElement.style.boxSizing = 'content-box';\n\n\n if (appearance.frameBorderStyle) {\n me.htmlElement.style.borderStyle = appearance.frameBorderStyle;\n }\n\n if (appearance.frameBoxShadow) {\n me.htmlElement.style.boxShadow = appearance.frameBoxShadow;\n }\n\n //TODO deprecation(because CIfFrame is extended this operation)\n if (parseInt(appearance.frameBorderWidthDefault, 10) >= 0) {\n me.htmlElement.style.borderWidth = appearance.frameBorderWidthDefault;\n me.htmlElement.style.borderColor = appearance.frameBorderColorDefault;\n\n }\n if (parseInt(appearance.frameBorderRadius, 10) >= 0) {\n me.htmlElement.style.borderRadius = appearance.frameBorderRadius;\n }\n\n me.onCloseFrameListener = null;\n\n}\n\n\nCFrame.prototype.setTitleBarClassName = function(classNameForDefault, classNameForFocused) {\n var me = this;\n if (classNameForDefault) {\n me.titleBarClassNameDefault = classNameForDefault;\n me.titleBarClassNameFocused = classNameForDefault;\n }\n if (classNameForFocused) {\n me.titleBarClassNameFocused = classNameForFocused;\n }\n return me;\n};\n/**\n * Add frameComponent(Wrapped DOM element like 'div' to display above the frame) to frame\n * @param frameComponent\n */\nCFrame.prototype.addFrameComponent = function(frameComponent) {\n var me = this;\n\n me.frameComponentMap[frameComponent.id] = frameComponent;\n me.canvas.canvasElement.appendChild(frameComponent.htmlElement);\n return me;\n};\n\n/**\n * Get stored frame component by id\n * @param frameComponent\n */\nCFrame.prototype.getFrameComponentElement = function(id) {\n var me = this;\n if (me.frameComponentMap[id]) {\n return me.frameComponentMap[id].htmlElement;\n } else {\n return null;\n }\n};\n\n\nCFrame.prototype.removeFrameComponentById = function(frameComponentId) {\n var me = this;\n\n var frameComponent = me.frameComponentMap[frameComponentId];\n\n me.canvas.canvasElement.removeChild(frameComponent.htmlElement);\n delete me.frameComponentMap[frameComponentId];\n};\n\nCFrame.prototype.showFrameComponent = function(frameComponentId, display) {\n var me = this;\n var comp = me.getFrameComponentElement(frameComponentId);\n if (comp) {\n if (display) {\n comp.style.display = display;\n } else {\n comp.style.display = 'flex';\n }\n }\n return me;\n};\n\nCFrame.prototype.hideFrameComponent = function(frameComponentId) {\n var me = this;\n var comp = me.getFrameComponentElement(frameComponentId);\n if (comp) {\n comp.style.display = 'none';\n }\n return me;\n};\n\nCFrame.prototype.hideAllVisibleFrameComponents = function() {\n var me = this;\n\n var compMap = me.frameComponentMap;\n for (var key in compMap) {\n if (compMap.hasOwnProperty(key)) {\n var comp = compMap[key].htmlElement;\n if (comp.style.display === 'none') {\n comp._alreadyNone = true;\n }\n comp.style.display = 'none';\n }\n }\n};\nCFrame.prototype.showAllVisibleFrameComponents = function() {\n var me = this;\n var compMap = me.frameComponentMap;\n for (var key in compMap) {\n if (compMap.hasOwnProperty(key)) {\n var comp = compMap[key].htmlElement;\n if (comp._alreadyNone) {\n comp._alreadyNone = null;\n } else {\n comp.style.display = 'flex';\n }\n }\n }\n};\n\n/**\n * Close all childMenu\n If {exceptFrameComponentId:[frameComponentId]} is specified for the argument,\n the child menu will not be closed.\n\n * @param opt\n */\nCFrame.prototype.hideFrameComponentChildMenus = function(opt) {\n var me = this;\n\n var compMap = me.frameComponentMap;\n for (var frameComponentId in compMap) {\n if (compMap.hasOwnProperty(frameComponentId)) {\n if (opt && opt.exceptFrameComponentId) {\n if (frameComponentId === opt.exceptFrameComponentId) {\n continue;\n }\n }\n var comp = compMap[frameComponentId];\n if (comp.childMenu) {\n comp.childMenu.style.display = 'none';\n }\n }\n }\n};\n\n\nCFrame.prototype.setTitle = function(str) {\n var me = this;\n me.title = str;\n if (me.showTitleBar) {\n\n var textNode = document.createTextNode(str);\n //firstChildのfirstChildがspan\n me.titleBar.firstChild.replaceChild(textNode, me.titleBar.firstChild.firstChild);\n }\n return me;\n};\n\nCFrame.prototype.resize = function(deltaLeft, deltaTop, deltaWidth, deltaHeight) {\n\n var me = this;\n\n var tmpLeft = parseInt(me.htmlElement.style.left, 10);\n var tmpTop = parseInt(me.htmlElement.style.top, 10);\n var tmpWidth = parseInt(me.htmlElement.style.width, 10);\n var tmpHeight = parseInt(me.htmlElement.style.height, 10);\n\n me.htmlElement.style.left = parseInt(tmpLeft + deltaLeft, 10) + 'px';\n me.htmlElement.style.top = parseInt(tmpTop + deltaTop, 10) + 'px';\n\n me.htmlElement.style.width = parseInt(tmpWidth + deltaWidth, 10) + 'px';\n me.htmlElement.style.height = parseInt(tmpHeight + deltaHeight, 10) + 'px';\n\n\n var tmpCanvasWidth = parseInt(me.canvas.canvasElement.style.width, 10);\n var tmpCanvasHeight = parseInt(me.canvas.canvasElement.style.height, 10);\n\n //Since canvasElement is a (0, 0) relative coordinate with respect to the parent element,\n // so it is not necessary to change left and top.\n me.canvas.canvasElement.style.width = (tmpCanvasWidth + deltaWidth) + 'px';\n me.canvas.canvasElement.style.height = (tmpCanvasHeight + deltaHeight) + 'px';\n\n\n if (me.showTitleBar) {\n\n //Change the size of the title bar. TitleAdjustWidth etc.\n //The reason why you do not have to use titleAdjustWidth is because\n // these scaling are done with differences (deltaX, deltaY).\n //Therefore, if you adjust with the titleAdjustWidth as\n // the initial value, the other will stretch relative.\n //You do not think you can use ifDelta\n me.titleBar.style.width = (tmpCanvasWidth + deltaWidth) + 'px';\n\n } else {\n\n\n }\n\n\n for (var beanName in me.canvas.beanList) {\n var tmpBean = me.canvas.beanList[beanName];\n\n if (tmpBean.htmlElement.typeName == 'cmarkerwindow') {\n if (tmpBean.htmlElement.usage == 'RD') {\n //Move the size change lower right(RD) marker according to the amount of movement.\n tmpBean.htmlElement.style.left = (parseInt(tmpBean.htmlElement.style.left, 10) + deltaWidth) + 'px';\n tmpBean.htmlElement.style.top = (parseInt(tmpBean.htmlElement.style.top, 10) + deltaHeight) + 'px';\n } else if (tmpBean.htmlElement.usage == 'DD') {\n //Move the size change lower marker according to the movement amount.\n // Do not move left.Only the width wil increase or decrease.\n tmpBean.htmlElement.style.width = (parseInt(tmpBean.htmlElement.style.width, 10) + deltaWidth) + 'px';\n tmpBean.htmlElement.style.top = (parseInt(tmpBean.htmlElement.style.top, 10) + deltaHeight) + 'px';\n } else if (tmpBean.htmlElement.usage == 'RR') {\n //Move the size change right marker according to the movement amount\n //Do not move top,Only the height will increase or decrease.\n tmpBean.htmlElement.style.left = (parseInt(tmpBean.htmlElement.style.left, 10) + deltaWidth) + 'px';\n tmpBean.htmlElement.style.height = (parseInt(tmpBean.htmlElement.style.height, 10) + deltaHeight) + 'px';\n }\n\n }\n }\n};\n\n\nCFrame.prototype.canvasMouseDown = function(e) {\n var me = this;\n\n //Mousedown processing of CFrame.canvas\n\n //'This' in this method indicates 'Cwindow.canvas.canvasElement'.\n if (this.parentCFrame.parentCanvas.mouseDownSource == null) {\n this.parentCFrame.parentCanvas.mouseDownSource = 'childcanvas';\n }\n\n\n};\nCFrame.prototype.mouseUp = function(e) {\n this.canvas.mouseUp(e);\n};\n\nCFrame.prototype.close = function(e) {\n\n var me = this;\n //Close processing of CFrame from CloseButton\n\n\n var parentCanvas = this.parentObject.parentCanvas;\n var cframeObj = this.parentObject;\n\n console.log('CFrame#close \"' + cframeObj.title + '(@' + cframeObj.getName() + ')' + '\" @' + cframeObj.windowId);\n\n var windowId = cframeObj.id;\n cframeObj.closeInternally(e, parentCanvas, windowId);\n\n\n};\n\nCFrame.prototype.closeFrame = function(e) {\n\n\n //Close processing of CFrame\n var me = this;\n\n console.log('CFrame#closeFrame \"' + me.title + '(' + me.getName() + ')' + '\" @' + me.windowId);\n\n var parentCanvas = this.parentCanvas;\n me.closeInternally(e, parentCanvas, me.windowId);\n\n\n};\n\nCFrame.prototype.closeInternally = function(e, parentCanvas, windowId) {\n var me = this;\n\n if (!parentCanvas) {\n console.error('Window(' + windowId + ') may have been closed');\n return;\n }\n parentCanvas.removeBean(windowId);\n\n\n //added for modal window\n if (me.modalBackgroundWindowId) {\n parentCanvas.removeBean(me.modalBackgroundWindowId);\n me.modalBackgroundWindowId = null;\n }\n\n if (me.onCloseFrameListener) {\n me.onCloseFrameListener(me);\n }\n};\n\nCFrame.prototype.setOnCloseFrameListener = function(listener) {\n var me = this;\n me.onCloseFrameListener = listener;\n\n};\n\nCFrame.prototype.contextMenu = function() {\n //If you issue the right-click menu in the window, set the source to CFrame.\n var contextMenuSource = 'CFrame';\n return false;\n};\n\n\nCFrame.prototype.setTitleBarTextColor = function(str) {\n var me = this;\n me.titleBar.style.color = str;\n};\n\n/**\n * Set window position with anchor\n * @param {number} x\n * @param {number} y\n * @param {string} anchor anchor means the position of the window with respect to which the position is specified.
\n * The following values can be specified for the anchor\n LEFT_TOP\n CENTER_TOP\n RIGHT_TOP\n LEFT_CENTER\n CENTER_CENTER\n RIGHT_CENTER\n LEFT_BOTTOM\n CENTER_BOTTOM\n RIGHT_BOTTOM\n * @returns {CFrame}\n */\nCFrame.prototype.setPosition = function(x, y, anchor) {\n var me = this;\n\n var frameWidth = me.getWidth();\n var frameHeight = me.getHeight();\n\n me._setPositionInternally(x, y, anchor, frameWidth, frameHeight);\n\n return me;\n};\nCFrame.prototype._setPositionInternally = function(x, y, anchor, frameWidth, frameHeight) {\n var me = this;\n\n if (anchor) {\n me.anchor = anchor;\n }\n\n if (!anchor || CALIGN.LEFT_TOP == anchor) {\n me.htmlElement.style.left = x + 'px';\n me.htmlElement.style.top = y + 'px';\n } else if (CALIGN.HCENTER_TOP == anchor) {\n me.htmlElement.style.left = (-frameWidth / 2 + x) + 'px';\n me.htmlElement.style.top = y + 'px';\n } else if (CALIGN.RIGHT_TOP == anchor) {\n me.htmlElement.style.left = (-frameWidth + x) + 'px';\n me.htmlElement.style.top = y + 'px';\n } else if (CALIGN.LEFT_VCENTER == anchor) {\n me.htmlElement.style.left = x + 'px';\n me.htmlElement.style.top = (-frameHeight / 2 + y) + 'px';\n } else if (CALIGN.HCENTER_VCENTER == anchor) {\n me.htmlElement.style.left = (-frameWidth / 2 + x) + 'px';\n me.htmlElement.style.top = (-frameHeight / 2 + y) + 'px';\n } else if (CALIGN.RIGHT_VCENTER == anchor) {\n me.htmlElement.style.left = (-frameWidth + x) + 'px';\n me.htmlElement.style.top = (-frameHeight / 2 + y) + 'px';\n } else if (CALIGN.LEFT_BOTTOM == anchor) {\n me.htmlElement.style.left = x + 'px';\n me.htmlElement.style.top = (-frameHeight + y) + 'px';\n } else if (CALIGN.HCENTER_BOTTOM == anchor) {\n me.htmlElement.style.left = (-frameWidth / 2 + x) + 'px';\n me.htmlElement.style.top = (-frameHeight + y) + 'px';\n } else if (CALIGN.RIGHT_BOTTOM == anchor) {\n me.htmlElement.style.left = (-frameWidth + x) + 'px';\n me.htmlElement.style.top = (-frameHeight + y) + 'px';\n }\n};\n\n/**\n * Returns relative position with anchor\n * @returns {{x: *, y: *, anchor: *}}\n */\nCFrame.prototype.getPosition = function() {\n var me = this;\n var frameWidth = me.getWidth();\n var frameHeight = me.getHeight();\n var x;\n var y;\n var anchor = me.anchor;\n if (!anchor || CALIGN.LEFT_TOP == anchor) {\n x = parseInt(me.htmlElement.style.left, 10);\n y = parseInt(me.htmlElement.style.top, 10);\n } else if (CALIGN.HCENTER_TOP == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth / 2;\n y = parseInt(me.htmlElement.style.top, 10);\n } else if (CALIGN.RIGHT_TOP == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth;\n y = parseInt(me.htmlElement.style.top, 10);\n } else if (CALIGN.LEFT_VCENTER == anchor) {\n x = parseInt(me.htmlElement.style.left, 10);\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight / 2;\n } else if (CALIGN.HCENTER_VCENTER == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth / 2;\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight / 2;\n } else if (CALIGN.RIGHT_VCENTER == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth;\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight / 2;\n } else if (CALIGN.LEFT_BOTTOM == anchor) {\n x = parseInt(me.htmlElement.style.left, 10);\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight;\n } else if (CALIGN.HCENTER_BOTTOM == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth / 2;\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight;\n } else if (CALIGN.RIGHT_BOTTOM == anchor) {\n x = parseInt(me.htmlElement.style.left, 10) + frameWidth;\n y = parseInt(me.htmlElement.style.top, 10) + frameHeight;\n }\n return { x: x, y: y, anchor: anchor };\n};\n\nCFrame.prototype.getLeft = function() {\n var me = this;\n return parseInt(me.htmlElement.style.left, 10);\n};\n\n\nCFrame.prototype.getTop = function() {\n var me = this;\n return parseInt(me.htmlElement.style.top, 10);\n};\nCFrame.prototype.getWidth = function() {\n var me = this;\n return parseInt(me.htmlElement.style.width, 10);\n};\nCFrame.prototype.getHeight = function() {\n var me = this;\n return parseInt(me.htmlElement.style.height, 10);\n};\n\nCFrame.prototype.getSize = function() {\n var me = this;\n return { width: me.getWidth(), height: me.getHeight() };\n};\n\nCFrame.prototype.setSize = function(width, height, force) {\n var me = this;\n\n var byUser = true;\n\n if (force) {\n byUser = false;\n }\n\n\n //call CIFrame#resize instead of CFrame#resize\n me.resize(0, 0, width - me.getWidth(), height - me.getHeight(), byUser);\n return me;\n};\n\nCFrame.prototype.getWindowId = function() {\n var me = this;\n return me.windowId;\n};\n\nCFrame.prototype.getName = function() {\n var me = this;\n return me.property.name;\n};\n\nCFrame.prototype.setName = function(name) {\n var me = this;\n me.property.name = name;\n};\n/**\n * end of CFrame class\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n\ninherit(CIfFrame, CFrame);\n\n/**\n * CIfFrame class\n * Extension class with contents frame of CFrame as iframe\n * @param windowId\n * @param appearance\n * @constructor\n */\nfunction CIfFrame(windowId, left, top, width, height, appearance) {\n\n\n var wleft = left;\n var wtop = top;\n var wwidth = width;\n var wheight = height;\n var zindex = appearance.zindex;\n var wborderwidth = null;\n\n\n var me = this;\n\n this.jsFrame = null;\n this.control = null;\n\n this.minFrameWidth = 128;\n this.minWindowHeight = 32;\n\n this.eventListenerHelper = new EventListenerHelper();\n\n /**\n * If this value is true, the focus will move when tapping the iframe area,\n * but if the window do not have the focus, you can not click on the element in the iframe.\n */\n this.overrayTransparentScreenEnabled = false;\n\n /**\n * Only in the case of resizing a transparent screen can be displayed on the iframe\n * and the size can be adjusted smoothly.\n * true is recommended.\n */\n //Change history\n //20181226\n //Changed to false.\n // So it becomes necessary to click twice to react when you call the #setSize,I changed the value to false.\n //20181231\n //I found the way that iframe will be changed the size smoothly.so the final answer is true.\n this.overrayTransparentScreenOnResize = true;\n\n this.titleBarColorFocused = appearance.titleBarColorFocused;\n\n this.titleBarColorDefault = appearance.titleBarColorDefault;\n\n this.titleBarCaptionColorDefault = appearance.titleBarCaptionColorDefault;\n this.titleBarCaptionColorFocused = appearance.titleBarCaptionColorFocused;\n\n //call super constructor\n CIfFrame.superConstructor.call(me, windowId, wleft, wtop, wwidth, wheight, zindex, wborderwidth, appearance);\n\n //border color\n me.frameBorderColorDefault = appearance.frameBorderColorDefault;\n me.frameBorderColorFocused = appearance.frameBorderColorFocused;\n\n //border width\n me.frameBorderWidthDefault = appearance.frameBorderWidthDefault;\n me.frameBorderWidthFocused = appearance.frameBorderWidthFocused;\n\n me.iframe = null;\n\n\n //Offset value for width adjustment of iframe\n me.ifDelta = 0;\n\n me.resizable = true;\n\n\n me.onMouseMoveOnIframe = null;\n me.onMouseUpOnIframe = null;\n\n me._hasFocus = false;\n\n me._hasFocusTime = 0;\n\n\n me.htmlElement.typeName = 'cifwindow';\n\n //name of iframe\n var exIframeName = 'riversun_' + windowId;\n\n\n me.dframe = document.createElement('div');\n\n\n me.iframe = document.createElement('iframe');\n\n\n me.iframe.name = exIframeName;\n\n me.iframe.id = exIframeName;\n\n me.iframe.frameBorder = '0';\n //me.iframe.scrolling = 'no';\n\n me.iframe.zIndex = -1;\n\n //Allow transparent of iframe background.\n me.iframe.allowTransparency = 'true';\n me.iframe.width = me.canvasNetWidth - me.ifDelta + 0;\n me.iframe.height = me.canvasNetHeight - me.ifDelta + 0;\n\n me.showTitleBar = appearance.showTitleBar;\n\n me.getFrameInnerBorderRadius = appearance.getFrameInnerBorderRadius;\n\n me.frameBorderRadius = appearance.frameBorderRadius;\n\n\n me.adjustFrameBorderRadius();\n\n me.useIframe = false;\n\n\n me.canvas.canvasElement.appendChild(me.iframe);\n\n me.canvas.canvasElement.appendChild(me.dframe);\n\n\n this.setUseIframe = function(useIframe) {\n me.useIframe = useIframe;\n me.iframe.style.visibility = 'hidden';\n me.iframe.style.position = 'absolute';\n me.iframe.style.left = '0px';\n me.iframe.style.top = '0px';\n me.iframe.style.width = '100%';\n me.iframe.style.height = '100%';\n\n me.dframe.style.visibility = 'hidden';\n me.dframe.style.position = 'absolute';\n me.dframe.style.left = '0px';\n me.dframe.style.boxSizing = 'content-box';\n\n me.dframe.style.top = '0px';\n me.dframe.style.width = '100%';\n me.dframe.style.height = '100%';\n //me.dframe.style.borderStyle=\"solid\";\n me.dframe.style.backgroundColor = 'white';\n\n if (useIframe) {\n me.iframe.style.visibility = 'visible';\n me.dframe.style.visibility = 'hidden';\n } else {\n me.iframe.style.visibility = 'hidden';\n me.dframe.style.visibility = 'visible';\n }\n };\n\n me.setUseIframe(appearance.useIframe);\n\n // If it is IE, set the canvasElement of the canvas which is the parent of the iframe to transparent.\n\n if (me.overrayTransparentScreenEnabled || me.overrayTransparentScreenOnResize) {\n //Create a transparent screen.\n me.transparence = document.createElement('span');\n // me.transparence.style.backgroundImage = 'url(img/img_baron_tp.gif)';\n\n me.transparence.style.position = 'absolute';\n me.transparence.style.left = '0px';\n me.transparence.style.top = '0px';\n\n //Transparent screen is 0px when creating window\n me.transparence.style.width = '0px';\n me.transparence.style.height = '0px';\n\n me.transparence.style.zIndex = 4;\n me.transparence.style.borderWidth = '0px';\n me.transparence.style.borderColor = '#ff00ee';\n me.transparence.style.borderStyle = 'none';\n me.transparence.style.cursor = 'default';\n\n me.transparence.style.pointerEvents = 'none';\n me.canvas.canvasElement.style.backgroundColor = appearance.frameBackgroundColor;\n\n\n me.canvas.canvasElement.appendChild(me.transparence);\n }\n\n me.eventEmitter = new EventEmitter();\n\n me.appearance = appearance;\n\n}\n\n\nCIfFrame.prototype.getFrameView = function() {\n var me = this;\n return me.dframe;\n};\n\nCIfFrame.prototype.getFrameAppearance = function() {\n var me = this;\n return me.appearance;\n};\n\nCIfFrame.prototype.setHTML = function(html) {\n var me = this;\n me.dframe.innerHTML = html;\n};\nCIfFrame.prototype.setFrameInFrame = function(enabled) {\n\n // Why i had to (bother to:) ) make a setFrameInFrame\n // The element specified at the top of the content of the parent window (for example, div element)\n // may NOT be able to get the resize event using addEventListener.\n // Therefore, when the resize event issued by jsFrame in the parent window occurs,\n // its custom attribute (WindowEventHelper.MATCH_PARENT_CHANGE_MARKER_ATTR) is attached\n // to the element at the top of the parent window content\n // and it is captured by the mutationObserver on the child window side.\n\n var me = this;\n\n var contentsEle = me.dframe ? me.dframe.firstChild : null;\n\n if (contentsEle) {\n // polyfill for #now\n if (!Date.now) {\n Date.now = function now() {\n return new Date().getTime();\n };\n }\n if (enabled) {\n me.eventEmitter.only('resize', 'fif-listener', function() {\n contentsEle.setAttribute(WindowEventHelper.MATCH_PARENT_CHANGE_MARKER_ATTR, Date.now());\n });\n } else {\n contentsEle.removeAttribute(WindowEventHelper.MATCH_PARENT_CHANGE_MARKER_ATTR);\n me.eventEmitter.only('resize', 'fif-listener', function() {\n // do nothing\n });\n }\n }\n};\n/**\n * Find DOM Element in the frame by querySelector
\n * Examples
\n * frame.$(\"#my_id_name\");\n * frame.$(\".my_class_name\");\n * frame.$(\"div>img\");\n * frame.$(\"input[type='submit]\");\n * @param {string} q selector query\n * @returns {Node}\n */\nCIfFrame.prototype.$ = function(q) {\n var me = this;\n\n if (me.useIframe) {\n\n var docInIframe = me.iframe.contentWindow.document;\n return docInIframe.querySelector(q);\n\n } else {\n return me.dframe.querySelector(q);\n }\n};\n\n/**\n * Sets an event listener for the window itself or elements in the contents of the window.\n It is possible to register multiple listeners to the same event type.\n\n * @param {string} id\n If the \"id\" is prefixed with \"#\",\n an event listener can be set to a DOM element (eventTarget) identified by the id in the content.
\n This is the same behavior as the usual eventTarget#addEventListener.
\n
\n In addition to the DOM element in the content, the following special names are reserved for the \"id\"
\n \"closeButton\" ... close button.
\n \"minimizeButton\" ... Minimize Button
\n \"zoomButton\"...zoom button.
\n \"restoreButton\" ... the button that restores the window size.
\n \"deminimizeButton\" ... the button to return from the minimized state.
\n
\n You can also receive events such as window resizing, moving, and focusing.\n In this case, specify the following as \"id\"
\n \"frame\" or \"window\".
\n
\n You can specify a frameComponent name that is uniquely defined by addFrameComponent.\n (Generic buttons such as closeButton are one of the frame components.\n * @param {string} eventType The element in the content (HTML) of a window whose \"id\" starts with \"#\"\n * can be the same as the eventType(https://developer.mozilla.org/en-US/docs/Web/API/Event/type) used by the normal addEventListener.
\n
\n If the \"id\" is a frame or a window, the following can be used
\n \"move\"... When a window is moved, it fires.
\n \"resize\"... Fires when the window is resized.
\n \"focus\"... \"focus\" means got focus. It fires when the window is in focus.
\n \"blur\"... \"blur\" means lost focus.It fires when the window loses focus.
\n
\n * @param {function} callbackFunc\n */\nCIfFrame.prototype.on = function(id, eventType, callbackFunc) {\n var me = this;\n var component = me.getFrameComponentElement(id);\n\n // if id indicates frame component like CTextButton,CImageButton\n if (component) {\n\n //Since we want to specify only one handler for frame components at the same time,\n // use eventListenerHelper instead of an event listener\n me.eventListenerHelper.addEventListener(component, eventType, function(e) {\n callbackFunc(me, e,\n {\n type: 'frameComponent',\n id: id,\n eventType: eventType,\n //child: childMenuEle\n });\n }, { listenerName: 'frame-component-listener' });\n }\n\n if (id === 'frame' || id === 'window') {\n\n if (eventType === 'move' && !me.eventEmitter.hasListenerFuncs('move')) {\n me.setOnMoveListener(function(e) {\n //refCIfFrame.eventEmitter.emit('resize',);\n me.eventEmitter.emit('move', me._getCurrentSizePos());\n });\n }\n\n\n me.eventEmitter.on(eventType, callbackFunc);\n }\n\n // DOM element in iframe or DOM element on dframe\n var domElement = me.$(id);\n\n if (domElement) {\n if (me.eventListenerHelper.hasEventListener(domElement, eventType, 'frame-dom-listener')) {\n me.eventListenerHelper.removeEventListener(domElement, eventType, null, { listenerName: 'frame-dom-listener' });\n }\n me.eventListenerHelper.addEventListener(domElement, eventType, function(e) {\n callbackFunc(me, e, {\n type: 'dom',\n id: id,\n eventType: eventType\n });\n }, { listenerName: 'frame-dom-listener' });\n }\n\n // Search DOM element on frameComponent\n if (!domElement) {\n\n var domElementOnCanvasElement = me.canvas.canvasElement.querySelector(id);\n if (domElementOnCanvasElement) {\n domElementOnCanvasElement.addEventListener(eventType, function(e) {\n callbackFunc(me, e, {\n type: 'dom',\n id: id,\n eventType: eventType\n });\n });\n }\n }\n};\n\n\nCIfFrame.prototype.adjustFrameBorderRadius = function() {\n var me = this;\n\n if (parseInt(me.frameBorderRadius, 10) > 0) {\n\n var borderData = me.getFrameInnerBorderRadius(me, me._hasFocus);\n var frameAppearance = borderData.frameAppearance;\n var innerBorderRadius = borderData.innerBorderRadius;\n var titleBarHeight = parseInt(frameAppearance.titleBarHeight, 10);\n\n if (me.showTitleBar) {\n\n //title bar exists\n me.canvas.canvasElement.style.borderBottomRightRadius = innerBorderRadius;\n me.canvas.canvasElement.style.borderBottomLeftRadius = innerBorderRadius;\n me.iframe.style.borderBottomRightRadius = innerBorderRadius;\n me.iframe.style.borderBottomLeftRadius = innerBorderRadius;\n\n me.titleBar.style.borderTopLeftRadius = innerBorderRadius;\n me.titleBar.style.borderTopRightRadius = innerBorderRadius;\n\n\n } else {\n\n //title bar not exits\n me.canvas.canvasElement.style.borderRadius = innerBorderRadius;\n me.iframe.style.borderRadius = innerBorderRadius;\n\n }\n\n if (me.dframe) {\n if (titleBarHeight === 0) {\n if (!me.dframe.style.borderTopRightRadius) {\n me.dframe.style.borderTopRightRadius = innerBorderRadius;\n }\n if (!me.dframe.style.borderTopLeftRadius) {\n me.dframe.style.borderTopLeftRadius = innerBorderRadius;\n }\n }\n me.dframe.style.borderBottomRightRadius = innerBorderRadius;\n me.dframe.style.borderBottomLeftRadius = innerBorderRadius;\n }\n\n\n }\n};\n\nCIfFrame.prototype.handleReleasingFocus = function(e) {\n var me = this;\n\n var focused = me._hasFocus;\n\n me._hasFocus = false;\n\n //update style class\n me.titleBar.className = me.titleBarClassNameDefault;\n\n if (me.titleBarColorDefault) {\n me.titleBar.style.background = me.titleBarColorDefault;\n }\n me.titleBar.style.color = me.titleBarCaptionColorDefault;\n\n //border color\n if (me.frameBorderColorDefault) {\n me.htmlElement.style.borderColor = me.frameBorderColorDefault;\n }\n\n //border width\n if (me.frameBorderWidthDefault) {\n me.htmlElement.style.borderWidth = me.frameBorderWidthDefault;\n me.adjustFrameBorderRadius();\n }\n\n if (me.htmlElement.typeName == 'cifwindow') {\n if (me.overrayTransparentScreenEnabled) {\n me.transparence.style.width = parseInt(me.iframe.width, 10) + 'px';\n me.transparence.style.height = parseInt(me.iframe.height, 10) + 'px';\n }\n }\n\n //handling for child frameComponents\n for (var frameComponentId in me.frameComponentMap) {\n var frameComponent = me.frameComponentMap[frameComponentId];\n frameComponent.handleReleasingFocus();\n }\n\n //border bottom\n if (me.titleBarBorderBottomDefault) {\n me.titleBar.style.borderBottom = me.titleBarBorderBottomDefault;\n }\n\n if (focused) {\n me.eventEmitter.emit('blur', { target: me });\n }\n\n\n return me;\n};\n\nCIfFrame.prototype.handleTakingFocus = function(e) {\n var me = this;\n var focused = me._hasFocus;\n me._hasFocus = true;\n me._hasFocus = Date.now();\n\n if (me.overrayTransparentScreenEnabled) {\n\n //close transparence screen\n me.transparence.style.width = '0px';\n me.transparence.style.height = '0px';\n\n }\n\n //update style class\n me.titleBar.className = me.titleBarClassNameFocused;\n\n if (me.titleBarColorFocused) {\n me.titleBar.style.background = me.titleBarColorFocused;\n }\n me.titleBar.style.color = me.titleBarCaptionColorFocused;\n\n\n //border color\n if (me.frameBorderColorFocused) {\n me.htmlElement.style.borderColor = me.frameBorderColorFocused;\n }\n\n //border width\n if (me.frameBorderWidthFocused) {\n me.htmlElement.style.borderWidth = me.frameBorderWidthFocused;\n me.adjustFrameBorderRadius();\n }\n\n //border bottom\n if (me.titleBarBorderBottomFocused) {\n me.titleBar.style.borderBottom = me.titleBarBorderBottomFocused;\n }\n\n //handling for child frameComponents\n for (var frameComponentId in me.frameComponentMap) {\n var frameComponent = me.frameComponentMap[frameComponentId];\n frameComponent.handleTakingFocus();\n }\n\n\n if (!focused) {\n me.eventEmitter.emit('focus', { target: me });\n }\n\n return me;\n};\n\n\nCFrame.prototype.show = function(model) {\n var me = this;\n //me.htmlElement.style.visibility = 'visible';\n me.htmlElement.style.display = 'flex';//hidden';\n\n if (model && model.requestFocus == false) {\n\n } else {\n me.requestFocus();\n }\n return me;\n};\n\n\nCFrame.prototype.showModal = function(onCloseListener) {\n var me = this;\n\n var appearance = new CFrameAppearance();\n appearance.showTitleBar = true;\n appearance.showCloseButton = false;\n appearance.frameBorderRadius = '0px';\n appearance.frameBorderStyle = 'none';\n appearance.frameBorderWidthDefault = '0px';\n appearance.frameBorderWidthFocused = '0px';\n appearance.frameBoxShadow = null;\n appearance.frameBackgroundColor = 'transparent';\n appearance.frameComponents = [];\n appearance.frameHeightAdjust = 0;\n appearance.titleBarHeight = '0px';\n appearance.titleBarBorderBottomFocused = null;\n appearance.titleBarCaptionLeftMargin = '0px';\n\n\n appearance.onInitialize = function() {\n };\n\n //added for modal window\n appearance.pullUpDisabled = true;\n\n var windowManager = me.parentCanvas;\n\n var modalBackgroundWindowId = DEF.CFRAME.MODAL_BACKGROUND_FRAME_ID_PREFIX + me.id;\n\n //create background window for preventing click background\n var modalBackgroundFrame = new CIfFrame(modalBackgroundWindowId, 0, 0, 1, 1, appearance);\n modalBackgroundFrame.setSize(window.innerWidth, window.innerHeight, true);\n modalBackgroundFrame.setResizable(false);\n\n window.addEventListener('resize', function() {\n modalBackgroundFrame.setSize(window.innerWidth, window.innerHeight, true);\n });\n\n\n //remember id of modal background frame\n me.modalBackgroundWindowId = modalBackgroundWindowId;\n\n // if (properties && properties.windowName) {\n // frame.setName(properties.windowName);\n // }\n\n modalBackgroundFrame.hide();\n windowManager.addWindow(modalBackgroundFrame);\n\n\n modalBackgroundFrame.setTitle('').getFrameView().innerHTML = '
\n * A canvas class that displays multiple frames. Handle events on the window to coordinate multiple windows
\n *\n * @param parentElement\n * @param canvasId\n * @param left\n * @param top\n * @param width\n * @param height\n * @constructor\n */\nfunction CWindowManager(parentElement, canvasId, left, top, width, height) {\n CWindowManager.superConstructor.call(this, parentElement, canvasId, left, top, width, height);\n var me = this;\n // document.body.addEventListener('click', function(evt) {\n document.addEventListener('click', function(evt) {\n for (var windowId in me.beanList) {\n var beanFrame = me.beanList[windowId];\n beanFrame.onBodyClicked(evt);\n }\n });\n\n}\n\nCWindowManager.prototype.getWindow = function(windowId) {\n var me = this;\n return me.beanList[windowId];\n};\n\n//Wrapping the 'addBean' of the parent class\nCWindowManager.prototype.addWindow = function(window) {\n var me = this;\n\n var windowId = window.getWindowId();\n var name = window.getName();\n me.beanIdName[windowId] = name;\n me.beanNameId[name] = windowId;\n\n me.addBean(window);\n};\n\n//if contains window named specified name\nCWindowManager.prototype.containsWindowName = function(name) {\n var me = this;\n\n\n var windowId = me.beanNameId[name];\n\n if (windowId) {\n return true;\n }\n return false;\n};\n\nCWindowManager.prototype.getWindowByName = function(name) {\n var me = this;\n var windowId = me.beanNameId[name];\n\n if (windowId) {\n return me.getWindow(windowId);\n } else {\n return null;\n }\n};\n\n//Wrapping the 'mouseMove' method of the parent class\nCWindowManager.prototype.windowMouseMove = function(e) {\n\n var me = this;\n if (me.currentObject == null) {\n return null;\n }\n\n var childWindowMoved = false;\n\n //Loop processing of each CWindow held by CWindowManager\n var beanList = me.beanList;\n\n for (var windowId in beanList) {\n\n var targetWindow = beanList[windowId];\n\n\n //Since this 'mouseMove' is canvas of CWindow's 'mouseMove',so do move CBeanFrames in the canvas.\n var eventData = targetWindow.canvas.mouseMove(e);\n\n //Whether any one of the beans in the Canvas has moved or not.\n //Yes.(When it moves), eventData is set.\n //NO. If it does not move it is set to null.\n childWindowMoved = childWindowMoved | (eventData != null);\n if (eventData != null) {\n\n //If it is the marker for resizing\n if (eventData.targetTypeName == 'cmarkerwindow') {\n\n var targetObject = eventData.targetObject;\n\n //Enable transparent window only when moving.\n //This will work smoothly even with iframe content\n targetWindow.transparence.style.pointerEvents = 'auto';\n\n if (targetObject.usage == 'RD') {\n targetWindow.resize(0, 0, eventData.deltaX, eventData.deltaY, true);\n } else if (targetObject.usage == 'DD') {\n targetWindow.resize(0, 0, 0, eventData.deltaY, true);\n } else if (targetObject.usage == 'RR') {\n targetWindow.resize(0, 0, eventData.deltaX, 0, true);\n }\n\n }\n }\n }\n\n //If any one of the beans in the Canvas has moved.Do not do 'Cwindow's mouseMove'\n if (!childWindowMoved && this.mouseDownSource != 'childcanvas') {\n\n //Moving logic for CWindow which is holded by CWindowManager as a child window.\n me.mouseMove(e);\n }\n\n};\n\n//Wrapping the method 'mouseUp' of the parent class\nCWindowManager.prototype.windowMouseUp = function(e) {\n var me = this;\n\n //run 'mouseUp' of parent class\n me.mouseUp(e);\n\n var beanList = me.beanList;\n\n for (var windowId in beanList) {\n\n var objWindow = beanList[windowId];\n\n //run CWindow's 'mouseUp'(it's child window).\n objWindow.mouseUp(e);\n }\n\n};\n\n/**\n * (override CCanvas.removeBean)\n * @param windowId\n */\nCWindowManager.prototype.removeBean = function(windowId) {\n\n\n var me = this;\n\n //Retrieve the target beanFrame\n var beanList = me.beanList;\n var targetBean = beanList[windowId];\n\n if (targetBean == null) {\n return;\n }\n\n var removeTargetBeanHasFocus = targetBean._hasFocus;\n\n\n //Remove bean's htmlElement from canvasElement\n me.canvasElement.removeChild(targetBean.htmlElement);\n\n //Delete the bean object in the associative array.\n delete beanList[windowId];\n\n\n var beanName = me.beanIdName[windowId];\n if (beanName) {\n //-if bean name exist\n delete me.beanIdName[windowId];\n delete me.beanNameId[beanName];\n }\n\n\n //focus on last focused window after removing\n var maxFocusTime = 0;\n var lastFocusedFrame = null;\n\n if (removeTargetBeanHasFocus) {\n for (var windowId in beanList) {\n var frame = beanList[windowId];\n\n //pullUpDisabled=true means that the frame is modal background window\n if (maxFocusTime <= frame._hasFocusTime && !frame.pullUpDisabled) {\n\n maxFocusTime = frame._hasFocusTime;\n\n lastFocusedFrame = frame;\n\n }\n }\n if (lastFocusedFrame) {\n lastFocusedFrame.requestFocus();\n }\n }\n\n targetBean.parentCanvas = null;\n\n};\n/**\n * end of CWindowManager class\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\ninherit(CMarkerWindow, CBeanFrame);\n\n/**\n * CMarkerWindow class\n * @param windowId\n * @param left\n * @param top\n * @param width\n * @param height\n * @param zindex\n * @param usage\n * @constructor\n */\nfunction CMarkerWindow(windowId, left, top, width, height, zindex, usage, color) {\n\n var me = this;\n\n CMarkerWindow.superConstructor.call(this, windowId, left, top, width, height, zindex, usage);\n\n me.htmlElement.typeName = 'cmarkerwindow';\n me.htmlElement.usage = usage;\n me.htmlElement.isRangeLimited = false;\n me.htmlElement.style.borderStyle = 'none';\n me.htmlElement.style.zIndex = 1;\n if (color) {\n me.htmlElement.style.background = color;\n }\n //me.pullUpDisabled = true;\n\n me.getWindowType = function() {\n return 'CMarkerWindow';\n };\n}\n\n/**\n * End of CMarkerWindow class\n * @constructor\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n/**\n * FrameManager class\n * @constructor\n */\nfunction JSFrame(model) {\n\n var me = this;\n\n var parentElement = null;\n\n // Frames will be fixed(Frames keep staying in the same place) even if the user scrolls the browser.\n me.isWindowManagerFixed = true;//default is true.\n\n //Initialization parameter check\n\n if (model && model.fixed == false) {\n me.isWindowManagerFixed = false;\n }\n\n if (model && model.parentElement) {\n parentElement = model.parentElement;\n }\n\n me.hAlign = 'left';\n me.vAlign = 'top';\n\n if (model && model.horizontalAlign) {\n me.hAlign = model.horizontalAlign;\n }\n\n if (model && model.verticalAlign) {\n me.vAlign = model.verticalAlign;\n }\n\n me.pullToRefresh = false;\n if (model && typeof model.pullToRefresh === 'boolean') {\n me.pullToRefresh = model.pullToRefresh;\n }\n\n me.touchActionManipulation = true;\n if (model && typeof model.touchActionManipulation === 'boolean') {\n me.touchActionManipulation = model.touchActionManipulation;\n }\n\n if (!parentElement) {\n if (me.isWindowManagerFixed) {\n var topParentDiv = document.createElement('div');\n topParentDiv.id = 'jsFrame_fixed_' + me.generateUUID();\n topParentDiv.setAttribute('style',\n 'position:fixed;' + me.hAlign + ':0px;' + me.vAlign + ':0px;margin:0px;padding:0px;'\n );\n document.body.appendChild(topParentDiv);\n parentElement = topParentDiv;\n } else {\n var topParentDiv = document.createElement('div');\n topParentDiv.id = 'jsFrame_absolute_' + me.generateUUID();\n topParentDiv.setAttribute('style',\n 'position:absolute;' + me.hAlign + ':0px;' + me.vAlign + ':0px;margin:0px;padding:0px;'\n );\n document.body.appendChild(topParentDiv);\n parentElement = topParentDiv;\n }\n } else {\n if (me.isWindowManagerFixed) {\n //parentElement set\n var topParentDiv = document.createElement('div');\n topParentDiv.id = 'jsFrame_fixed_' + me.generateUUID();\n topParentDiv.setAttribute('style',\n 'position:fixed;' + me.hAlign + ':0px;' + me.vAlign + ':0px;margin:0px;padding:0px;'\n );\n parentElement.appendChild(topParentDiv);\n } else {\n\n var topParentDiv = document.createElement('div');\n topParentDiv.id = 'jsFrame_absolute_' + me.generateUUID();\n topParentDiv.setAttribute('style',\n 'position:absolute;' + me.hAlign + ':0px;' + me.vAlign + ':0px;margin:0px;padding:0px;'\n );\n parentElement.appendChild(topParentDiv);\n\n }\n }\n\n if (MOUSE_ENABLED) {\n document.addEventListener('mouseup', mouseUp);\n document.addEventListener('mousemove', mouseMove);\n }\n\n if (TOUCH_ENABLED) {\n if ('ontouchend' in window) {\n var funcOnTouchEnd = function(evt) {\n // The \"mouseup\" event happens right after \"touchend\" event,\n // but I don't call #preventdefault because #preventdefault prevents \"onclick\".\n // So, perform #preventdefault only for \"touchmove\"\n // evt.preventDefault();\n mouseUp.bind(this)(evt);\n };\n document.addEventListener('touchend', funcOnTouchEnd);\n }\n\n if ('ontouchmove' in window) {\n\n // To remove the 300ms tap delay between touchend and click,\n // To disable double-tap to zoom\n if (me.touchActionManipulation) {\n me.doEnableTouchActionManipulation();\n }\n\n if (!me.pullToRefresh) {\n // The Android version of Chrome has a feature that refreshes the page by sliding downward\n // while touching on the screen, but when this feature is enabled, the downward movement of the window is inhibited,\n // so this feature can be explicitly turned off.\n me.doDisablePullToRefresh();\n }\n\n var funcOnTouchMove = function(evt) {\n // Call #preventDefault to prevent simultaneous ignition of mousemove\n evt.preventDefault();\n mouseMove.bind(this)(evt);\n };\n document.addEventListener('touchmove', funcOnTouchMove);\n }\n }\n\n\n me.windowManager = new CWindowManager(parentElement, 'windowManager_' + me.generateUUID(), 0, 0, 0, 0);\n //me.windowManager = new CWindowManager(document.body, 'windowManager_' + me.generateUUID(), 0, 0, 0, 0);\n me.domPartsBuilder = null;\n\n function mouseUp(e) {\n me.windowManager.windowMouseUp(e);\n }\n\n function mouseMove(e) {\n me.windowManager.windowMouseMove(e);\n }\n}\n\nJSFrame.prototype.doEnableTouchActionManipulation = function() {\n var bodyStyle = document.documentElement.getAttribute('style');\n if (!bodyStyle) {\n bodyStyle = '';\n } else {\n if (!bodyStyle.endsWith(';')) {\n bodyStyle += ';';\n }\n }\n if (bodyStyle.indexOf('touch-action') === -1) {\n bodyStyle += '-ms-touch-action: manipulation;touch-action: manipulation;';\n document.documentElement.setAttribute('style', bodyStyle);\n }\n};\n\nJSFrame.prototype.doDisablePullToRefresh = function() {\n var bodyStyle = document.body.getAttribute('style');\n if (!bodyStyle) {\n bodyStyle = '';\n } else {\n if (!bodyStyle.endsWith(';')) {\n bodyStyle += ';';\n }\n }\n if (bodyStyle.indexOf('overscroll-behavior-y') === -1) {\n bodyStyle += 'overscroll-behavior-y: contain;';\n document.body.setAttribute('style', bodyStyle);\n }\n};\nJSFrame.prototype.getDomPartsBuilder = function() {\n var me = this;\n\n if (!me.domPartsBuilder) {\n me.domPartsBuilder = new CDomPartsBuilder();\n }\n return me.domPartsBuilder;\n};\n\nJSFrame.prototype.create = function(model) {\n var me = this;\n\n var properties = {};\n properties.name = model.name;\n var title = model.title;\n var left = model.left;\n var top = model.top;\n var width = model.width;\n var height = model.height;\n var appearance = model.appearance;\n var presetWindowName = model.preset;\n var presetWindowParam = model.presetParam;\n var appearanceName = model.appearanceName;\n var appearanceParam = model.appearanceParam;\n var style = model.style;\n\n var minWidth = model.minWidth;\n var minHeight = model.minHeight;\n\n\n var html = model.html;\n var resizable = model.resizable;\n var movable = model.movable;\n var url = model.url;\n var urlLoaded = model.urlLoaded;\n\n var presetParam = model.presetParam;\n var presetWindow;\n\n if (presetWindowName) {\n\n var presetWindowObj = this.getPresetWindow(presetWindowName);\n presetWindow = presetWindowObj.getPresetWindow(presetParam);\n appearance = this.createPresetStyle(presetWindow.appearanceName,\n { appearanceParam: presetWindow.appearanceParam });\n\n } else if (appearanceName) {\n appearance = this.createPresetStyle(appearanceName,\n { appearanceParam: appearanceParam });\n }\n\n if (model.clientHeight) {\n var windowTitleBarHeight = parseInt(appearance.titleBarHeight || 0) - appearance.frameHeightAdjust;\n height = model.clientHeight + windowTitleBarHeight;\n }\n\n\n var frame = this.createFrame(left, top, width, height, appearance, properties);\n\n if (title) {\n frame.setTitle(title);\n }\n\n if (html) {\n frame.setHTML(html);\n }\n if (url) {\n var urlPromise = frame.setUrl(url);\n if (urlLoaded) {\n urlPromise.then(urlLoaded);\n }\n }\n if (resizable == false) {\n frame.setResizable(false);\n }\n if (movable == false) {\n frame.setMovable(false);\n }\n\n if (minWidth && minHeight) {\n frame.minFrameWidth = minWidth;\n }\n if (minHeight) {\n frame.minWindowHeight = minHeight;\n\n if (model.clientHeight) {\n frame.minWindowHeight = minHeight + windowTitleBarHeight;\n }\n }\n\n if (style) {\n var frameView = frame.getFrameView();\n\n for (var name in style) {\n if (style.hasOwnProperty(name)) {\n frameView.style[name] = style[name];\n }\n }\n }\n\n if (presetWindow) {\n presetWindow.setupPresetWindow(frame);\n }\n\n return frame;\n};\n\n/**\n * Create a new window\n *\n * @returns {CIfFrame}\n */\nJSFrame.prototype.createFrame = function(left, top, width, height, appearance, properties) {\n var me = this;\n\n if (!appearance) {\n appearance = me.createFrameAppearance();\n }\n\n\n appearance.initialize();\n\n var windowId = 'window_' + me.generateUUID();\n\n if (!left) {\n left = 0;\n }\n if (!top) {\n top = 0;\n }\n if (!width) {\n width = 128;\n }\n if (!height) {\n height = 128;\n }\n\n\n var frame = new CIfFrame(windowId, left, top, width, height, appearance);\n\n //experimental\n frame.jsFrame = me;\n\n if (properties && properties.name) {\n frame.setName(properties.name);\n }\n frame.hide();\n\n me.windowManager.addWindow(frame);\n\n\n // getTitleBarStyle is deprecated\n if (appearance.getTitleBarStyle) {\n\n var titleBarStyle = appearance.getTitleBarStyle();\n if (titleBarStyle) {\n frame.setTitleBarClassName(titleBarStyle.titleBarClassNameDefault, titleBarStyle.titleBarClassNameFocused);\n }\n } else if (appearance.titleBarClassNameDefault && appearance.titleBarClassNameFocused) {\n frame.setTitleBarClassName(appearance.titleBarClassNameDefault, appearance.titleBarClassNameFocused);\n } else if (appearance.titleBarClassNameDefault) {\n frame.setTitleBarClassName(appearance.titleBarClassNameDefault, appearance.titleBarClassNameDefault);\n }\n\n return frame;\n\n};\n\n\nJSFrame.prototype.containsWindowName = function(windowName) {\n var me = this;\n return me.windowManager.containsWindowName(windowName);\n};\n\nJSFrame.prototype.getWindowByName = function(windowName) {\n var me = this;\n return me.windowManager.getWindowByName(windowName);\n};\n\nJSFrame.prototype.generateUUID = function() {\n\n var unixTime = Date.now();\n\n var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n var r = (unixTime + Math.random() * 16) % 16 | 0;\n unixTime = Math.floor(unixTime / 16);\n return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n });\n return uuid;\n\n};\n\nJSFrame.prototype.createFrameAppearance = function() {\n return new CFrameAppearance();\n};\n\nJSFrame.prototype.createAnimator = function() {\n\n return new CSimpleLayoutAnimator();\n};\n\n/**\n * Helper class for maximizing and minimizing windows(frames) and handling animations accordingly\n */\nJSFrame.prototype.createWindowEventHelper = function(model) {\n\n var me = this;\n\n if (!model) {\n model = {};\n }\n\n model.verticalAlign = me.vAlign;\n model.horizontalAlign = me.hAlign;\n\n var wndEventHelper = new WindowEventHelper(model);\n return wndEventHelper;\n};\n\nJSFrame.prototype.getPresetWindow = function(presetName, param) {\n\n if (presetWindows[presetName]) {\n var presetObj = presetWindows[presetName];\n return presetObj;\n } else {\n return null;\n }\n}\nJSFrame.prototype.createPresetStyle = function(presetName, param) {\n\n var me = this;\n var apr = me.createFrameAppearance();\n if (param && param.focusedFrameOnly) {\n apr.focusedFrameOnly = param.focusedFrameOnly;\n }\n\n if (presetStyles[presetName]) {\n var styleObj = presetStyles[presetName];\n var appearanceParam = null;\n\n if (param && param.appearanceParam) {\n appearanceParam = param.appearanceParam;\n }\n\n return styleObj.getStyle(apr, appearanceParam);\n }\n\n console.error('[JSFrame] Preset appearance \"' + presetName + '\" not found.');\n return apr;\n};\n\nJSFrame.prototype.showToast = function(model) {\n if (!model) {\n return;\n }\n\n var me = this;\n var toastHeight = 60;\n var toastWidth = 260;\n var openCloseDurationMs = 300;\n var stayDurationMs = 1000;\n var startY = window.innerHeight - 10 - toastHeight / 2;\n var endY = window.innerHeight - 20 - toastHeight / 2;\n var myHtml = '';\n var showButton = false;\n var style = {\n borderRadius: '10px',\n background: 'rgba(0,0,0,0.8)',\n };\n\n if (model.style) {\n style = model.style;\n }\n if (model.height) {\n toastHeight = model.height;\n }\n if (model.width) {\n toastWidth = model.width;\n }\n if (model.duration) {\n stayDurationMs = model.duration;\n }\n if (model.align) {\n\n if (model.align == 'top') {\n startY = 10 + toastHeight / 2;\n endY = 20 + toastHeight / 2;\n } else if (model.align == 'center') {\n startY = window.innerHeight / 2;\n endY = window.innerHeight / 2;\n } else {\n //bottom\n }\n }\n if (model.html) {\n myHtml = model.html;\n }\n if (model.text) {\n myHtml = model.text;\n }\n if (model.closeButton == true) {\n showButton = true;\n } else {\n showButton = false;\n }\n\n\n var apr = me.createPresetStyle('toast');\n\n if (style.borderRadius) {\n apr.frameBorderRadius = style.borderRadius;\n }\n\n if (model.closeButtonColor) {\n apr.captionClor = model.closeButtonColor;\n\n }\n\n\n var frame = me.create({\n name: 'toast_' + me.generateUUID(),\n width: toastWidth, height: toastHeight,\n movable: false,\n resizable: false,\n appearance: apr,\n style: style,\n html: '
\n * Appearance Model Class for Frame\n *\n */\nfunction CFrameAppearance() {\n\n var me = this;\n\n this.showTitleBar = true;\n this.showCloseButton = true;\n this.titleBarCaption = '';\n this.titleBarCaptionFontSize = '12px';\n this.titleBarCaptionFontWeight = 'bold';\n this.titleBarHeight = '24px';\n this.useIframe = false;\n this.useFrame = true;\n\n this.titleBarClassNameDefault=null;\n this.titleBarClassNameFocused=null;\n\n this.setUseIFrame = function(value) {\n me.useIframe = value;\n me.useFrame = !value;\n return me;\n };\n\n\n /**\n * The position from the left side of the caption. If this value is null, caption will be centered.\n */\n this.titleBarCaptionLeftMargin = '5px';\n\n this.titleBarColorDefault = null;\n this.titleBarColorFocused = null;\n this.titleBarCaptionColorDefault = '';\n this.titleBarCaptionColorFocused = '';\n this.titleBarCaptionTextShadow = '0 1px 0 rgba(255,255,255,.7)';\n this.titleBarCaptionTextAlign = 'center';\n\n this.titleBarBorderBottomDefault = '1px solid rgba(0,0,0,0.2)';\n this.titleBarBorderBottomFocused = null;\n\n this.frameBorderRadius = '6px';\n\n this.frameBorderWidthDefault = '1px';\n this.frameBorderWidthFocused = this.frameBorderWidthDefault;\n\n this.frameBorderColorDefault = 'rgba(1, 1, 1, 0.2)';\n this.frameBorderColorFocused = this.frameBorderColorDefault;\n\n this.frameBorderStyle = 'solid';\n this.frameBoxShadow = '2px 3px 16px rgba(0,0,0,.6)';\n this.frameBackgroundColor = 'transparent';\n\n this._partsBuilder = null;\n\n this.frameComponents = [];\n\n this.frameHeightAdjust = 1;\n\n this.resizeAreaWidth = 20;\n this.resizeAreaHeight = 20;\n this.resizeAreaOffset = 0;\n this.resizeAreaVisible = false;\n\n this.getFrameInnerBorderRadius = function(ref, hasFocus) {\n\n if (!ref) {\n return null;\n }\n if (hasFocus) {\n return {\n frameAppearance: me,\n innerBorderRadius: (parseInt(ref.frameBorderRadius, 10) - parseInt(ref.frameBorderWidthFocused, 10)) + 'px'\n };\n }\n return {\n frameAppearance: me,\n innerBorderRadius: (parseInt(ref.frameBorderRadius, 10) - parseInt(ref.frameBorderWidthDefault, 10)) + 'px'\n };\n };\n\n\n this.onInitialize = function() {\n\n //Add close button if needed\n if (me.showCloseButton) {\n var partsBuilder = me.getPartsBuilder(),\n crossMark0 = '\\u274c',\n crossMark1 = '\\u2716',\n crossMark2 = '\\u274e';\n\n\n var btnAppearance = partsBuilder.buildTextButtonAppearance();\n\n btnAppearance.size = 14;\n btnAppearance.captionShiftYpx = 0;\n btnAppearance.captionFontRatio = 1.0;\n btnAppearance.borderRadius = 2;\n btnAppearance.backgroundColorPressed = 'transparent';\n btnAppearance.backgroundColorDefault = 'transparent';\n btnAppearance.caption = crossMark1;\n\n btnAppearance.captionColorDefault = 'gray';\n btnAppearance.captionColorFocused = 'gray';\n btnAppearance.captionColorHovered = 'silver';\n btnAppearance.captionColorPressed = 'black';\n\n btnAppearance.borderWidth = 0;\n btnAppearance.borderColorDefault = '#aaaaaa';\n btnAppearance.borderStyle = 'solid';\n\n var closeBtnEle = partsBuilder.buildTextButton(btnAppearance);\n var eleLeft = -10;\n var eleTop = -18;\n var eleAlign = 'RIGHT_TOP';\n\n //closeButton is a special name\n var frameComponent = me.addFrameComponent('closeButton', closeBtnEle, eleLeft, eleTop, eleAlign);\n }\n };\n\n this.onTitleBarStyleInitialize = function() {\n\n };\n\n}\n\n\nCFrameAppearance.prototype.getPartsBuilder = function() {\n var me = this;\n if (me._partsBuilder === null) {\n me._partsBuilder = new CDomPartsBuilder();\n }\n return me._partsBuilder;\n};\nCFrameAppearance.prototype.initialize = function() {\n var me = this;\n me.onInitialize();\n};\n\n/**\n * Add FrameComponent into frame\n * FrameComponent is attached to Frame and it moves with Frame.\n *\n * @param id\n * @param myDomElement DOM element.\n * @param x Relative x coodinate from the snap position specified by alignment\n * @param y Relative y coodinate from the snap position specified by alignment\n * @param align 'LEFT_TOP' 'CENTER_TOP' 'RIGHT_TOP' 'LEFT_CENTER' 'CENTER_CENTER' 'RIGHT_CENTER' 'LEFT_BOTTOM' 'CENTER_BOTTOM' 'RIGHT_BOTTOM'\n * @returns {CFrameComponent}\n *\n */\nCFrameAppearance.prototype.addFrameComponent = function(id, myDomElement, x, y, align, extra) {\n\n //(id, frame, htmlElement, x, y, align)\n var frameComponent = new CFrameComponent(id, myDomElement, x, y, align, extra);\n\n if (myDomElement._onTakeFocus && myDomElement._onReleaseFocus) {\n //if this DOM element has special method for focus\n //set focus callback\n frameComponent.setFocusCallback(myDomElement._onTakeFocus, myDomElement._onReleaseFocus);\n }\n\n this.frameComponents.push(frameComponent);\n\n return frameComponent;\n};\n\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n/**\n * End of CFrameAppearance class\n */\nmodule.exports = CFrameAppearance;\n" }, { "path": "src/appearance/CFrameComponent.js", "content": "var CALIGN = require('../CCommon.js');\n/**\n * CFrameComponent class\n *
\n * Wrapped DOM element like 'div' to display above the frame
\n *\n * ex.An object such as closeButton\n *\n * @param id\n * @param frame\n * @param htmlElement DOM-element\n * @param x relative x-position in the frame respect to align\n * @param y relative y-position in the frame respect to align\n * @param align relative alignment in the frame\n * @constructor\n */\nfunction CFrameComponent(id, htmlElement, x, y, align, extra) {\n var me = this;\n\n me.id = id;\n me.x = x;\n me.y = y;\n me.frame = null;\n\n me._focusTakingCallabck = null;\n me._focusReleasingCallabck = null;\n\n if (align) {\n me.frameComponentAlign = align;\n } else {\n me.frameComponentAlign = CALIGN.LEFT_TOP;\n }\n me.htmlElement = htmlElement;\n me.htmlElement.style.zIndex = 50;\n me.htmlElement.setAttribute('component-id', id);\n\n if (extra && extra.childMenu) {\n me.childMenu = extra.childMenu;\n } else if (htmlElement.querySelector('.jsframe-child-menu')) {\n me.childMenu = htmlElement.querySelector('.jsframe-child-menu');\n }\n\n}\n\nCFrameComponent.prototype.setFocusCallback = function(focusTakingCallback, focusReleasingCallback) {\n var me = this;\n me._focusTakingCallabck = focusTakingCallback;\n me._focusReleasingCallabck = focusReleasingCallback;\n};\n\n/**\n * Set parent frame of this frameComponent\n * @param frame\n */\nCFrameComponent.prototype.setFrame = function(frame) {\n var me = this;\n\n me.frame = frame;\n me.htmlElement.parentObject = frame;\n me.updateAlign();\n};\n\n/**\n * Place the FrameComponent relative to the parent's frame.\n * Relocate relative to parent frame when window resize event occurs\n */\nCFrameComponent.prototype.updateAlign = function() {\n\n var me = this;\n\n var frameComponentAlign = me.frameComponentAlign;\n\n var frame = me.frame;\n var eleStyle = me.htmlElement.style;\n eleStyle.userSelect = 'none';\n\n var x = me.x;\n var y = me.y;\n\n var frameWidth = frame.getWidth();\n var frameHeight = frame.getHeight();\n var eleStyleWidth = eleStyle.width;\n var eleStyleHeight = eleStyle.height;\n\n if (CALIGN.LEFT_TOP == frameComponentAlign) {\n eleStyle.left = x + 'px';\n eleStyle.top = y + 'px';\n } else if (CALIGN.HCENTER_TOP == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) / 2 - parseInt(eleStyleWidth) / 2 + x) + 'px';\n eleStyle.top = y + 'px';\n } else if (CALIGN.RIGHT_TOP == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) - parseInt(eleStyleWidth) + x) + 'px';\n eleStyle.top = y + 'px';\n } else if (CALIGN.LEFT_VCENTER == frameComponentAlign) {\n eleStyle.left = x + 'px';\n eleStyle.top = (parseInt(frameHeight) / 2 - parseInt(eleStyleHeight) / 2 + y) + 'px';\n } else if (CALIGN.HCENTER_VCENTER == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) / 2 - parseInt(eleStyleWidth) / 2 + x) + 'px';\n eleStyle.top = (parseInt(frameHeight) / 2 - parseInt(eleStyleHeight) / 2 + y) + 'px';\n } else if (CALIGN.RIGHT_VCENTER == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) - parseInt(eleStyleWidth) + x) + 'px';\n eleStyle.top = (parseInt(frameHeight) / 2 - parseInt(eleStyleHeight) / 2 + y) + 'px';\n } else if (CALIGN.LEFT_BOTTOM == frameComponentAlign) {\n eleStyle.left = x + 'px';\n eleStyle.top = (parseInt(frameHeight) - parseInt(eleStyleHeight) + y) + 'px';\n } else if (CALIGN.HCENTER_BOTTOM == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) / 2 - parseInt(eleStyleWidth) / 2 + x) + 'px';\n eleStyle.top = (parseInt(frameHeight) - parseInt(eleStyleHeight) + y) + 'px';\n } else if (CALIGN.RIGHT_BOTTOM == frameComponentAlign) {\n eleStyle.left = (parseInt(frameWidth) - parseInt(eleStyleWidth) + x) + 'px';\n eleStyle.top = (parseInt(frameHeight) - parseInt(eleStyleHeight) + y) + 'px';\n }\n};\n\nCFrameComponent.prototype.handleTakingFocus = function() {\n var me = this;\n if (me._focusTakingCallabck) {\n me._focusTakingCallabck();\n }\n};\n\nCFrameComponent.prototype.handleReleasingFocus = function() {\n var me = this;\n if (me._focusReleasingCallabck) {\n me._focusReleasingCallabck();\n }\n};\n\n/**\n * end of CFrameComponent class\n */\n\nmodule.exports = CFrameComponent;\n"
},
{
"path": "src/appearance/CImageButtonAppearance.js",
"content": "var inherit = require('../utils/Inherit.js')\nvar CTextButtonAppearance = require('./CButtonAppearance.js');\n\ninherit(CImageButtonAppearance, CTextButtonAppearance);\n\nfunction CImageButtonAppearance() {\n\n\n this.imageDefault = null;\n this.imageHovered = null;\n this.imagePressed = null;\n this.imageFocused = null;\n\n this.imageStore = {};\n}\n\nCImageButtonAppearance.prototype._setImage = function(src, width, height) {\n var me = this;\n\n var storedImgEle = me.imageStore[src];\n\n if (storedImgEle) {\n return storedImgEle;\n } else {\n var imgEle = document.createElement('img');\n imgEle.src = src;\n if (width && height) {\n var imgWidth = width;\n var imgHeight = height;\n var imgStyle = 'margin:0px;padding:0px;width:' + imgWidth + 'px;height:' + imgHeight + 'px';\n imgEle.setAttribute('style', imgStyle);\n }\n me.imageStore[src] = imgEle;\n\n return imgEle;\n }\n}\nCImageButtonAppearance.prototype.setSrc = function(model) {\n var me = this;\n if (model.default) {\n me.imageDefault = me._setImage(model.default, model.width, model.height);\n }\n if (model.hovered) {\n me.imageHovered = me._setImage(model.hovered, model.width, model.height);\n }\n if (model.pressed) {\n me.imagePressed = me._setImage(model.pressed, model.width, model.height);\n }\n if (model.focused) {\n me.imageFocused = me._setImage(model.focused, model.width, model.height);\n }\n}\n\nmodule.exports = CImageButtonAppearance;"
},
{
"path": "src/index.js",
"content": "//export { default as JSFrame } from './JSFrame.js';\nmodule.exports = {\n JSFrame: require('./JSFrame')\n}\n\n"
},
{
"path": "src/presets/appearance/PresetStyleMaterial.css",
"content": ".jsframe-preset-style-material-default {\n background: black;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.jsframe-preset-style-material-focused {\n background: black;\n border-top-left-radius: 36px;\n border-top-right-radius: 36px;\n}\n"
},
{
"path": "src/presets/appearance/PresetStyleMaterial.js",
"content": "require('./PresetStyleMaterial.css');\nvar ObjectAssigner = require('../../utils/ObjectAssigner.js');\n\n\nfunction getStyle(fApr, userParam) {\n\n var srcParam = {\n border: {\n color: 'transparent',\n width: 0,\n radius: 6,\n\n },\n control: {\n maximizeWithoutTitleBar: false,\n restoreKey: 'Escape',\n },\n titleBar: {\n color: 'white',\n background: 'black',\n leftMargin: 20,\n height: 30,\n fontSize: 12,\n buttonWidth: 36,\n buttonHeight: 16,\n buttonColor: 'white',\n buttons: [\n {\n fa: 'fas fa-times',\n name: 'closeButton',\n visible: true\n },\n {\n fa: 'far fa-window-maximize',\n name: 'maximizeButton',\n visible: true\n },\n {\n fa: 'far fa-window-restore',\n name: 'restoreButton',\n visible: false\n },\n {\n fa: 'far fa-window-minimize',\n name: 'minimizeButton',\n visible: true\n },\n {\n fa: 'fas fa-caret-up',\n name: 'deminimizeButton',\n visible: false\n }\n\n ],\n buttonsOnLeft: [],\n },\n\n\n };\n\n var param = srcParam;\n\n if (userParam) {\n //param=Object.assign({},srcParam, userParam);\n ObjectAssigner.objectAssign(srcParam, userParam);\n\n }\n\n\n fApr.showTitleBar = true;\n fApr.showCloseButton = true;\n\n fApr.titleBarCaptionFontSize = param.titleBar.fontSize + 'px';//'12px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = param.titleBar.leftMargin + 'px';\n fApr.titleBarCaptionColorDefault = param.titleBar.color;\n fApr.titleBarCaptionColorFocused = param.titleBar.color;\n fApr.titleBarCaptionTextShadow = null;\n fApr.titleBarCaptionTextAlign = 'left';\n\n fApr.titleBarHeight = param.titleBar.height + 'px';// '50px';\n\n fApr.titleBarColorDefault = param.titleBar.background;\n fApr.titleBarColorFocused = param.titleBar.background;\n\n fApr.titleBarBorderBottomDefault = 'solid 0px #aaaaaa';\n fApr.titleBarBorderBottomFocused = 'solid 0px #1883d7';\n\n fApr.frameBorderRadius = param.border.radius + 'px';// '6px';\n\n //border width\n fApr.frameBorderWidthDefault = param.border.width + 'px';\n fApr.frameBorderWidthFocused = param.border.width + 'px';\n\n\n //border color\n fApr.frameBorderColorDefault = param.border.color;\n fApr.frameBorderColorFocused = param.border.color;\n\n fApr.frameBorderStyle = 'solid';\n\n //window shadow\n fApr.frameBoxShadow = param.border.shadow;//'2px 2px 10px rgba(0, 0, 0, 0.5)';\n\n fApr.frameBackgroundColor = 'transparent';\n\n fApr.frameComponents = new Array();\n\n fApr.frameHeightAdjust = 0;//default is 1\n\n fApr.getTitleBarStyle = function () {\n\n if (fApr.focusedFrameOnly) {\n return {\n titleBarClassNameDefault: ' ',\n titleBarClassNameFocused: ' '\n };\n } else {\n return {\n titleBarClassNameDefault: ' ',\n titleBarClassNameFocused: ' '\n };\n }\n };\n\n fApr.onInitialize = function () {\n\n alignButtons(fApr, param, false);\n alignButtons(fApr, param, true);\n\n };\n\n //\n\n return fApr;\n}\n\nfunction alignButtons(fApr, param, fromLeft) {\n var partsBuilder = fApr.getPartsBuilder();\n var rbtX = 0;\n var buttons;\n\n if (fromLeft) {\n buttons = param.titleBar.buttonsOnLeft;\n\n } else {\n buttons = param.titleBar.buttons;\n }\n\n for (var rbtIdx in buttons) {\n\n var rbtSrc = buttons[rbtIdx];\n\n var rbt = partsBuilder.buildTextButtonAppearance();\n\n //caption\n rbt.fa = rbtSrc.fa;\n\n rbt.width = param.titleBar.buttonWidth;\n rbt.height = param.titleBar.buttonHeight;\n\n rbt.borderRadius = 0;\n rbt.borderWidth = 0;\n\n rbt.borderColorDefault = '#c6c6c6';\n rbt.borderColorFocused = '#fc615c';\n rbt.borderColorHovered = rbt.borderColorFocused;\n rbt.borderColorPressed = '#e64842';\n\n rbt.borderStyleDefault = 'solid';\n rbt.borderStyleFocused = rbt.borderStyleDefault;\n rbt.borderStyleHovered = rbt.borderStyleDefault;\n rbt.borderStylePressed = rbt.borderStyleDefault;\n\n //background\n rbt.backgroundColorDefault = 'transparent';\n rbt.backgroundColorFocused = 'transparent';\n rbt.backgroundColorHovered = 'transparent';\n rbt.backgroundColorPressed = 'transparent';\n\n var colors = getSubColor(param.titleBar.buttonColor);\n\n rbt.captionColorDefault = param.titleBar.buttonColor;\n rbt.captionColorFocused = param.titleBar.buttonColor;\n rbt.captionColorHovered = colors.hovered;\n rbt.captionColorPressed = colors.pressed;\n\n rbt.captionShiftYpx = 0;\n rbt.captionFontRatio = 1;\n\n var rbtEle = partsBuilder.buildTextButton(rbt);\n\n if (rbtSrc.visible) {\n rbtEle.style.display = 'flex';\n } else {\n if (fromLeft) {\n rbtX -= param.titleBar.buttonWidth;\n } else {\n rbtX += param.titleBar.buttonWidth;\n }\n rbtEle.style.display = 'none';\n }\n\n var titleBarHeight = parseInt(fApr.titleBarHeight);\n\n var rbtEleLeft = rbtX;\n\n //compute vertical center\n\n var rbtEleTop = -titleBarHeight + (titleBarHeight - rbt.height) / 2;\n\n var rbtEleAlign;\n if (fromLeft) {\n rbtEleAlign = 'LEFT_TOP';\n } else {\n rbtEleAlign = 'RIGHT_TOP';\n }\n\n var ndiv;\n if (rbtSrc.childMenuHTML) {\n\n ndiv = document.createElement('div');\n ndiv.id = rbtSrc.name + '_child_menu';\n\n ndiv.innerHTML = rbtSrc.childMenuHTML;\n ndiv.style.position = 'absolute';\n ndiv.style.width = (rbtSrc.childMenuWidth ? rbtSrc.childMenuWidth : 200) + 'px';\n ndiv.style.top = (parseInt(rbtEle.style.top, 10) + parseInt(rbtEle.style.height, 10) / 2 + titleBarHeight / 2) + 'px';\n ndiv.style.left = rbtEle.style.left;\n ndiv.style.display = 'none';\n\n rbtEle.appendChild(ndiv);\n }\n\n\n fApr.addFrameComponent(rbtSrc.name, rbtEle, rbtEleLeft, rbtEleTop, rbtEleAlign, {childMenu: ndiv});\n\n if (fromLeft) {\n rbtX += param.titleBar.buttonWidth;\n } else {\n rbtX += -param.titleBar.buttonWidth;\n }\n\n }\n}\n\n\nfunction getSubColor(color) {\n\n var canvas = document.createElement('canvas');\n canvas.height = 1;\n canvas.width = 1;\n\n try {\n var ctx = canvas.getContext('2d');\n if (ctx) {\n ctx.fillStyle = color;\n ctx.fillRect(0, 0, 1, 1);\n var colorData = ctx.getImageData(0, 0, 1, 1).data;\n\n var r = colorData[0];\n var g = colorData[1];\n var b = colorData[2];\n var alpha = colorData[3] / 255;\n var alpha2 = alpha * 0.85;\n var alpha3 = alpha * 0.75;\n\n var ret = 'rgb(' + r + ',' + g + ',' + b + ',' + alpha2 + ')';\n var ret2 = 'rgb(' + r + ',' + g + ',' + b + ',' + alpha2 + ')';\n var ret3 = 'rgb(' + r + ',' + g + ',' + b + ',' + alpha3 + ')';\n return {src: ret, hovered: ret2, pressed: ret3};\n } else {\n return {src: 'rgb(255,255,255,0.85)', hovered: 'rgb(255,255,255,0.85)', pressed: 'rgb(255,255,255,0.75)'};\n }\n } catch (e) {\n return {src: 'rgb(255,255,255,0.85)', hovered: 'rgb(255,255,255,0.85)', pressed: 'rgb(255,255,255,0.75)'};\n }\n}\n\n\nmodule.exports.getStyle = getStyle;\n"
},
{
"path": "src/presets/appearance/PresetStylePopup.css",
"content": ".jsframe-preset-style-popup-default {\n background: white;\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n\n.jsframe-preset-style-popup-focused {\n background: white;\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n"
},
{
"path": "src/presets/appearance/PresetStylePopup.js",
"content": "require('./PresetStylePopup.css');\n\nfunction getStyle(fApr) {\n\n\n fApr.showTitleBar = false;\n fApr.showCloseButton = true;\n\n\n fApr.titleBarCaptionFontSize = '12px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = '10px';\n fApr.titleBarCaptionColorDefault = '#4d494d';\n fApr.titleBarCaptionColorFocused = '#4d494d';\n\n fApr.titleBarHeight = '5px';\n\n fApr.titleBarColorDefault = 'white';\n fApr.titleBarColorFocused = 'white';\n\n fApr.titleBarBorderBottomDefault = null;\n fApr.titleBarBorderBottomFocused = null;\n\n fApr.frameBorderRadius = '6px';\n\n //border width\n fApr.frameBorderWidthDefault = '1px';\n fApr.frameBorderWidthFocused = '1px';\n\n\n //border color\n fApr.frameBorderColorDefault = '#aaaaaa';\n fApr.frameBorderColorFocused = '#aaaaaa';\n\n fApr.frameBorderStyle = 'solid';\n\n //window shadow\n fApr.frameBoxShadow = '2px 2px 5px rgba(0, 0, 0, 0.5)';\n\n fApr.frameBackgroundColor = 'white';\n\n\n fApr.frameComponents = new Array();\n\n //adjustment value\n fApr.frameHeightAdjust = 2;//default is 1\n fApr.getTitleBarStyle = function() {\n\n if (fApr.focusedFrameOnly) {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-popup-focused',\n titleBarClassNameFocused: 'jsframe-preset-style-popup-focused'\n };\n } else {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-popup-default',\n titleBarClassNameFocused: 'jsframe-preset-style-popup-focused'\n };\n }\n };\n fApr.onInitialize = function() {\n\n\n var partsBuilder = fApr.getPartsBuilder();\n\n\n //configure close button appearance[begin]//////////////\n\n var crossMark0 = '\\u274c';\n var crossMark1 = '\\u2716';\n var crossMark2 = '\\u274e';\n var CROSS_MARK = crossMark1;\n\n\n var cbApr = partsBuilder.buildTextButtonAppearance();\n\n cbApr.width = 20;\n cbApr.height = 20;\n\n\n cbApr.borderRadius = 10;\n cbApr.borderWidth = 1;\n\n cbApr.borderColorDefault = '#cccccc';\n cbApr.borderColorFocused = '#cccccc';\n cbApr.borderColorHovered = '#dddddd';\n cbApr.borderColorPressed = '#eeeeee';\n\n cbApr.borderStyleDefault = 'solid';\n cbApr.borderStyleFocused = cbApr.borderStyleDefault;\n cbApr.borderStyleHovered = cbApr.borderStyleDefault;\n cbApr.borderStylePressed = cbApr.borderStyleDefault;\n\n //background\n cbApr.backgroundColorDefault = 'white';\n cbApr.backgroundColorFocused = 'white';\n cbApr.backgroundColorHovered = '#eeeeee';\n cbApr.backgroundColorPressed = '#dddddd';\n\n cbApr.backgroundBoxShadow = '2px 2px 5px rgba(0, 0, 0, 0.5)';\n\n //caption\n cbApr.caption = CROSS_MARK;\n\n cbApr.captionColorDefault = 'black';\n cbApr.captionColorFocused = 'black';\n cbApr.captionColorHovered = 'white';\n cbApr.captionColorPressed = 'white';\n\n cbApr.captionShiftYpx = 1;\n cbApr.captionFontRatio = 0.6;\n\n var closeBtnEle = partsBuilder.buildTextButton(cbApr);\n var eleLeft = 10;\n var eleTop = -6 - parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('closeButton', closeBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n\n\n };\n //\n\n return fApr;\n\n\n}\n\n\nmodule.exports.getStyle = getStyle;\n"
},
{
"path": "src/presets/appearance/PresetStyleRedstone.css",
"content": ".jsframe-preset-style-redstone-default {\n background: white;\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n\n.jsframe-preset-style-redstone-focused {\n background: white;\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n"
},
{
"path": "src/presets/appearance/PresetStyleRedstone.js",
"content": "require('./PresetStyleRedstone.css');\n\nfunction getStyle(fApr) {\n\n fApr.showTitleBar = true;\n fApr.showCloseButton = true;\n\n fApr.titleBarCaptionFontSize = '12px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = '10px';\n fApr.titleBarCaptionColorDefault = '#9b9a9b';\n fApr.titleBarCaptionColorFocused = '#4d494d';\n\n fApr.titleBarHeight = '30px';\n\n fApr.titleBarColorDefault = null;\n fApr.titleBarColorFocused = null;\n\n fApr.titleBarBorderBottomDefault = 'solid 1px #aaaaaa';\n fApr.titleBarBorderBottomFocused = 'solid 1px #1883d7';\n\n fApr.frameBorderRadius = '0px';\n\n //border width\n fApr.frameBorderWidthDefault = '1px';\n fApr.frameBorderWidthFocused = '1px';\n\n\n //border color\n fApr.frameBorderColorDefault = '#aaaaaa';\n fApr.frameBorderColorFocused = '#1883d7';\n\n fApr.frameBorderStyle = 'solid';\n\n //window shadow\n fApr.frameBoxShadow = null;\n\n fApr.frameBackgroundColor = 'transparent';\n\n\n fApr.frameComponents = new Array();\n\n //adjustment value\n fApr.frameHeightAdjust = 0;//default is 1\n\n fApr.getTitleBarStyle = function() {\n\n if (fApr.focusedFrameOnly) {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-redstone-focused',\n titleBarClassNameFocused: 'jsframe-preset-style-redstone-focused'\n };\n } else {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-redstone-default',\n titleBarClassNameFocused: 'jsframe-preset-style-redstone-focused'\n };\n }\n };\n\n fApr.onInitialize = function() {\n\n\n var partsBuilder = fApr.getPartsBuilder();\n\n\n {\n //configure close button appearance[begin]//////////////\n\n var CROSS_MARK = '\\u2573';\n\n var cbApr = partsBuilder.buildTextButtonAppearance();\n\n cbApr.width = 45;\n cbApr.height = 28;\n\n\n cbApr.borderRadius = 0;\n cbApr.borderWidth = 0;\n\n cbApr.borderColorDefault = '#c6c6c6';\n cbApr.borderColorFocused = '#fc615c';\n cbApr.borderColorHovered = cbApr.borderColorFocused;\n cbApr.borderColorPressed = '#e64842';\n\n cbApr.borderStyleDefault = 'solid';\n cbApr.borderStyleFocused = cbApr.borderStyleDefault;\n cbApr.borderStyleHovered = cbApr.borderStyleDefault;\n cbApr.borderStylePressed = cbApr.borderStyleDefault;\n\n //background\n cbApr.backgroundColorDefault = 'white';\n cbApr.backgroundColorFocused = 'white';\n cbApr.backgroundColorHovered = '#e81123';\n cbApr.backgroundColorPressed = '#f1707a';\n\n //caption\n cbApr.caption = CROSS_MARK;\n\n cbApr.captionColorDefault = '#9b9a9b';\n cbApr.captionColorFocused = 'black';\n cbApr.captionColorHovered = 'white';\n cbApr.captionColorPressed = 'white';\n\n cbApr.captionShiftYpx = 1;\n cbApr.captionFontRatio = 0.6;\n\n var closeBtnEle = partsBuilder.buildTextButton(cbApr);\n var eleLeft = 0;\n var eleTop = -parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('closeButton', closeBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n }\n\n {\n //configure close button appearance[begin]//////////////\n\n var MAXIMIZE_MARK = '\\u2610';\n\n var maxApr = partsBuilder.buildTextButtonAppearance();\n\n maxApr.width = 45;\n maxApr.height = 28;\n\n\n maxApr.borderRadius = 0;\n maxApr.borderWidth = 0;\n\n maxApr.borderColorDefault = '#c6c6c6';\n maxApr.borderColorFocused = '#fc615c';\n maxApr.borderColorHovered = maxApr.borderColorFocused;\n maxApr.borderColorPressed = '#e64842';\n\n maxApr.borderStyleDefault = 'solid';\n maxApr.borderStyleFocused = maxApr.borderStyleDefault;\n maxApr.borderStyleHovered = maxApr.borderStyleDefault;\n maxApr.borderStylePressed = maxApr.borderStyleDefault;\n\n //background\n maxApr.backgroundColorDefault = 'white';\n maxApr.backgroundColorFocused = 'white';\n maxApr.backgroundColorHovered = '#e5e5e5';\n maxApr.backgroundColorPressed = '#cccccc';\n\n //caption\n maxApr.caption = MAXIMIZE_MARK;\n\n maxApr.captionColorDefault = '#9b9a9b';\n maxApr.captionColorFocused = 'black';\n maxApr.captionColorHovered = 'black';\n maxApr.captionColorPressed = 'black';\n\n maxApr.captionShiftYpx = 1;\n maxApr.captionFontRatio = 0.55;\n\n var maxBtnEle = partsBuilder.buildTextButton(maxApr);\n var eleLeft = -46;\n var eleTop = -parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('maximizeButton', maxBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n }\n\n {\n //configure close button appearance[begin]//////////////\n\n var MINIMIZE_MARK = '\\uff3f';\n\n var minApr = partsBuilder.buildTextButtonAppearance();\n\n minApr.width = 45;\n minApr.height = 28;\n\n\n minApr.borderRadius = 0;\n minApr.borderWidth = 0;\n\n minApr.borderColorDefault = '#c6c6c6';\n minApr.borderColorFocused = '#fc615c';\n minApr.borderColorHovered = minApr.borderColorFocused;\n minApr.borderColorPressed = '#e64842';\n\n minApr.borderStyleDefault = 'solid';\n minApr.borderStyleFocused = minApr.borderStyleDefault;\n minApr.borderStyleHovered = minApr.borderStyleDefault;\n minApr.borderStylePressed = minApr.borderStyleDefault;\n\n //background\n minApr.backgroundColorDefault = 'white';\n minApr.backgroundColorFocused = 'white';\n minApr.backgroundColorHovered = '#e5e5e5';\n minApr.backgroundColorPressed = '#cccccc';\n\n //caption\n minApr.caption = MINIMIZE_MARK;\n\n minApr.captionColorDefault = '#9b9a9b';\n minApr.captionColorFocused = 'black';\n minApr.captionColorHovered = 'black';\n minApr.captionColorPressed = 'black';\n\n minApr.captionShiftYpx = -2;\n minApr.captionFontRatio = 0.3;\n\n var minBtnEle = partsBuilder.buildTextButton(minApr);\n var eleLeft = -92;\n var eleTop = -parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('minimizeButton', minBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n }\n {\n //configure close button appearance[begin]//////////////\n\n\n var deminApr = partsBuilder.buildTextButtonAppearance();\n\n deminApr.width = 45;\n deminApr.height = 28;\n\n\n deminApr.borderRadius = 0;\n deminApr.borderWidth = 0;\n\n deminApr.borderColorDefault = '#c6c6c6';\n deminApr.borderColorFocused = '#fc615c';\n deminApr.borderColorHovered = deminApr.borderColorFocused;\n deminApr.borderColorPressed = '#e64842';\n\n deminApr.borderStyleDefault = 'solid';\n deminApr.borderStyleFocused = deminApr.borderStyleDefault;\n deminApr.borderStyleHovered = deminApr.borderStyleDefault;\n deminApr.borderStylePressed = deminApr.borderStyleDefault;\n\n //background\n deminApr.backgroundColorDefault = 'white';\n deminApr.backgroundColorFocused = 'white';\n deminApr.backgroundColorHovered = '#e5e5e5';\n deminApr.backgroundColorPressed = '#cccccc';\n\n //caption\n deminApr.caption = '\\u25A3';\n\n deminApr.captionColorDefault = '#9b9a9b';\n deminApr.captionColorFocused = 'black';\n deminApr.captionColorHovered = 'black';\n deminApr.captionColorPressed = 'black';\n\n deminApr.captionShiftYpx = 1;\n deminApr.captionFontRatio = 0.6;\n\n var deminBtnEle = partsBuilder.buildTextButton(deminApr);\n var eleLeft = -92;\n var eleTop = -parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n deminBtnEle.style.display = 'none';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('deminimizeButton', deminBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n }\n {\n //configure close button appearance[begin]//////////////\n\n var RESTORE_MARK = '\\u274F';\n\n var rbApr = partsBuilder.buildTextButtonAppearance();\n\n rbApr.width = 45;\n rbApr.height = 28;\n\n\n rbApr.borderRadius = 0;\n rbApr.borderWidth = 0;\n\n rbApr.borderColorDefault = '#c6c6c6';\n rbApr.borderColorFocused = '#fc615c';\n rbApr.borderColorHovered = rbApr.borderColorFocused;\n rbApr.borderColorPressed = '#e64842';\n\n rbApr.borderStyleDefault = 'solid';\n rbApr.borderStyleFocused = rbApr.borderStyleDefault;\n rbApr.borderStyleHovered = rbApr.borderStyleDefault;\n rbApr.borderStylePressed = rbApr.borderStyleDefault;\n\n //background\n rbApr.backgroundColorDefault = 'white';\n rbApr.backgroundColorFocused = 'white';\n rbApr.backgroundColorHovered = '#e5e5e5';\n rbApr.backgroundColorPressed = '#cccccc';\n\n //caption\n rbApr.caption = RESTORE_MARK;\n\n rbApr.captionColorDefault = '#9b9a9b';\n rbApr.captionColorFocused = 'black';\n rbApr.captionColorHovered = 'black';\n rbApr.captionColorPressed = 'black';\n\n rbApr.captionShiftYpx = 1;\n rbApr.captionFontRatio = 0.55;\n\n var restoreBtnEle = partsBuilder.buildTextButton(rbApr);\n var eleLeft = -46;\n var eleTop = -parseInt(fApr.titleBarHeight);\n var eleAlign = 'RIGHT_TOP';\n\n restoreBtnEle.style.display = 'none';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('restoreButton', restoreBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n }\n\n\n };\n //\n\n return fApr;\n}\n\n\nmodule.exports.getStyle = getStyle;\n"
},
{
"path": "src/presets/appearance/PresetStyleToast.js",
"content": "function getStyle(fApr) {\n\n\n fApr.showTitleBar = false;\n fApr.showCloseButton = true;\n\n\n fApr.titleBarCaptionFontSize = '0px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = '0px';\n fApr.titleBarCaptionColorDefault = 'transparent';\n fApr.titleBarCaptionColorFocused = 'transparent';\n\n fApr.titleBarHeight = '0px';\n\n fApr.titleBarColorDefault = 'transparent';\n fApr.titleBarColorFocused = 'transparent';\n\n fApr.titleBarBorderBottomDefault = null;\n fApr.titleBarBorderBottomFocused = null;\n\n fApr.frameBorderRadius = '10px';\n\n //border width\n fApr.frameBorderWidthDefault = '0px';\n fApr.frameBorderWidthFocused = '0px';\n\n //border color\n fApr.frameBorderColorDefault = 'transparent';\n fApr.frameBorderColorFocused = 'transparent';\n fApr.frameBorderStyle = 'solid';\n fApr.frameBoxShadow = '2px 2px 15px rgba(0, 0, 0, 0.5)';\n fApr.frameBackgroundColor = 'transparent';\n\n\n fApr.frameComponents = [];\n fApr.frameHeightAdjust = 1;//default is 1\n\n fApr.captionClor = 'darkgray';\n\n fApr.pullUpDisabled = false;\n\n fApr.getTitleBarStyle = function() {\n\n if (fApr.focusedFrameOnly) {\n return {\n titleBarClassNameDefault: ' ',\n titleBarClassNameFocused: ' '\n };\n } else {\n return {\n titleBarClassNameDefault: ' ',\n titleBarClassNameFocused: ' '\n };\n }\n };\n\n\n fApr.onInitialize = function() {\n\n\n var partsBuilder = fApr.getPartsBuilder();\n\n\n //configure close button appearance[begin]//////////////\n\n var crossMark0 = '\\u274c';\n var crossMark1 = '\\u2716';\n var crossMark2 = '\\u274e';\n var CROSS_MARK = crossMark1;\n\n\n var cbApr = partsBuilder.buildTextButtonAppearance();\n\n cbApr.width = 20;\n cbApr.height = 20;\n\n\n cbApr.borderRadius = 10;\n cbApr.borderWidth = 0;\n\n cbApr.borderColorDefault = '#cccccc';\n cbApr.borderColorFocused = '#cccccc';\n cbApr.borderColorHovered = '#dddddd';\n cbApr.borderColorPressed = '#eeeeee';\n\n cbApr.borderStyleDefault = 'solid';\n cbApr.borderStyleFocused = cbApr.borderStyleDefault;\n cbApr.borderStyleHovered = cbApr.borderStyleDefault;\n cbApr.borderStylePressed = cbApr.borderStyleDefault;\n\n //background\n cbApr.backgroundColorDefault = 'transparent';\n cbApr.backgroundColorFocused = 'transparent';\n cbApr.backgroundColorHovered = 'transparent';\n cbApr.backgroundColorPressed = 'transparent';\n\n cbApr.backgroundBoxShadow = null;// '2px 2px 5px rgba(0, 0, 0, 0.5)';\n\n //caption\n cbApr.caption = CROSS_MARK;\n\n cbApr.captionColorDefault = fApr.captionClor;\n cbApr.captionColorFocused = fApr.captionClor;\n cbApr.captionColorHovered = fApr.captionClor;\n cbApr.captionColorPressed = fApr.captionClor;\n\n cbApr.captionShiftYpx = 1;\n cbApr.captionFontRatio = 0.6;\n\n var closeBtnEle = partsBuilder.buildTextButton(cbApr);\n var eleLeft = -6;\n var eleTop = 3;\n var eleAlign = 'RIGHT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent('closeButton', closeBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure close button appearance[end]//////////////\n\n\n };\n //\n\n\n return fApr;\n}\n\n\nmodule.exports.getStyle = getStyle;\n"
},
{
"path": "src/presets/appearance/PresetStyleYosemite.css",
"content": ".jsframe-preset-style-yosemite-default {\n background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f5f5f5, color-stop(1.0, #f8f7f2)));\n background: -webkit-linear-gradient(top, #f5f5f5, #f8f7f2);\n background: -moz-linear-gradient(top, #f5f5f5, #f8f7f2);\n background: linear-gradient(top, #f5f5f5, #f8f7f2);\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.jsframe-preset-style-yosemite-focused {\n /* (c)2015 Johannes Jakob\n Made with <3 in Germany */\n background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ebebeb, color-stop(1.0, #d5d5d5)));\n background: -webkit-linear-gradient(top, #ebebeb, #d5d5d5);\n background: -moz-linear-gradient(top, #ebebeb, #d5d5d5);\n background: linear-gradient(top, #ebebeb, #d5d5d5);\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n"
},
{
"path": "src/presets/appearance/PresetStyleYosemite.js",
"content": "require('./PresetStyleYosemite.css');\nvar ObjectAssigner = require('../../utils/ObjectAssigner.js');\n\nfunction getStyle(fApr, userParam) {\n\n var srcParam = {\n titleBar: {\n greenButton: 'maximize',//'maximize' or 'fullscreen'\n }\n };\n\n var param = srcParam;\n\n if (userParam) {\n //param=Object.assign({},srcParam, userParam);\n ObjectAssigner.objectAssign(srcParam, userParam);\n\n }\n\n fApr.showTitleBar = true;\n fApr.showCloseButton = true;\n\n fApr.titleBarCaptionFontSize = '11px';\n fApr.titleBarCaptionFontWeight = 'normal';\n fApr.titleBarCaptionLeftMargin = null;\n fApr.titleBarCaptionColorDefault = '#4d494d';\n fApr.titleBarCaptionColorFocused = '#4d494d';\n\n fApr.titleBarHeight = '26px';\n\n fApr.titleBarColorDefault = null;\n fApr.titleBarColorFocused = null;\n\n fApr.titleBarBorderBottomDefault = '1px solid #b1aeb1';\n fApr.titleBarBorderBottomFocused = fApr.titleBarBorderBottomDefault;\n\n fApr.frameBorderRadius = '6px';\n\n //border width\n fApr.frameBorderWidthDefault = '1px';\n fApr.frameBorderWidthFocused = '1px';\n\n\n //border color\n fApr.frameBorderColorDefault = '#acacac';\n fApr.frameBorderColorFocused = '#acacac';\n\n fApr.frameBorderStyle = 'solid';\n\n //window shadow\n fApr.frameBoxShadow = '0px 0px 20px rgba(0, 0, 0, 0.3)';\n\n fApr.frameBackgroundColor = 'transparent';\n\n\n fApr.frameComponents = new Array();\n\n fApr.getTitleBarStyle = function() {\n\n if (fApr.focusedFrameOnly) {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-yosemite-focused',\n titleBarClassNameFocused: 'jsframe-preset-style-yosemite-focused'\n };\n } else {\n return {\n titleBarClassNameDefault: 'jsframe-preset-style-yosemite-default',\n titleBarClassNameFocused: 'jsframe-preset-style-yosemite-focused'\n };\n }\n };\n\n fApr.onInitialize = function() {\n\n var partsBuilder = fApr.getPartsBuilder();\n\n var img_data_close_hovered = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWElEQVQoU2NkIBIwEqmOAa6wgZWlH6Sp4fefQjCNxkdRyMjAUPCf4f8CkEJGBsaE/wwME2AaUaxuYGWeD1IAUgjS0PD7byLMaaQrBLmJKKuJ9gyhYCI6HAGlFDALf9s7eQAAAABJRU5ErkJggg==';\n var img_data_maximize_hovered = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVQoU2NkIBIwoqvjixFoAIl9WvIBTMMAhkLeGP79IMnPSz46kq8QZN1/hv/2IBMYGRgMQPR/BoYLED7jQZAzwFYTrRDZLdRxI7KJRAcPrvAHAATYKgvLH0fAAAAAAElFTkSuQmCC';\n if (param.titleBar.greenButton === 'fullscreen') {\n img_data_maximize_hovered = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAZElEQVQoU2NkIBIwEqmOAUWhQIKAwL8///czMDAYwAz4tOQjWA1cIUjRhwUfPqArxlDIF8N/nomF0RFdMTaF/xkYGC6gK/605KMhitV8MfwghSCAohhkAy6FKIphniIvePCFKQDzGzsLS+7n2AAAAABJRU5ErkJggg==';\n }\n var img_data_demaximize_hovered = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAiUlEQVQoU2NkwAIEogQMPiz7cAFZihGbQt4Y/v0MjIwLPy/+sAAmj1MhIwODw39GxkSYYrwKQabBFGNVyBfL1///P6MBzFrmf4yFjCCH/2X63w93C+P/C58WfypEdzvYRN5YgQTG///ng61iYDjweclHR6wKkRUTVAhTzPD/fzxeE2FWYQtskBwAKwQ7tVjAL4MAAAAASUVORK5CYII=';\n var img_data_minimize_hovered = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMUlEQVQoU2NkIBIwEqmOgUYKa7w4Ghj+M9hjdQYjw8GWbT8awFYTrZAYD9HIM8RYDQBsEAwLkq4IAgAAAABJRU5ErkJggg==';\n var img_data_1dot_transparent = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=';\n var img_width = 10;\n var img_height = 10;\n var img_style = 'margin:0px;padding:0px;width:' + img_width + 'px;height:' + img_height + 'px';\n\n var imageMaximize = document.createElement('img');\n imageMaximize.src = img_data_maximize_hovered;\n imageMaximize.setAttribute('style', img_style);\n\n var imageDemaximize = document.createElement('img');\n imageDemaximize.src = img_data_demaximize_hovered;\n imageDemaximize.setAttribute('style', img_style);\n\n // var imageFullScreen = document.createElement('img');\n // imageFullScreen.src = img_data_maximize_hovered;\n // imageFullScreen.setAttribute('style', img_style);\n\n var imageMinimize = document.createElement('img');\n imageMinimize.src = img_data_minimize_hovered;\n imageMinimize.setAttribute('style', img_style);\n\n var imageClose = document.createElement('img');\n imageClose.src = img_data_close_hovered;\n imageClose.setAttribute('style', img_style);\n\n\n var imgTransparent = document.createElement('img');\n imgTransparent.src = img_data_1dot_transparent;\n imgTransparent.setAttribute('style', 'margin:0px;padding:0px;width:6px;height:6px');\n\n {\n //configure close button appearance[begin]//////////////\n\n\n var cbApr = partsBuilder.buildImageButtonAppearance();\n cbApr.imageDefault = imgTransparent;\n cbApr.imageHovered = imageClose;\n cbApr.imagePressed = imageClose;\n cbApr.imageFocused = imgTransparent;\n cbApr.size = 10;\n\n cbApr.borderRadius = 5;\n cbApr.borderWidth = 1;\n\n cbApr.borderColorDefault = '#c6c6c6';\n cbApr.borderColorFocused = '#d3524e';\n cbApr.borderColorHovered = cbApr.borderColorFocused;\n cbApr.borderColorPressed = '#e64842';\n\n cbApr.borderStyleDefault = 'solid';\n cbApr.borderStyleFocused = cbApr.borderStyleDefault;\n cbApr.borderStyleHovered = cbApr.borderStyleDefault;\n cbApr.borderStylePressed = cbApr.borderStyleDefault;\n\n //background\n cbApr.backgroundColorDefault = '#d0d0d0';\n cbApr.backgroundColorFocused = '#fc615c';\n cbApr.backgroundColorHovered = cbApr.backgroundColorFocused;\n cbApr.backgroundColorPressed = cbApr.backgroundColorDefault;\n cbApr.setSrc({\n default: img_data_1dot_transparent,\n focused: img_data_1dot_transparent,\n hovered: img_data_close_hovered,\n pressed: img_data_close_hovered,\n });\n\n var closeBtnEle = partsBuilder.buildButton(cbApr);\n var eleLeft = 8;\n var eleTop = -19;\n var eleAlign = 'LEFT_TOP';\n\n // 'closeButton' is a special name\n fApr.addFrameComponent(param.closeButtonName || 'closeButton', closeBtnEle, eleLeft, eleTop, eleAlign);\n\n //prepare [minimize button]\n var minBtnApr = partsBuilder.buildImageButtonAppearance(cbApr);\n minBtnApr.borderColorDefault = '#c6c6c6';\n minBtnApr.borderColorFocused = '#e6b347';\n minBtnApr.borderColorHovered = minBtnApr.borderColorFocused;\n minBtnApr.borderColorPressed = '#e1a12d';\n minBtnApr.backgroundColorDefault = '#d0d0d0';\n minBtnApr.backgroundColorFocused = '#fdbe40';\n minBtnApr.backgroundColorHovered = minBtnApr.backgroundColorFocused;\n minBtnApr.backgroundColorPressed = minBtnApr.backgroundColorDefault;\n minBtnApr.imageDefault = imgTransparent;\n minBtnApr.imageHovered = imageMinimize;\n minBtnApr.imagePressed = imageMinimize;\n minBtnApr.imageFocused = imgTransparent;\n\n var minBtnEle = partsBuilder.buildButton(minBtnApr);\n var deminimizeBtnEle = partsBuilder.buildButton(minBtnApr);\n deminimizeBtnEle.style.display = 'none';\n var eleLeft = 28;\n var eleTop = -19;\n var eleAlign = 'LEFT_TOP';\n fApr.addFrameComponent('minimizeButton', minBtnEle, eleLeft, eleTop, eleAlign);\n fApr.addFrameComponent('deminimizeButton', deminimizeBtnEle, eleLeft, eleTop, eleAlign);\n\n\n // prepare [maximize button]\n //configure zoom button appearance[begin]//////////////\n var maxBtnApr = partsBuilder.buildImageButtonAppearance(cbApr);\n maxBtnApr.borderColorDefault = '#c6c6c6';\n maxBtnApr.borderColorFocused = '#67b657';\n maxBtnApr.borderColorHovered = maxBtnApr.borderColorFocused;\n maxBtnApr.borderColorPressed = '#00af38';\n maxBtnApr.backgroundColorDefault = '#d0d0d0';\n maxBtnApr.backgroundColorFocused = '#34ca49';\n maxBtnApr.backgroundColorHovered = maxBtnApr.backgroundColorFocused;\n maxBtnApr.backgroundColorPressed = maxBtnApr.backgroundColorDefault;\n maxBtnApr.imageDefault = imgTransparent;\n maxBtnApr.imageHovered = imageMaximize;\n maxBtnApr.imagePressed = imageMaximize;\n maxBtnApr.imageFocused = imgTransparent;\n\n var zoomBtnEle = partsBuilder.buildButton(maxBtnApr);\n\n\n var demaxBtnApr = partsBuilder.buildImageButtonAppearance(cbApr);\n demaxBtnApr.borderColorDefault = '#c6c6c6';\n demaxBtnApr.borderColorFocused = '#67b657';\n demaxBtnApr.borderColorHovered = demaxBtnApr.borderColorFocused;\n demaxBtnApr.borderColorPressed = '#00af38';\n demaxBtnApr.backgroundColorDefault = '#d0d0d0';\n demaxBtnApr.backgroundColorFocused = '#34ca49';\n demaxBtnApr.backgroundColorHovered = demaxBtnApr.backgroundColorFocused;\n demaxBtnApr.backgroundColorPressed = demaxBtnApr.backgroundColorDefault;\n demaxBtnApr.imageDefault = imgTransparent;\n demaxBtnApr.imageHovered = imageDemaximize;\n demaxBtnApr.imagePressed = imageDemaximize;\n demaxBtnApr.imageFocused = imgTransparent;\n var demaxBtnEle = partsBuilder.buildButton(demaxBtnApr);\n demaxBtnEle.style.display = 'none';\n\n var eleLeft = 48;\n var eleTop = -19;\n var eleAlign = 'LEFT_TOP';\n\n\n fApr.addFrameComponent('dezoomButton', demaxBtnEle, eleLeft, eleTop, eleAlign);\n fApr.addFrameComponent('zoomButton', zoomBtnEle, eleLeft, eleTop, eleAlign);\n\n //configure zoom button appearance[end]//////////////\n }\n //\n\n };\n //\n\n return fApr;\n}\n\nmodule.exports.getStyle = getStyle;\n"
},
{
"path": "src/presets/window/PresetWindowYosemite.js",
"content": "var mergeDeeply = require('merge-deeply');\n\nfunction getPreset(param) {\n\n var result = {};\n result.appearanceName = 'yosemite';\n result.appearanceParam = {};\n\n var presetParam = {};\n\n if (param) {\n presetParam = param;\n }\n\n var isFullScreen = presetParam.maximizeButtonBehavior === 'fullscreen';\n var minimizeButton = presetParam.minimizeButtonBehavior === 'minimize' ? 'minimizeButton' : null;\n var hideButton1 = presetParam.minimizeButtonBehavior === 'hide' ? 'minimizeButton' : null;\n var hideButton2 = presetParam.closeButtonBehavior === 'hide' ? 'custom-close-button' : null;\n var windowControlParam = presetParam.control;\n\n var closeButtonNameByCloseButtonBehavior = hideButton2;\n var closeButtonName = presetParam.closeButtonName;\n\n if (isFullScreen) {\n result.appearanceParam.titleBar = {\n greenButton: 'fullscreen',//'maximize' icon or 'fullscreen' icon\n };\n }\n // Set this to 'closeButton' to automatically close when clicking\n result.appearanceParam.closeButtonName = closeButtonNameByCloseButtonBehavior || closeButtonName || 'closeButton';\n\n result.setupPresetWindow = function(frame) {\n var defaultWindowControlParam = {\n maximizeButton: 'zoomButton',\n maximizeParam: {\n fullScreen: isFullScreen,// true:maximized without title bar,false:maximized with title bar\n restoreKey: 'Escape',//Set key code from https://www.w3.org/TR/uievents-code/#keyboard-key-codes\n },\n\n demaximizeButton: 'dezoomButton',\n deminimizeButton: 'deminimizeButton',\n minimizeButton: minimizeButton,\n hideButtons: [hideButton1, hideButton2],\n hideParam: {\n align: 'CENTER_CENTER',//ABSOLUTE:If you want the window to disappear after transitioning to the position you specified\n\n duration: 300\n },\n dehideParam: {\n duration: 300\n },\n styleDisplay: 'inline',\n animation: true,\n animationDuration: 100,//The whole animation duration(millisec)\n };\n\n if (windowControlParam) {\n mergeDeeply({ op: 'overwrite-merge', object1: defaultWindowControlParam, object2: windowControlParam });\n }\n\n frame.setControl(defaultWindowControlParam);\n };\n return result;\n}\n\n\nmodule.exports.getPresetWindow = getPreset;\n"
},
{
"path": "src/utils/CSimpleLayoutAnimator.js",
"content": "var CTimer = require('./CTimer.js');\n\n/**\n * CSimpleLayoutAnimator class\n * Class for moving animation · scaling animation of frame.\n *
\n * @constructor\n */\nfunction CSimpleLayoutAnimator() {\n\n this.fps = 30;\n this.durationMillis = 200;\n this.targetFrame = null;\n\n this._crrAlpha = 1.0;\n this._toAlpha = 1.0;\n\n //current width/height\n this._crrWidth = 0;\n this._crrHeight = 0;\n this._toWidth = 0;\n this._toHeight = 0;\n\n //current position(x,y)\n //this._crrX = 0;\n //this._crrY = 0;\n this._toX = 0;\n this._toY = 0;\n\n\n this.pinnedAnimationEnabled = false;\n this._pinX = 0;\n this._pinY = 0;\n this._pinAnchor = null;\n\n}\n\n/**\n * Set CIFrame object to be resized\n * @param ciframe\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.set = function(ciframe) {\n var me = this;\n me.targetFrame = ciframe;\n\n\n me.fromWidth(ciframe.getWidth());\n me.fromHeight(ciframe.getHeight());\n\n me.toWidth(ciframe.getWidth());\n me.toHeight(ciframe.getHeight());\n\n var crrPos = ciframe.getPosition();\n\n me.fromPosition(crrPos.x, crrPos.y, crrPos.anchor);\n\n\n return me;\n\n};\n\n/**\n * Get CIFrame object\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.get = function() {\n var me = this;\n return me.targetFrame;\n};\n\n/**\n * Set animation duration time millis\n * @param durationMillis\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.setDuration = function(durationMillis) {\n var me = this;\n\n me.durationMillis = durationMillis;\n return me;\n};\n\n/**\n * Set expected FPS\n * @param fps\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.setFPS = function(fps) {\n var me = this;\n me.fps = fps;\n return me;\n};\n\n/**\n * Set PIN position\n * @param x\n * @param y\n * @param anchor Position where animation starts from.Expected parameters as follows.\n 'LEFT_TOP':Default.Specify the position starting from the upper left.\n 'CENTER_TOP'\n 'RIGHT_TOP'\n 'LEFT_CENTER'\n 'CENTER_CENTER'\n 'RIGHT_CENTER'\n 'LEFT_BOTTOM'\n 'CENTER_BOTTOM'\n 'RIGHT_BOTTOM'\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.fromPosition = function(x, y, anchor) {\n var me = this;\n me.pinnedAnimationEnabled = true;\n\n me._pinX = x;\n me._pinY = y;\n\n me.toPosition(x, y);\n\n if (anchor) {\n me._pinAnchor = anchor;\n }\n return me;\n};\n/**\n * Set resizeFrom width\n * @param fromWidth\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.fromWidth = function(fromWidth) {\n var me = this;\n me._crrWidth = fromWidth;\n\n return me;\n};\n\n/**\n * Set resizeFrom height\n * @param fromHeight\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.fromHeight = function(fromHeight) {\n var me = this;\n me._crrHeight = fromHeight;\n\n return me;\n};\n\n/**\n * Set resizeTo width\n * @param toWidth\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toWidth = function(toWidth) {\n var me = this;\n me._toWidth = toWidth;\n\n return me;\n};\n\n/**\n * Set resizeTo height\n * @param toHeight\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toHeight = function(toHeight) {\n var me = this;\n me._toHeight = toHeight;\n return me;\n};\n\n/**\n * Set from alpha\n * @param fromAlpha\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.fromAlpha = function(fromAlpha) {\n var me = this;\n me._crrAlpha = fromAlpha;\n\n return me;\n};\n\n/**\n * Set to alpha\n * @param toAlpha\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toAlpha = function(toAlpha) {\n var me = this;\n me._toAlpha = toAlpha;\n\n return me;\n};\n\n/**\n * Get CIFrame object\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.ease = function(ease) {\n var me = this;\n me._ease=ease;\n return me;\n};\n\n/**\n * Set move to position\n * @param x\n * @param y\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toPosition = function(x, y) {\n var me = this;\n me._toX = x;\n me._toY = y;\n return me;\n};\n\n/**\n * Set move to x\n * @param x\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toX = function(x) {\n var me = this;\n me._toX = x;\n return me;\n};\n\n/**\n * Set move to y\n * @param t\n * @returns {*}\n */\nCSimpleLayoutAnimator.prototype.toY = function(t) {\n var me = this;\n me._toY = t;\n return me;\n};\n\n\nCSimpleLayoutAnimator.prototype.start = function(waitMillis, requestFocusEnabled) {\n\n\n var me = this;\n\n var fromWidth = me._crrWidth;\n var fromHeight = me._crrHeight;\n\n var fromX = me._pinX;\n var fromY = me._pinY;\n\n var fromAlpha = me._crrAlpha;\n\n\n return new Promise(function(resolve, reject) {\n\n\n var numOfSteps = parseInt(me.fps * (me.durationMillis / 1000));\n if (numOfSteps == 0) {\n numOfSteps = 1;\n }\n\n var deltaWidth = (me._toWidth - fromWidth) / numOfSteps;\n var deltaHeight = (me._toHeight - fromHeight) / numOfSteps;\n\n var deltaX = (me._toX - fromX) / numOfSteps;\n var deltaY = (me._toY - fromY) / numOfSteps;\n\n var deltaAlpha = (me._toAlpha - fromAlpha) / numOfSteps;\n if(me._ease){\n deltaAlpha=deltaAlpha/1.24;\n }\n\n var unitMillis = me.durationMillis / numOfSteps;\n\n var idx = 0;\n\n\n function loop() {\n var timer = new CTimer();\n\n timer.setIntervalMillis(unitMillis);\n\n timer.setCallback(function(timer) {\n\n if (idx == numOfSteps) {\n\n var _width = me._toWidth;\n var _height = me._toHeight;\n\n var _x = fromX + deltaX * idx;\n var _y = fromY + deltaY * idx;\n\n var _alpha = me._toAlpha;\n\n if (me.pinnedAnimationEnabled) {\n //me.targetFrame._setPositionInternally(me._pinX, me._pinY, me._pinAnchor, _width, _height);\n\n me.targetFrame._setPositionInternally(_x, _y, me._pinAnchor, _width, _height);\n }\n\n\n if (me.targetFrame.htmlElement.style) {\n me.targetFrame.htmlElement.style.opacity = _alpha;\n }\n\n //me.targetFrame.resizeDirect(_width, _height,false);\n me.targetFrame.setSize(_width, _height, true);\n\n me._crrWidth = _width;\n me._crrHeight = _height;\n\n me._pinX = _x;\n me._pinY = _y;\n }\n\n if (idx == (numOfSteps + 1)) {\n //Stop timer after last draw update.\n timer.stopTimer();\n\n if (me.targetFrame.htmlElement.style) {\n me.targetFrame.htmlElement.style.opacity = me._toAlpha;\n }\n resolve(me);\n return;\n }\n\n\n var _width = fromWidth + deltaWidth * idx;\n var _height = fromHeight + deltaHeight * idx;\n\n var _x = fromX + deltaX * idx;\n var _y = fromY + deltaY * idx;\n\n var _alpha = fromAlpha + deltaAlpha * idx;\n\n if (me.pinnedAnimationEnabled) {\n //me.targetFrame._setPositionInternally(me._pinX, me._pinY, me._pinAnchor, _width, _height);\n me.targetFrame._setPositionInternally(_x, _y, me._pinAnchor, _width, _height);\n }\n\n if (me.targetFrame.htmlElement.style) {\n me.targetFrame.htmlElement.style.opacity = _alpha;\n }\n\n //me.targetFrame.resizeDirect(_width, _height,false);\n me.targetFrame.setSize(_width, _height, true);\n\n if (idx == 0) {\n\n //check window existence\n var wmgr = me.targetFrame.parentCanvas;\n if (wmgr) {\n var _targetFrame = wmgr.getWindow(me.targetFrame.id);\n if (_targetFrame) {\n me.targetFrame.show({ requestFocus: requestFocusEnabled });\n } else {\n //the target window must be deleted.\n }\n }\n }\n\n idx++;\n });\n\n\n timer.startTimer();\n }\n\n if (waitMillis) {\n\n var waiter = new CTimer();\n waiter.setIntervalMillis(waitMillis);\n waiter.setCallback(function(_timer) {\n _timer.stopTimer();\n\n loop();\n });\n waiter.startTimer();\n } else {\n loop();\n }\n\n\n });\n\n};//start\n\n/**\n * end of CSimpleLayoutAnimator class\n */\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\n\nmodule.exports = CSimpleLayoutAnimator;\n"
},
{
"path": "src/utils/CTimer.js",
"content": "/**\n * CTimer class
\n *\n * How to use:\n * var timer = new CTimer();\n * var value = 0;\n *\n * timer.setCallback(function (timerObj) {\n * value++;\n * console.log(value);\n * if (value == 100) {\n * timerObj.stopTimer();\n * }\n * });\n * timer.setIntervalMillis(100);\n * timer.startTimer();\n *\n * @author Tom Misawa (riversun.org@gmail.com)\n */\nvar CTimer =\n (function() {\n function CTimer() {\n var me = this;\n\n me._timerId = null;\n me._isRunning = false;\n me._timerInterval = 0;\n\n me._internalCallback = _internalCallback;\n me._timerMethod = null;\n\n\n function _internalCallback() {\n if (me._timerMethod) {\n me._timerMethod(me);\n }\n if (me._isRunning) {\n clearTimeout(me._timerId);\n me._timerId = setTimeout(me._internalCallback, me._timerInterval);\n }\n }\n }\n\n CTimer.prototype.setCallback = function(callback_func) {\n var me = this;\n me._timerMethod = callback_func;\n return me;\n };\n\n CTimer.prototype.setIntervalMillis = function(interval) {\n var me = this;\n me._timerInterval = interval;\n return me;\n };\n\n CTimer.prototype.stopTimer = function() {\n var me = this;\n me._isRunning = false;\n return me;\n };\n\n CTimer.prototype.startTimer = function() {\n var me = this;\n if (me._timerInterval > 0) {\n me._timerId = setTimeout(me._internalCallback, me._timerInterval);\n me._isRunning = true;\n\n }\n return me;\n };\n\n\n return CTimer;\n })();\n/**\n * end of CTimer class\n */\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\nmodule.exports = CTimer;\n"
},
{
"path": "src/utils/Inherit.js",
"content": "/**\n * Inheritance function\n *\n * @param subClass\n * @param baseClass\n */\nfunction inherit(subClass, baseClass) {\n\n function clazz() {\n }\n\n clazz.prototype = baseClass.prototype;\n subClass.prototype = new clazz();\n\n subClass.prototype.constructor = subClass;\n subClass.superConstructor = baseClass;\n subClass.superClass = baseClass.prototype;\n\n}\n\n/**\n * End of inheritance function\n */\n\n//+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-\n\nmodule.exports = inherit;"
},
{
"path": "src/utils/ObjectAssigner.js",
"content": "var _typeof =\n typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\n ? function (obj) {\n return typeof obj;\n }\n : function (obj) {\n return obj &&\n typeof Symbol === \"function\" &&\n obj.constructor === Symbol &&\n obj !== Symbol.prototype\n ? \"symbol\"\n : typeof obj;\n };\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\n\nfunction isObject(item) {\n return (\n item &&\n (typeof item === \"undefined\" ? \"undefined\" : _typeof(item)) === \"object\" &&\n !Array.isArray(item)\n );\n}\n\nfunction objectAssign(target) {\n for (\n var _len = arguments.length,\n sources = Array(_len > 1 ? _len - 1 : 0),\n _key = 1;\n _key < _len;\n _key++\n ) {\n sources[_key - 1] = arguments[_key];\n }\n\n if (!sources.length) return target;\n var source = sources.shift();\n\n if (isObject(target) && isObject(source)) {\n for (var key in source) {\n if (isObject(source[key])) {\n if (!target[key]) Object.assign(target, _defineProperty({}, key, {}));\n objectAssign(target[key], source[key]);\n } else {\n Object.assign(target, _defineProperty({}, key, source[key]));\n }\n }\n }\n return objectAssign.apply(undefined, [target].concat(sources));\n}\n\n\n\nmodule.exports.objectAssign = objectAssign;\n"
},
{
"path": "src/utils/WindowEventHelper.js",
"content": "'use strict';\n\nvar CSimpleLayoutAnimator = require('./CSimpleLayoutAnimator.js');\nvar CALIGN = require('../CCommon.js');\nvar mergeDeeply = require('merge-deeply');\nvar EventListenerHelper = require('event-listener-helper');\n\nfunction WindowEventHelper(model) {\n\n this.eventListenerHelper = new EventListenerHelper();\n this.windowMode = 'default';\n this.styleDisplay = 'flex';\n this.horizontalAlign = 'left';\n this.verticalAlign = 'top';\n\n this.keyListener = null;\n\n this.minimizeButton = null;\n this.maximizeButton = null;\n this.demaximizeButton = null;\n this.deminimizeButton = null;\n\n this.opts = model;\n\n this.isWindowManagerFixed = model.frame.jsFrame.isWindowManagerFixed;\n\n if (model.styleDisplay) {\n this.styleDisplay = model.styleDisplay;\n }\n if (model.minimizeButton) {\n this.minimizeButton = model.minimizeButton;\n }\n if (model.deminimizeButton) {\n this.deminimizeButton = model.deminimizeButton;\n }\n if (model.maximizeButton) {\n this.maximizeButton = model.maximizeButton;\n }\n if (model.demaximizeButton) {\n this.demaximizeButton = model.demaximizeButton;\n }\n\n if (model.hideButton) {\n this.hideButton = model.hideButton;\n }\n if (model.hideButtons) {\n this.hideButtons = model.hideButtons;\n }\n\n this.maximizeParam = model.maximizeParam;\n this.demaximizeParam = model.demaximizeParam;\n this.minimizeParam = model.minimizeParam;\n this.deminimizeParam = model.deminimizeParam;\n this.hideParam = model.hideParam;\n this.dehideParam = model.dehideParam;\n\n\n if (model.horizontalAlign) {\n this.horizontalAlign = model.horizontalAlign;\n }\n if (model.verticalAlign) {\n this.verticalAlign = model.verticalAlign;\n }\n\n\n this.animationEnabled = false;\n this.animationDuration = 100;\n this.frame = model.frame;\n this.hideFrameBorder = true;\n this.hideTitleBar = true;\n\n this.restoreKey = null;\n this.restoreDuration = null;\n this.restoreCallback = null;\n\n this.statsStore = {};\n\n if (model.animation) {\n this.animationEnabled = model.animation;\n }\n if (model.animationDuration) {\n this.animationDuration = model.animationDuration;\n }\n this.eventListeners = {};\n\n\n //If the user changes the window size when the window is maximized state,\n // adjust the size so that window looks maximized.\n this.resizeListener = this.handleOnResize.bind(this);\n\n if (this.maximizeParam && this.maximizeParam.matchParent) {\n this.resizeListener = this.handleOnVirtualResize.bind(this);\n }\n\n\n}\n\nWindowEventHelper.MATCH_PARENT_CHANGE_MARKER_ATTR = '__jsframe-mp-marker';\n\nWindowEventHelper.prototype.on = function(eventType, callback) {\n var me = this;\n me.eventListeners[eventType] = callback;\n};\n\n//---------------------------------------------------------------------------------------------------------------------\nWindowEventHelper.prototype.doMaximize = function(model) {\n var me = this;\n\n if (me.windowMode === 'hid') {\n throw Error('[JSrame] It is not possible to change directly from the hid state to the maximized state');\n return;\n }\n\n\n if (me.windowMode === 'maximized' || me.windowMode === 'maximizing') {\n // If it's already 'maximized' status, it doesn't do anything.\n return;\n }\n\n me.windowMode = 'maximizing';\n\n\n var frame = me.frame;\n\n if (model && model.matchParent) {\n // The div element does not issue the resize event. Furthermore,\n // div is specified as 100%, so style.width is always 100%.\n // So I want to get the clientWidth but I can't get it with mutationObserver.\n // Therefore, we adopt a mechanism to catch the parent window\n // resize event and change the attribute of the parent window content\n // by differentiation to catch it.\n var windowManager = frame.getWindowManager();\n var parentElement = windowManager.getParentElement();\n\n if (!me.matchParentResizeObserver) {\n var matchParentResizeObserver = new MutationObserver(function() {\n // console.log(\"on virtual resize\");\n me.resizeListener();\n });\n matchParentResizeObserver.observe(parentElement, {\n attributeFilter: [WindowEventHelper.MATCH_PARENT_CHANGE_MARKER_ATTR],\n attributes: true\n });\n me.matchParentResizeObserver = matchParentResizeObserver;\n }\n }\n //set onresize listener\n //window.addEventListener('resize', me.resizeListener);\n else if (!me.eventListenerHelper.hasEventListener(window, 'resize', 'window-resize-listener')) {\n me.eventListenerHelper.addEventListener(window, 'resize', me.resizeListener,\n { listenerName: 'window-resize-listener' });\n }\n\n //Remember the status of the window before maximizing the window size\n me.saveCurrentWindowStats('maximize_mode');\n\n me.hideTitleBar = model ? model.fullScreen : false;\n\n if (me.hideTitleBar) {\n\n //Hide only the currently visible FrameComponent\n //ウィンドウのモードを変更する前の今の状態で可視状態にあるフレームコンポーネント（閉じるボタン類）を不可視にする\n //(タイトルバー非表示の場合には最大化するときのアニメーションでフレームコンポーネントを見せないようにする)\n frame.hideAllVisibleFrameComponents();\n\n //またhideAllVisibleFrameComponentを実施するときに、個別のhideFrameComponentやshowFrameComponentを実行すると\n //管理ステートが破綻するため、タイトルバー非表示の場合はどうせ操作できないということもあり\n //hideFrameComponent や showFrameComponentは実行しない\n\n } else {\n\n //Process required for maximization\n if (me.maximizeButton) {\n frame.hideFrameComponent(me.maximizeButton);\n }\n if (me.demaximizeButton) {\n frame.showFrameComponent(me.demaximizeButton, me.styleDisplay);\n }\n }\n\n\n frame.setMovable(false);\n frame.setResizable(false);\n\n\n if (model && model.restoreKey) {\n me.restoreKey = model.restoreKey;\n }\n if (model && model.restoreDuration) {\n me.restoreDuration = model.restoreDuration;\n }\n if (model && model.restoreCallback) {\n me.restoreCallback = model.restoreCallback;\n }\n //Render maximization itself\n me.renderMaximizedMode({\n animation: me.animationEnabled,\n callback: (model && model.callback) ? model.callback : null, //set maximized finished callback\n duration: (model && model.duration) ? model.duration : null,\n matchParent: (model && model.matchParent) ? model.matchParent : false,\n });\n};\n\n\n/**\n * Render window as a maximized mode( full screen )\n */\nWindowEventHelper.prototype.renderMaximizedMode = function(model) {\n var me = this;\n var frame = me.frame;\n var from = me.loadWindowStats('maximize_mode');\n\n var _toX = 0;\n var _toY = 0;\n var _toWidth = 0;\n var _toHeight = 0;\n\n //compute position and size[begin]\n if (me.hideTitleBar) {\n _toX = 0;\n _toY = -from.titleBarHeight;\n }\n\n var parentWidth = window.innerWidth;\n var parentHeight = window.innerHeight;\n\n if (model.matchParent) {\n // If matchParent is specified\n // When maximizing, use the size of parentElement specified at initialization\n // ParentlElement is often used only for adjusting the display order.\n // Therefore, only if matchParent is specified, match the size of parentElement\n var windowManager = frame.getWindowManager();\n var parentElement = windowManager.getParentElement();\n parentWidth = parentElement.clientWidth;\n parentHeight = parentElement.clientHeight;\n }\n\n if (me.hideFrameBorder) {\n _toWidth = parentWidth;\n _toHeight = parentHeight + (me.hideTitleBar ? from.titleBarHeight : 0);\n } else {\n _toWidth = parentWidth - from.frameBorderWidthDefault * 2;\n _toHeight = parentHeight - from.frameBorderWidthDefault * 2 + (me.hideTitleBar ? from.titleBarHeight : 0);\n }\n //compute position and size[end]\n\n if (me.horizontalAlign == 'right') {\n _toX = -_toWidth;\n }\n if (me.verticalAlign == 'bottom') {\n _toY = -_toHeight;\n }\n\n\n //render position and size[begin]\n var funcDoRender = function(opt) {\n\n var disableCallback = opt && opt.disableCallback;\n\n frame.setPosition(_toX, _toY);\n\n if (me.hideFrameBorder) {\n frame.frameBorderWidthDefault = 0;\n frame.frameBorderWidthFocused = 0;\n frame.htmlElement.style.borderWidth = '0px';\n }\n frame.setSize(_toWidth, _toHeight, true);\n\n if (disableCallback) {\n return;\n }\n\n if (me.hideTitleBar) {\n // when full screen mode(means hidden title bar)\n\n if (me.restoreKey) {\n me.keyListener = function(event) {\n if (event.code === me.restoreKey) {\n me.doCommand('restore');\n }\n };\n }\n window.addEventListener('keydown', me.keyListener);\n\n //add keylistener for inside the iframe\n if (frame.iframe) {\n frame.iframe.contentWindow.addEventListener('keydown', me.keyListener);\n }\n }\n\n me.windowMode = 'maximized';\n\n\n if (model && model.callback) {\n model.callback(me.frame, { eventType: 'maximized' });\n }\n if (me.eventListeners['maximized']) {\n me.eventListeners['maximized'](me.frame, { eventType: 'maximized' });\n }\n\n };// end of funcDoRender\n\n\n if (model && model.animation) {\n\n\n me.animateFrame({\n frame: frame,\n from: from,\n to: {\n left: _toX,\n top: _toY,\n width: _toWidth,\n height: _toHeight\n },\n duration: model.duration ? model.duration : me.animationDuration,\n callback: funcDoRender\n });\n } else {\n if (model && model.caller === 'handleOnResize') {\n funcDoRender({ disableCallback: true });\n } else {\n funcDoRender();\n }\n }\n //render position and size[end]\n};\n\nWindowEventHelper.prototype.getWindowMode = function() {\n return this.windowMode;\n};\n/**\n * Restore window from maximized mode\n */\nWindowEventHelper.prototype.doDemaximize = function(model) {\n var me = this;\n var frame = me.frame;\n\n if (me.windowMode === 'hid') {\n //console.error('demaximize(=recovery from maximized) cannot be performed in hid state.');\n throw Error('[JSFrame] demaximize(=recovery from maximized) cannot be performed in hid state.');\n return;\n }\n\n if (!me.hasWindowStats('maximize_mode')) {\n return;\n }\n\n if (me.hideTitleBar) {\n\n } else {\n if (me.maximizeButton) {\n frame.showFrameComponent(me.maximizeButton, me.styleDisplay);\n }\n if (me.demaximizeButton) {\n frame.hideFrameComponent(me.demaximizeButton);\n }\n }\n\n me.restoreWindow({\n restorePosition: true,\n restoreMode: 'maximize_mode',\n animation: me.animationEnabled,\n callback: (model && model.callback) ? model.callback : null,\n forceShowFrameComponents: (me.animationEnabled && me.hideTitleBar),\n duration: (model && model.duration) ? model.duration : null,\n eventType: 'demaximized'\n });\n};\n\n\n/**\n * Called when changing the window size by user operation in maximized mode\n */\nWindowEventHelper.prototype.handleOnResize = function() {\n var me = this;\n me.renderMaximizedMode({\n caller: 'handleOnResize',\n //matchParent: true\n });\n};\nWindowEventHelper.prototype.handleOnVirtualResize = function() {\n var me = this;\n me.renderMaximizedMode({\n caller: 'handleOnResize',\n matchParent: true\n });\n};\n\n//---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Make window minimized mode\n */\nWindowEventHelper.prototype.doMinimize = function(model) {\n var me = this;\n\n if (me.windowMode === 'minimized' || me.windowMode === 'minimizing') {\n // If it's already 'minimized' status, it doesn't do anything.\n return;\n }\n\n me.windowMode = 'minimizing';\n\n\n var frame = me.frame;\n\n //Remember the stats of the window before maximizing the window\n me.saveCurrentWindowStats('minimize_mode');\n\n\n frame.setResizable(false);\n\n me.renderMinimizedMode({\n animation: me.animationEnabled,\n callback: (model && model.callback) ? model.callback : null,\n duration: (model && model.duration) ? model.duration : null,\n toWidth: (model && model.toWidth) ? model.toWidth : null,\n });\n};\n\n\n/**\n * Render window as minimized mode\n */\nWindowEventHelper.prototype.renderMinimizedMode = function(model) {\n var me = this;\n var frame = me.frame;\n var ri = me.loadWindowStats('minimize_mode');\n\n var from = me.getCurrentWindowStats();\n var to = me.getCurrentWindowStats();\n\n to.height = ri.titleBarHeight;\n if (model && model.toWidth) {\n to.width = model.toWidth\n }\n\n var funcDoRender = function() {\n var forceSetSize = true;\n frame.setSize(to.width, to.height, forceSetSize);\n\n me.windowMode = 'minimized';\n\n if (me.minimizeButton) {\n frame.hideFrameComponent(me.minimizeButton);\n }\n\n if (me.deminimizeButton) {\n frame.showFrameComponent(me.deminimizeButton, me.styleDisplay);\n }\n\n if (model.callback) {\n model.callback(me.frame, { eventType: 'minimized' });\n }\n if (me.eventListeners['minimized']) {\n me.eventListeners['minimized'](me.frame, { eventType: 'minimized' });\n }\n };\n\n if (model && model.animation) {\n me.animateFrame({\n toAlpha: 1.0,\n duration: model.duration ? model.duration : me.animationDuration,\n frame: frame,\n from: from,\n to: to,\n callback: funcDoRender\n });\n } else {\n funcDoRender();\n }\n\n\n};\n\n\n/**\n * Restore window from minimized mode\n */\nWindowEventHelper.prototype.doDeminimize = function(model) {\n var me = this;\n\n var frame = me.frame;\n\n if (!me.hasWindowStats('minimize_mode')) {\n return;\n }\n\n if (me.minimizeButton) {\n frame.showFrameComponent(me.minimizeButton, me.styleDisplay);\n }\n if (me.deminimizeButton) {\n frame.hideFrameComponent(me.deminimizeButton);\n }\n\n me.restoreWindow(\n {\n restorePosition: false,\n restoreMode: 'minimize_mode',\n animation: me.animationEnabled,\n duration: (model && model.duration) ? model.duration : null,\n callback: (model && model.callback) ? model.callback : null,\n eventType: 'deminimized'\n });\n};\n\n//---------------------------------------------------------------------------------------------------------------------\n/**\n * Make window hidden mode\n */\nWindowEventHelper.prototype.doHide = function(model) {\n\n var me = this;\n\n if (me.windowMode === 'hid' || me.windowMode === 'hiding') {\n // If it's already 'hid' status, it doesn't do anything.\n return;\n }\n\n me.windowMode = 'hiding';\n\n var frame = me.frame;\n\n //Remember the stats of the window before maximizing the window\n me.saveCurrentWindowStats('hide_mode');\n\n\n frame.setResizable(false);\n\n\n var arg = {\n// silent: model.silent,\n animation: me.animationEnabled,\n // duration: (model && model.duration) ? model.duration : null,\n // callback: (model && model.callback) ? model.callback : null,\n // align: (model && model.align) ? model.align : null,\n // offset: (model && model.align) ? model.offset : null,\n };\n if (model) {\n mergeDeeply({ op: 'overwrite-merge', object1: arg, object2: model });\n }\n me.renderHideMode(arg);\n};\n\n\n/**\n * Render window as hidden mode\n */\nWindowEventHelper.prototype.renderHideMode = function(model) {\n var me = this;\n var frame = me.frame;\n var ri = me.loadWindowStats('hide_mode');\n\n var from = me.getCurrentWindowStats();\n\n var offset = { x: 0, y: 0 };\n var toElement = model.toElement;\n\n if (model.offset) {\n offset = model.offset;\n }\n\n var left = 0;\n var top = 0;\n {\n var align = (model && model.align) ? model.align : 'LEFT_TOP';\n\n\n if (!align || CALIGN.LEFT_TOP == align) {\n left = from.left;\n top = from.top;\n } else if (CALIGN.HCENTER_TOP == align) {\n left = from.left + from.width / 2;\n top = from.top;\n } else if (CALIGN.RIGHT_TOP == align) {\n left = from.left + from.width;\n top = from.top;\n } else if (CALIGN.LEFT_VCENTER == align) {\n left = from.left;\n top = from.top + from.height / 2;\n } else if (CALIGN.HCENTER_VCENTER == align) {\n left = from.left + from.width / 2;\n top = from.top + from.height / 2;\n } else if (CALIGN.RIGHT_VCENTER == align) {\n left = from.left + from.width;\n top = from.top + from.height / 2;\n } else if (CALIGN.LEFT_BOTTOM == align) {\n left = from.left;\n top = from.top + from.height;\n } else if (CALIGN.HCENTER_BOTTOM == align) {\n left = from.left + from.width / 2;\n top = from.top + from.height;\n } else if (CALIGN.RIGHT_BOTTOM == align) {\n left = from.left + from.width;\n top = from.top + from.height;\n\n } else if ('ABSOLUTE' == align) {\n if (toElement) {\n var elementRect = toElement.getBoundingClientRect();\n if (me.isWindowManagerFixed) {\n left = elementRect.left;\n top = elementRect.top;\n } else {\n left = elementRect.left + window.pageXOffset;\n top = elementRect.top + window.pageYOffset;\n }\n } else {\n left = offset.x;\n top = offset.y;\n }\n }\n\n }\n\n var to = {\n left: left,\n top: top,\n width: 0,\n //minimum height must be titleBarHeight\n height: ri.titleBarHeight\n };\n\n var funcDoRender = function() {\n var forceSetSize = true;\n frame.setSize(to.width, to.height, forceSetSize);\n //frame.hide();\n\n me.windowMode = 'hid';\n\n if (model && model.callback) {\n model.callback(me.frame, { eventType: 'hid' });\n }\n if (me.eventListeners['hid']) {\n me.eventListeners['hid'](me.frame, { eventType: 'hid' });\n }\n };\n\n //Hide only the currently visible FrameComponent\n frame.hideAllVisibleFrameComponents();\n\n if (model && model.animation) {\n me.animateFrame({\n fromAlpha: model.silent ? 0 : 1.0,\n toAlpha: 0,\n ease: true,\n duration: model.duration ? model.duration : me.animationDuration,\n frame: frame,\n from: from,\n to: to,\n callback: funcDoRender\n });\n } else {\n funcDoRender();\n }\n\n\n};\n\n\n/**\n * Restore window from hided mode\n */\nWindowEventHelper.prototype.doDehide = function(model) {\n var me = this;\n var frame = me.frame;\n\n if (!me.hasWindowStats('hide_mode')) {\n return;\n }\n\n me.restoreWindow(\n {\n duration: (model && model.duration) ? model.duration : null,\n restorePosition: true,\n restoreMode: 'hide_mode',\n animation: me.animationEnabled,\n forceShowFrameComponents: true,\n callback: (model && model.callback) ? model.callback : null,\n eventType: 'dehided'\n });\n};\n//---------------------------------------------------------------------------------------------------------------------\nWindowEventHelper.prototype.loadWindowStats = function(storeKeyName) {\n var me = this;\n return me.statsStore[storeKeyName];\n};\n\n\n/**\n * Remember the status of the window before maximizing or minimizing the window size\n * @param storeKeyName\n * @returns {boolean} Returns true if the status of the window has been updated or is a new status.\n * Returns false if the status has not been updated.\n */\nWindowEventHelper.prototype.saveCurrentWindowStats = function(storeKeyName) {\n var me = this;\n\n var crrWindowStats = me.getCurrentWindowStats();\n\n if (me.hasWindowStats(storeKeyName)) {\n\n var storedStats = me.loadWindowStats(storeKeyName);\n var isWindowStatsUpdated = !me.windowStatsEquals(crrWindowStats, storedStats);\n\n if (isWindowStatsUpdated) {\n me.statsStore[storeKeyName] = crrWindowStats;\n }\n\n return isWindowStatsUpdated;\n\n } else {\n me.statsStore[storeKeyName] = crrWindowStats;\n return true;\n }\n\n\n};\n\nWindowEventHelper.prototype.windowStatsEquals = function(windowStats1, windowStats2) {\n\n if (windowStats1 && windowStats2) {\n var result = JSON.stringify(windowStats1) === JSON.stringify(windowStats2);\n return result;\n } else {\n return false;\n }\n\n};\n\nWindowEventHelper.prototype.clearWindowStats = function(storeKeyName) {\n var me = this;\n me.statsStore[storeKeyName] = null;\n};\n\nWindowEventHelper.prototype.hasWindowStats = function(storeKeyName) {\n var me = this;\n return me.statsStore[storeKeyName];\n};\n\nWindowEventHelper.prototype.getCurrentWindowStats = function() {\n var me = this;\n var frame = me.frame;\n\n //Acquire window's stats\n var __titleBarHeight = parseInt(frame.titleBar.style.height, 10);\n var __frameBorderWidthDefault = frame.frameBorderWidthDefault;// parseInt(frame.htmlElement.style.borderWidth, 10);\n var __frameBorderWidthFocused = frame.frameBorderWidthFocused;\n var __left = frame.getLeft();\n var __top = frame.getTop();\n var __width = frame.getWidth();\n var __height = frame.getHeight();\n var __resizable = frame.resizable;\n var __movable = frame.movable;\n\n\n return {\n left: __left,\n top: __top,\n width: __width,\n height: __height,\n titleBarHeight: __titleBarHeight,\n frameBorderWidthDefault: __frameBorderWidthDefault,\n frameBorderWidthFocused: __frameBorderWidthFocused,\n resizable: __resizable,\n movable: __movable,\n };\n};\n\n\n/**\n * Restore the state of the window\n * @param model\n */\nWindowEventHelper.prototype.restoreWindow = function(model) {\n var me = this;\n var frame = me.frame;\n var to = me.loadWindowStats(model.restoreMode);\n //現在の状態を一時保存する\n //me.saveCurrentWindowStats('temp');\n var crr = me.getCurrentWindowStats();//loadWindowStats('temp');\n\n\n //以下の3つは、ボーダーを太さを変更するためのものだが\n // funcDoRender内で処理してしまうとアニメーション中にはボーダーが描かれなくなる\n //アニメーション中にはボーダーは復活していたほうが自然なのでfuncDoRender外で実行する\n frame.frameBorderWidthDefault = to.frameBorderWidthDefault;\n frame.frameBorderWidthFocused = to.frameBorderWidthFocused;\n frame.htmlElement.style.borderWidth = frame.frameBorderWidthFocused;\n\n var funcDoRender = function() {\n\n\n if (model && model.restorePosition == false) {\n //位置の移動を伴わない場合（最小化から戻すときなど)\n to.left = crr.left;\n to.top = crr.top;\n }\n\n frame.setPosition(to.left, to.top);\n\n var force = true;\n frame.setSize(to.width, to.height, force);\n\n frame.setResizable(to.resizable);\n frame.setMovable(to.movable);\n\n me.clearWindowStats(model.restoreMode);\n\n if (me.keyListener) {\n //タイトルバー無し最大化状態から戻すためのキーリスナーは削除する\n\n window.removeEventListener('keydown', me.keyListener);\n if (frame.iframe) {\n frame.iframe.contentWindow.removeEventListener('keydown', me.keyListener);\n }\n me.keyListener = null;\n }\n\n me.windowMode = 'default';\n\n if (model && model.forceShowFrameComponents) {\n //ウィンドウのモード変更前に可視状態にあったフレームコンポーネント（閉じるボタン類）を可視状態にする\n frame.showAllVisibleFrameComponents();\n }\n\n frame.show();\n\n var eventType = 'restored';\n if (model && model.eventType) {\n eventType = model.eventType;\n }\n\n if (model && model.callback) {\n model.callback(\n me.frame, { eventType: eventType });\n }\n if (me.eventListeners[eventType]) {\n me.eventListeners[eventType](me.frame, { eventType: eventType });\n }\n };\n\n\n if (model && model.animation) {\n me.animateFrame({\n duration: model.duration ? model.duration : me.animationDuration,\n frame: frame,\n fromAlpha: 0,\n toAlpha: 1,\n from: crr,\n to: to,\n callback: funcDoRender\n });\n } else {\n\n funcDoRender();\n }\n\n //window.removeEventListener('resize', me.resizeListener);\n me.eventListenerHelper.removeEventListener(window, 'resize', me.resizeListener);\n if (me.matchParentResizeObserver) {\n me.matchParentResizeObserver.disconnect();\n me.matchParentResizeObserver = null;\n }\n\n};\n\n\nWindowEventHelper.prototype.animateFrame = function(model) {\n var me = this;\n var needRequestFocusAfterAnimation = false;\n\n\n var fromAlpha = !isNaN(model.fromAlpha) ? model.fromAlpha : 1.0;\n\n var from = model.from;\n var to = model.to;\n\n var animator = new CSimpleLayoutAnimator();\n\n animator.set(model.frame)\n .setDuration(model.duration ? model.duration : me.animationDuration)\n .fromPosition(from.left, from.top, 'LEFT_TOP')\n .toPosition(to.left, to.top, 'LEFT_TOP')\n .fromWidth(from.width)\n .fromHeight(from.height)\n .toWidth(to.width)\n .toHeight(to.height)\n .fromAlpha(fromAlpha)\n .toAlpha((model.toAlpha == 0) ? 0 : 1.0)\n .ease(model.ease)\n .start(0, needRequestFocusAfterAnimation)\n .then(function(animatorObj) {\n model['callback']();\n });\n};\n\n/**\n * Perform complex windowing with simple commands\n * @param cmd\n * @param opt\n */\nWindowEventHelper.prototype.doCommand = function(cmd, opt) {\n var me = this;\n\n\n if (cmd === 'maximize') {\n me._defaultFunctionMaximize(me.frame);\n }\n if (cmd === 'demaximize') {\n me._defaultFunctionDemaximize(me.frame);\n }\n if (cmd === 'restore') {\n me._defaultFunctionRestoreFromFullscreen(me.frame)\n }\n if (cmd === 'minimize') {\n me._defaultFunctionMinimize(me.frame);\n }\n if (cmd === 'deminimize') {\n me._defaultFunctionDeminimize(me.frame);\n }\n if (cmd === 'hide') {\n me._defaultFunctionHide(me.frame);\n }\n if (cmd === 'dehide') {\n me._defaultFunctionDehide(me.frame);\n }\n}\n\nWindowEventHelper.prototype._defaultFunctionMaximize = function(_frame, evt) {\n var me = this;\n var model = me.opts;\n\n var param = {\n // DEPRECATED: maximizeWithoutTitleBar is deprecated\n // USE maximizeParam.fullScreen\n fullScreen: (model.maximizeWithoutTitleBar === true) ? true : false,\n\n // DEPRECATED: model.restoreKey is deprecated\n // USE maximizeParam.restoreKey\n\n // If you want to use the key input instead of the title bar,\n // you can specify the key because it is not possible\n // to recover with the button when hiding the title bar.\n restoreKey: model.restoreKey ? model.restoreKey : 'Escape',\n\n // DEPRECATED: model.restoreDuration is deprecated\n // USE maximizeParam.restoreDuration\n restoreDuration: model.restoreDuration,\n };\n\n if (this.maximizeParam) {\n // write maximizeParam into param\n mergeDeeply({ op: 'overwrite-merge', object1: param, object2: this.maximizeParam });\n }\n\n //ウィンドウを最大化する\n _frame.control.doMaximize(param);\n};\n\nWindowEventHelper.prototype._defaultFunctionDemaximize = function(_frame, evt) {\n _frame.control.doDemaximize(\n {});\n};\n\nWindowEventHelper.prototype._defaultFunctionRestoreFromFullscreen = function(_frame, evt) {\n var me = this;\n _frame.control.doDemaximize({\n duration: me.restoreDuration ? me.restoreDuration : null,\n callback: me.restoreCallback ? me.restoreCallback : null\n });\n};\n\nWindowEventHelper.prototype._defaultFunctionMinimize = function(_frame, evt) {\n\n //'minimizeButton'が押されたときに、最小化したい場合\n _frame.control.doMinimize(this.minimizeParam);\n\n};\n\nWindowEventHelper.prototype._defaultFunctionDeminimize = function(_frame, evt) {\n _frame.control.doDeminimize(this.deminimizeParam);\n};\n\nWindowEventHelper.prototype._defaultFunctionHide = function(_frame, evt) {\n\n var param = {\n align: 'CENTER_BOTTOM'\n };\n if (this.hideParam) {\n param = this.hideParam;\n }\n _frame.control.doHide(param);\n\n};\n\nWindowEventHelper.prototype._defaultFunctionDehide = function(_frame, evt) {\n var me = this;\n _frame.control.doDehide(me.dehideParam);\n};\n\nWindowEventHelper.prototype.setupDefaultEvents = function() {\n var me = this;\n\n if (me.maximizeButton) {\n //イベントはオーバーライドされる\n me.frame.on(me.maximizeButton, 'click', me._defaultFunctionMaximize.bind(me));\n }\n\n if (me.demaximizeButton) {\n me.frame.on(me.demaximizeButton, 'click', me._defaultFunctionDemaximize.bind(me));\n }\n\n if (me.minimizeButton) {\n me.frame.on(me.minimizeButton, 'click', me._defaultFunctionMinimize.bind(me));\n }\n\n if (me.deminimizeButton) {\n me.frame.on(me.deminimizeButton, 'click', me._defaultFunctionDeminimize.bind(me));\n }\n\n if (me.hideButton) {\n me.frame.on(me.hideButton, 'click', me._defaultFunctionHide.bind(me));\n }\n\n if (me.hideButtons) {\n for (var key in me.hideButtons) {\n var hideButton = me.hideButtons[key];\n if (hideButton) {\n me.frame.on(hideButton, 'click', me._defaultFunctionHide.bind(me));\n }\n }\n }\n\n};\n\nmodule.exports = WindowEventHelper;\n"
},
{
"path": "webpack.config.js",
"content": "const packageJson = require('./package.json');\nconst version = packageJson.version;\nconst path = require(\"path\");\nconst TerserPlugin = require('terser-webpack-plugin');\nconst webpack = require('webpack');\n\nmodule.exports = (env, argv) => {\n\n const conf = {\n mode: 'development',//production,development\n devServer: {\n port: 8080,\n open: {\n target: [\"index.html\"],\n },\n allowedHosts: \"all\",\n static:\n [\n {\n directory: path.join(__dirname, `public`),\n publicPath: \"/\",\n serveIndex: false,\n watch: true,\n },\n ],\n },\n entry: {\n jsframe: './src/index.js',\n },\n output: {\n path: path.join(__dirname, \"lib\"),\n filename: argv.mode === 'production' ? `[name].min.js` : `[name].js`,\n libraryTarget: 'umd'\n },\n optimization: {\n minimizer: [new TerserPlugin({\n //extractComments: true,\n //cache: true,\n //parallel: true,\n //sourceMap: true,\n terserOptions: {\n compress: {\n drop_console: true,\n },\n }\n\n })],\n },\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: [\n {loader: \"style-loader\"},\n {loader: \"css-loader\"}\n ]\n },\n ],\n },\n plugins: [\n new webpack.BannerPlugin(`[name] v${version} Copyright (c) 2007-2020 Tom Misawa`)\n ]\n };\n\n if (argv.mode !== 'production') {\n conf.devtool = 'inline-source-map';\n }\n\n return conf;\n};\n\n"
}
]