has no method 'set'\nLine: undefined\nTypeError: Object has no method 'set'\n at Text. (eval at (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:15098:60))\n at Text. (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:15098:55)\n at Text.boundEval (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:15099:32)\n at Text.tryBoundEval (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:15102:27)\n at Text.evalSelection (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:15085:27)\n at Text.doDoit (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:14278:31)\n at Text.processCommandKeys (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:14204:30)\n at Text.onKeyDown (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:14100:31)\n at EventHandler.handleEvent (generated/combinedModules.js?23dc9d6729d0c4ea52294727e81ab8c8:20136:63)\n at HTMLDivElement.bound (lively/bootstrap.js:813:37)","__layered_draggingEnabled__":true,"_Scale":1,"renderContextTable":{"__isSmartRef__":true,"id":2123},"eventHandler":{"__isSmartRef__":true,"id":2124},"eventStartPos":{"__isSmartRef__":true,"id":2125},"worldMenuOpened":true,"prevScroll":[0,0],"attributeConnections":[{"__isSmartRef__":true,"id":2126}],"doNotSerialize":["$$savedWorldAsURL"],"doNotCopyProperties":["$$savedWorldAsURL"],"savedWorldAsURL":{"__isSmartRef__":true,"id":2131},"draggingEnabled":true,"clickedOnMorphTime":1342026606561,"_ClipMode":"visible","loadingMorph":{"__isSmartRef__":true,"id":2132},"__LivelyClassName__":"lively.morphic.World"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2},{"__isSmartRef__":true,"id":133},{"__isSmartRef__":true,"id":1062}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1097},"derivationIds":["A6996304-C96A-490A-8ED6-665F1FF030BF"],"id":"2BD6FC0F-5EB8-4480-BAC4-524E42D0C911","renderContextTable":{"__isSmartRef__":true,"id":1101},"eventHandler":{"__isSmartRef__":true,"id":1102},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"draggingEnabled":true,"layout":{"__isSmartRef__":true,"id":1103},"LK2":true,"_Position":{"__isSmartRef__":true,"id":1104},"priorExtent":{"__isSmartRef__":true,"id":1105},"targetMorph":{"__isSmartRef__":true,"id":133},"reframeHandle":{"__isSmartRef__":true,"id":1062},"titleBar":{"__isSmartRef__":true,"id":2},"contentOffset":{"__isSmartRef__":true,"id":1061},"collapsedTransform":null,"collapsedExtent":null,"expandedTransform":null,"expandedExtent":null,"ignoreEventsOnExpand":false,"highlighted":false,"prevDragPos":{"__isSmartRef__":true,"id":1106},"isBeingDragged":false,"showsHalos":false,"__SourceModuleName__":"Global.lively.morphic.Widgets","name":"Window","owner":{"__isSmartRef__":true,"id":0},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Window","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"2":{"submorphs":[{"__isSmartRef__":true,"id":3},{"__isSmartRef__":true,"id":18},{"__isSmartRef__":true,"id":54},{"__isSmartRef__":true,"id":85}],"scripts":[],"shape":{"__isSmartRef__":true,"id":117},"derivationIds":["C230D5FC-D9A1-49FA-B151-EB7B44603B8A"],"id":"7590D74A-F916-4895-82B5-D740A6963985","renderContextTable":{"__isSmartRef__":true,"id":128},"eventHandler":{"__isSmartRef__":true,"id":129},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":130},"_Position":{"__isSmartRef__":true,"id":131},"windowMorph":{"__isSmartRef__":true,"id":1},"label":{"__isSmartRef__":true,"id":3},"closeButton":{"__isSmartRef__":true,"id":18},"menuButton":{"__isSmartRef__":true,"id":54},"collapseButton":{"__isSmartRef__":true,"id":85},"priorExtent":{"__isSmartRef__":true,"id":132},"owner":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Widgets","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.TitleBar"},"3":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4},"derivationIds":["022A427A-152B-4A2A-94FA-87430177B3F4"],"id":"5B7F5122-AC11-4721-BC36-AA7812EECC77","renderContextTable":{"__isSmartRef__":true,"id":10},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":11}],"eventHandler":{"__isSmartRef__":true,"id":13},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"isLabel":true,"_HandStyle":"default","layout":{"__isSmartRef__":true,"id":14},"_TextColor":{"__isSmartRef__":true,"id":15},"_Align":"center","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":2},"_Position":{"__isSmartRef__":true,"id":16},"priorExtent":{"__isSmartRef__":true,"id":17},"_MaxTextWidth":851,"_MinTextWidth":851,"_MaxTextHeight":null,"_MinTextHeight":null,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"4":{"_Position":{"__isSmartRef__":true,"id":5},"renderContextTable":{"__isSmartRef__":true,"id":6},"_Extent":{"__isSmartRef__":true,"id":7},"_Padding":{"__isSmartRef__":true,"id":8},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":9},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-022a427a-152b-4a2a-94fa-87430177b3f4","_BorderRadius":0,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"5":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"6":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"7":{"x":851,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"8":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"9":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"10":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"11":{"style":{"__isSmartRef__":true,"id":12},"chunkOwner":{"__isSmartRef__":true,"id":3},"_id":"_318","storedString":"HTML.js","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"12":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","fontWeight":"normal","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"13":{"morph":{"__isSmartRef__":true,"id":3},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"14":{"resizeWidth":true},"15":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"16":{"x":20,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"17":{"x":851,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"18":{"submorphs":[{"__isSmartRef__":true,"id":19}],"scripts":[],"shape":{"__isSmartRef__":true,"id":30},"derivationIds":["EC0828B7-2989-4AAD-BEE8-20EEA79D25BC"],"id":"76DDF065-01A7-4A12-BD01-F3C49BE9D607","renderContextTable":{"__isSmartRef__":true,"id":45},"eventHandler":{"__isSmartRef__":true,"id":46},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":47},"priorExtent":{"__isSmartRef__":true,"id":48},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":19},"owner":{"__isSmartRef__":true,"id":2},"layout":{"__isSmartRef__":true,"id":49},"attributeConnections":[{"__isSmartRef__":true,"id":50},{"__isSmartRef__":true,"id":52}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","__LivelyClassName__":"lively.morphic.WindowControl"},"19":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":20},"derivationIds":["82954D0F-2014-40B3-B94F-46C8BBDB0BA5"],"id":"16462B43-47D2-405E-A616-FCB4FCF9629D","renderContextTable":{"__isSmartRef__":true,"id":25},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":26}],"eventHandler":{"__isSmartRef__":true,"id":28},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":18},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":29},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"20":{"_Position":{"__isSmartRef__":true,"id":21},"renderContextTable":{"__isSmartRef__":true,"id":22},"_Extent":{"__isSmartRef__":true,"id":23},"_Padding":{"__isSmartRef__":true,"id":24},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":9},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-82954d0f-2014-40b3-b94f-46c8bbdb0ba5","__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"21":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"22":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"23":{"x":15,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"24":{"x":4,"y":2,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"25":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"26":{"style":{"__isSmartRef__":true,"id":27},"chunkOwner":{"__isSmartRef__":true,"id":19},"_id":"_119","storedString":"X","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextChunk"},"27":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"28":{"morph":{"__isSmartRef__":true,"id":19},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"29":{"x":15,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"30":{"_Position":{"__isSmartRef__":true,"id":31},"renderContextTable":{"__isSmartRef__":true,"id":32},"_Extent":{"__isSmartRef__":true,"id":33},"_Padding":{"__isSmartRef__":true,"id":34},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":35},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-ec0828b7-2989-4aad-bee8-20eea79d25bc","_Fill":{"__isSmartRef__":true,"id":36},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"31":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"32":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"33":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"34":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"35":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"36":{"stops":[{"__isSmartRef__":true,"id":37},{"__isSmartRef__":true,"id":39},{"__isSmartRef__":true,"id":41},{"__isSmartRef__":true,"id":42}],"vector":{"__isSmartRef__":true,"id":44},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"37":{"offset":0,"color":{"__isSmartRef__":true,"id":38}},"38":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"39":{"offset":0.3,"color":{"__isSmartRef__":true,"id":40}},"40":{"r":0.8666666666666667,"g":0.8666666666666667,"b":0.8666666666666667,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"41":{"offset":0.7,"color":{"__isSmartRef__":true,"id":40}},"42":{"offset":1,"color":{"__isSmartRef__":true,"id":43}},"43":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"44":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"45":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"46":{"morph":{"__isSmartRef__":true,"id":18},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"47":{"x":890,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"48":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"49":{"moveHorizontal":true},"50":{"sourceObj":{"__isSmartRef__":true,"id":18},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"getCloseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":51},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"51":{"source":{"__isSmartRef__":true,"id":18},"target":{"__isSmartRef__":true,"id":1}},"52":{"sourceObj":{"__isSmartRef__":true,"id":18},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"initiateShutdown","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":53},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"53":{"source":{"__isSmartRef__":true,"id":18},"target":{"__isSmartRef__":true,"id":1}},"54":{"submorphs":[{"__isSmartRef__":true,"id":55}],"scripts":[],"shape":{"__isSmartRef__":true,"id":65},"derivationIds":["3AA88C0C-1F7E-423A-9BD9-4A01E4A82ECB"],"id":"C0746C69-B0D4-4F2F-B69F-8A652B96B6C4","renderContextTable":{"__isSmartRef__":true,"id":77},"eventHandler":{"__isSmartRef__":true,"id":78},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":79},"priorExtent":{"__isSmartRef__":true,"id":80},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":55},"owner":{"__isSmartRef__":true,"id":2},"attributeConnections":[{"__isSmartRef__":true,"id":81},{"__isSmartRef__":true,"id":83}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"isPressed":false,"__SourceModuleName__":"Global.lively.morphic.Widgets","__LivelyClassName__":"lively.morphic.WindowControl"},"55":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":56},"derivationIds":["A03E951E-7E91-4304-A8DE-D5FD6EB32F3C"],"id":"036B1160-E4BF-40B3-B61F-078125CA65EC","renderContextTable":{"__isSmartRef__":true,"id":60},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":61}],"eventHandler":{"__isSmartRef__":true,"id":63},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":54},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":64},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"_TextColor":{"__isSmartRef__":true,"id":9},"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"56":{"_Position":{"__isSmartRef__":true,"id":57},"renderContextTable":{"__isSmartRef__":true,"id":58},"_Extent":{"__isSmartRef__":true,"id":59},"_Padding":{"__isSmartRef__":true,"id":24},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":9},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-a03e951e-7e91-4304-a8de-d5fd6eb32f3c","__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"57":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"58":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"59":{"x":16,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"60":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"61":{"style":{"__isSmartRef__":true,"id":62},"chunkOwner":{"__isSmartRef__":true,"id":55},"_id":"_121","storedString":"M","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextChunk"},"62":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"63":{"morph":{"__isSmartRef__":true,"id":55},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"64":{"x":16,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"65":{"_Position":{"__isSmartRef__":true,"id":66},"renderContextTable":{"__isSmartRef__":true,"id":67},"_Extent":{"__isSmartRef__":true,"id":68},"_Padding":{"__isSmartRef__":true,"id":69},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":35},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-3aa88c0c-1f7e-423a-9bd9-4a01e4a82ecb","_Fill":{"__isSmartRef__":true,"id":70},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"66":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"67":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"68":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"69":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"70":{"stops":[{"__isSmartRef__":true,"id":71},{"__isSmartRef__":true,"id":73},{"__isSmartRef__":true,"id":74},{"__isSmartRef__":true,"id":75}],"vector":{"__isSmartRef__":true,"id":44},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"71":{"offset":0,"color":{"__isSmartRef__":true,"id":72}},"72":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"73":{"offset":0.3,"color":{"__isSmartRef__":true,"id":40}},"74":{"offset":0.7,"color":{"__isSmartRef__":true,"id":40}},"75":{"offset":1,"color":{"__isSmartRef__":true,"id":76}},"76":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"77":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"78":{"morph":{"__isSmartRef__":true,"id":54},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"79":{"x":3,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"80":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"81":{"sourceObj":{"__isSmartRef__":true,"id":54},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"getMenuHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":82},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"82":{"source":{"__isSmartRef__":true,"id":54},"target":{"__isSmartRef__":true,"id":1}},"83":{"sourceObj":{"__isSmartRef__":true,"id":54},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"showTargetMorphMenu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":84},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"84":{"source":{"__isSmartRef__":true,"id":54},"target":{"__isSmartRef__":true,"id":1}},"85":{"submorphs":[{"__isSmartRef__":true,"id":86}],"scripts":[],"shape":{"__isSmartRef__":true,"id":96},"derivationIds":["5BD2099D-4F0B-44C3-A247-0E397BD28B75"],"id":"9AB7487D-A39F-475C-AABD-CBBDC0776E01","renderContextTable":{"__isSmartRef__":true,"id":108},"eventHandler":{"__isSmartRef__":true,"id":109},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":110},"priorExtent":{"__isSmartRef__":true,"id":111},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":86},"owner":{"__isSmartRef__":true,"id":2},"layout":{"__isSmartRef__":true,"id":112},"attributeConnections":[{"__isSmartRef__":true,"id":113},{"__isSmartRef__":true,"id":115}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","__LivelyClassName__":"lively.morphic.WindowControl"},"86":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":87},"derivationIds":["E87FB332-AF65-49C5-89AE-54FBEEDBBB44"],"id":"78FC248D-81F7-46D4-8C46-E4B02026084E","renderContextTable":{"__isSmartRef__":true,"id":91},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":92}],"eventHandler":{"__isSmartRef__":true,"id":94},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":85},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":95},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"87":{"_Position":{"__isSmartRef__":true,"id":88},"renderContextTable":{"__isSmartRef__":true,"id":89},"_Extent":{"__isSmartRef__":true,"id":90},"_Padding":{"__isSmartRef__":true,"id":24},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":9},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-e87fb332-af65-49c5-89ae-54fbeedbbb44","__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"88":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"89":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"90":{"x":14,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"91":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"92":{"style":{"__isSmartRef__":true,"id":93},"chunkOwner":{"__isSmartRef__":true,"id":86},"_id":"_123","storedString":"–","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextChunk"},"93":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"94":{"morph":{"__isSmartRef__":true,"id":86},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"95":{"x":14,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"96":{"_Position":{"__isSmartRef__":true,"id":97},"renderContextTable":{"__isSmartRef__":true,"id":98},"_Extent":{"__isSmartRef__":true,"id":99},"_Padding":{"__isSmartRef__":true,"id":100},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":35},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-5bd2099d-4f0b-44c3-a247-0e397bd28b75","_Fill":{"__isSmartRef__":true,"id":101},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"97":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"98":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"99":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"100":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"101":{"stops":[{"__isSmartRef__":true,"id":102},{"__isSmartRef__":true,"id":104},{"__isSmartRef__":true,"id":105},{"__isSmartRef__":true,"id":106}],"vector":{"__isSmartRef__":true,"id":44},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"102":{"offset":0,"color":{"__isSmartRef__":true,"id":103}},"103":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"104":{"offset":0.3,"color":{"__isSmartRef__":true,"id":40}},"105":{"offset":0.7,"color":{"__isSmartRef__":true,"id":40}},"106":{"offset":1,"color":{"__isSmartRef__":true,"id":107}},"107":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"108":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"109":{"morph":{"__isSmartRef__":true,"id":85},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"110":{"x":871,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"111":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"112":{"moveHorizontal":true},"113":{"sourceObj":{"__isSmartRef__":true,"id":85},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"getCollapseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":114},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"114":{"source":{"__isSmartRef__":true,"id":85},"target":{"__isSmartRef__":true,"id":1}},"115":{"sourceObj":{"__isSmartRef__":true,"id":85},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"toggleCollapse","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":116},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"116":{"source":{"__isSmartRef__":true,"id":85},"target":{"__isSmartRef__":true,"id":1}},"117":{"_Position":{"__isSmartRef__":true,"id":118},"renderContextTable":{"__isSmartRef__":true,"id":119},"_Extent":{"__isSmartRef__":true,"id":120},"_Padding":{"__isSmartRef__":true,"id":121},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":15},"_Fill":{"__isSmartRef__":true,"id":122},"_StrokeOpacity":1,"_BorderRadius":"8px 8px 0px 0px","_NodeClass":["morph","box","titlebar"],"_NodeId":"morph-c230d5fc-d9a1-49fa-b151-eb7b44603b8a","__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"118":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"119":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"120":{"x":910,"y":22,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"121":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"122":{"stops":[{"__isSmartRef__":true,"id":123},{"__isSmartRef__":true,"id":125}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"123":{"offset":0,"color":{"__isSmartRef__":true,"id":124}},"124":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"125":{"offset":1,"color":{"__isSmartRef__":true,"id":126}},"126":{"r":0.6400000000000001,"g":0.6400000000000001,"b":0.6400000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"127":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"128":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"129":{"morph":{"__isSmartRef__":true,"id":2},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"130":{"resizeWidth":true,"adjustForNewBounds":true},"131":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"132":{"x":910,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"133":{"submorphs":[{"__isSmartRef__":true,"id":134},{"__isSmartRef__":true,"id":974},{"__isSmartRef__":true,"id":1004},{"__isSmartRef__":true,"id":384},{"__isSmartRef__":true,"id":801},{"__isSmartRef__":true,"id":876},{"__isSmartRef__":true,"id":913},{"__isSmartRef__":true,"id":1034},{"__isSmartRef__":true,"id":950},{"__isSmartRef__":true,"id":151},{"__isSmartRef__":true,"id":185},{"__isSmartRef__":true,"id":217},{"__isSmartRef__":true,"id":249},{"__isSmartRef__":true,"id":281},{"__isSmartRef__":true,"id":313},{"__isSmartRef__":true,"id":345}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1052},"derivationIds":[],"id":"0468BB32-8339-4456-BE77-6BC305E60E5E","renderContextTable":{"__isSmartRef__":true,"id":1058},"eventHandler":{"__isSmartRef__":true,"id":1059},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1060},"_Position":{"__isSmartRef__":true,"id":1061},"locationPane":{"__isSmartRef__":true,"id":134},"codeBaseDirBtn":{"__isSmartRef__":true,"id":974},"localDirBtn":{"__isSmartRef__":true,"id":1004},"Pane1":{"__isSmartRef__":true,"id":384},"Pane2":{"__isSmartRef__":true,"id":801},"Pane3":{"__isSmartRef__":true,"id":876},"Pane4":{"__isSmartRef__":true,"id":913},"midResizer":{"__isSmartRef__":true,"id":1034},"sourcePane":{"__isSmartRef__":true,"id":950},"ownerWidget":{"__isSmartRef__":true,"id":149},"owner":{"__isSmartRef__":true,"id":1},"targetURL":{"__isSmartRef__":true,"id":382},"__LivelyClassName__":"lively.ide.BrowserPanel","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"134":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":135},"derivationIds":[],"id":"A1083E5E-9D53-4B53-ABA4-6D0EC4F71555","renderContextTable":{"__isSmartRef__":true,"id":141},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":142}],"eventHandler":{"__isSmartRef__":true,"id":144},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"_Position":{"__isSmartRef__":true,"id":145},"priorExtent":{"__isSmartRef__":true,"id":146},"_MaxTextWidth":726,"_MinTextWidth":726,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":133},"isInputLine":true,"layout":{"__isSmartRef__":true,"id":147},"noEval":true,"styleClass":["Browser_locationInput"],"attributeConnections":[{"__isSmartRef__":true,"id":148}],"doNotSerialize":["$$savedTextString"],"doNotCopyProperties":["$$savedTextString"],"_TextColor":{"__isSmartRef__":true,"id":956},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"135":{"_Position":{"__isSmartRef__":true,"id":136},"renderContextTable":{"__isSmartRef__":true,"id":137},"_Extent":{"__isSmartRef__":true,"id":138},"_Padding":{"__isSmartRef__":true,"id":139},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":124},"_NodeClass":["morph","text"],"_NodeId":"morph-a1083e5e-9d53-4b53-aba4-6d0ec4f71555","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"136":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"137":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"138":{"x":728,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"139":{"x":1,"y":1,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"140":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"141":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"142":{"style":{"__isSmartRef__":true,"id":143},"chunkOwner":{"__isSmartRef__":true,"id":134},"_id":"_313","storedString":"http://lively-kernel.org/repository/webwerkstatt/core/lively/morphic/","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"143":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"144":{"morph":{"__isSmartRef__":true,"id":134},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"145":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"146":{"x":728,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"147":{"scaleVertical":true,"scaleHorizontal":true},"148":{"sourceObj":{"__isSmartRef__":true,"id":134},"sourceAttrName":"savedTextString","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setTargetURL","converter":null,"converterString":"function (value) { return new URL(value) }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":973},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"149":{"buttonCommands":[{"__isSmartRef__":true,"id":150},{"__isSmartRef__":true,"id":184},{"__isSmartRef__":true,"id":216},{"__isSmartRef__":true,"id":248},{"__isSmartRef__":true,"id":280},{"__isSmartRef__":true,"id":312},{"__isSmartRef__":true,"id":344}],"RootFilters":[{"__isSmartRef__":true,"id":376}],"Pane1Filters":[{"__isSmartRef__":true,"id":377},{"__isSmartRef__":true,"id":378}],"Pane2Filters":[{"__isSmartRef__":true,"id":379}],"Pane3Filters":[{"__isSmartRef__":true,"id":380}],"Pane4Filters":[{"__isSmartRef__":true,"id":381}],"evaluate":true,"targetURL":{"__isSmartRef__":true,"id":382},"panel":{"__isSmartRef__":true,"id":133},"attributeConnections":[{"__isSmartRef__":true,"id":383},{"__isSmartRef__":true,"id":800},{"__isSmartRef__":true,"id":875},{"__isSmartRef__":true,"id":912},{"__isSmartRef__":true,"id":949},{"__isSmartRef__":true,"id":968}],"SourceString":"module('lively.morphic.HTML').requires('lively.morphic.Rendering', 'lively.morphic.PathShapes', 'lively.Traits', 'apps.Less').toRun(function() {\n\nColor.addMethods(\n'HTML rendering', {\n toCSSString: Color.prototype.toRGBAString\n});\n\nTrait('LinearGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format(cssPrefix + 'linear-gradient(%sdeg',\n this.vector.topLeft().subPt(this.vector.bottomRight()).theta().toDegrees());\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n // default webkit way of defining gradients\n var str = Strings.format('%sgradient(linear, %s\\% %s\\%, %s\\% %s\\%',\n cssPrefix,\n this.vector.x * 100.0,\n this.vector.y * 100.0,\n this.vector.maxX() * 100.0,\n this.vector.maxY() * 100.0);\n for (var i = 0; i < this.stops.length; i++)\n str += ',color-stop(' + this.stops[i].offset + ', ' + this.stops[i].color + ')';\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.LinearGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nTrait('RadialGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format('-moz-radial-gradient(50% 50%, circle cover');\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n bounds = bounds || new Rectangle(0,0, 20, 20);\n var str = Strings.format('%sgradient(radial, %s\\% %s\\%, %s, %s\\% %s\\%, %s',\n cssPrefix,\n this.focus.x * 100.0, // inner circle x coordinate\n this.focus.y * 100.0, // inner circle y coordinate\n 0.0, // inner circle radius\n 50.0, // outer circle x coordinate\n 50.0, // outer circle y coordinate\n bounds.width/2); // outer circle radius\n for (var i = 0; i < this.stops.length; i++)\n str += Strings.format(',color-stop(%s, %s)', this.stops[i].offset, this.stops[i].color.toRGBAString());\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.RadialGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nlively.morphic.Rendering.RenderContext.subclass('lively.morphic.HTML.RenderContext',\n'settings', {\n renderContextTableName: 'htmlDispatchTable',\n});\n\nlively.morphic.Morph.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n replaceRenderContext: 'replaceRenderContextHTML',\n init: 'initHTML',\n append: 'appendHTML',\n remove: 'removeHTML',\n onRenderFinished: 'onRenderFinishedHTML',\n triggerEvent: 'triggerEventHTML',\n setTransform: 'setTransformHTML',\n setPosition: 'setPositionHTML',\n setRotation: 'setRotationHTML',\n setExtent: 'setExtentHTML',\n setScale: 'setScaleHTML',\n setVisible: 'setVisibleHTML',\n adjustOrigin: 'adjustOriginHTML',\n setPivotPoint: 'setPivotPointHTML',\n setClipMode: 'setClipModeHTML',\n showsVerticalScrollBar: 'showsVerticalScrollBarHTML',\n showsHorizontalScrollBar: 'showsHorizontalScrollBarHTML',\n getScrollBarExtent: 'getScrollBarExtentHTML',\n setHandStyle: 'setHandStyleHTML',\n setPointerEvents: 'setPointerEventsHTML',\n setToolTip: 'setToolTipHTML',\n focus: 'focusHTML',\n blur: 'blurHTML',\n setFocusable: 'setFocusableHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setOriginClass: 'setOriginClassHTML'\n },\n},\n'udpating', {\n setTransformHTML: function(ctx, value) {\n },\n setPositionHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setRotationHTML: function(ctx, rad) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, rad, this.getScale(), this.getPivotPoint());\n },\n setExtentHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setExtent(ctx.morphNode, value);\n },\n setScaleHTML: function(ctx, scale) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), scale, this.getPivotPoint());\n },\n setVisibleHTML: function(ctx, bool) {\n if (ctx.morphNode)\n ctx.morphNode.style.visibility = bool ? '' : 'hidden';\n },\n adjustOriginHTML: function(ctx, value) {\n },\n setPivotPointHTML: function(ctx, value) {\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), this.getScale(), value);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n if (!ctx.shapeNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.shapeNode, clipMode);\n },\n\n setClipModeHTMLForNode: function(ctx, node, state) {\n if (!node) { return /*should not happen...*/};\n var style = node.style;\n if (!style) return;\n if (typeof state === \"string\") {\n style.overflowX = state;\n style.overflowY = state;\n } else if (typeof state === \"object\") {\n if (!state.x) style.removeProperty('overflow-x');\n else style.overflowX = state.x;\n if (!state.y) style.removeProperty('overflow-y');\n else style.overflowY = state.y;\n } else {\n style.removeProperty('overflow-x');\n style.removeProperty('overflow-y');\n }\n },\n\n showsHorizontalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullHeight = ctx.shapeNode.offsetHeight - this.getBorderWidth()*2,\n innerHeight = ctx.shapeNode.clientHeight;\n return innerHeight > 0 && fullHeight !== innerHeight;\n },\n showsVerticalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullWidth = ctx.shapeNode.offsetWidth - this.getBorderWidth()*2,\n innerWidth = ctx.shapeNode.clientWidth;\n return innerWidth > 0 && fullWidth !== innerWidth;\n },\n getScrollBarExtentHTML: function(ctx) {\n if (!this.constructor.prototype._cachedScrollBarExtent)\n this.constructor.prototype._cachedScrollBarExtent =\n ctx.domInterface.computeScrollBarExtentHTML();\n return this.constructor.prototype._cachedScrollBarExtent;\n },\n setHandStyleHTML: function(ctx, styleName) {\n if (!ctx.morphNode) return;\n if (!styleName || styleName == '') ctx.morphNode.style.cursor = null;\n else ctx.morphNode.style.cursor = styleName;\n },\n setToolTipHTML: function(ctxt, string) {\n if (ctxt.morphNode)\n ctxt.morphNode.setAttribute('title', string)\n },\n\n setStyleSheetHTML: function(ctx, css) {\n\n }\n\n},\n'rendering', {\n renderWithHTML: function() {\n this.replaceRenderContextCompletely(new lively.morphic.HTML.RenderContext());\n },\n initHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = ctx.domInterface.htmlRect();\n this.setFocusableHTML(ctx, this.isFocusable());\n this.setPivotPointHTML(ctx, this.getPivotPoint())\n ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n this.setPositionHTML(ctx, this.getPosition());\n this.setRotationHTML(ctx, this.getRotation());\n this.setScaleHTML(ctx, this.getScale());\n this.setClipModeHTML(ctx, this.getClipMode());\n this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode, ctx.shapeNode);\n if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n insertMorphNodeInHTML: function(ctx, morphNode, parentNode, optAfterNode) {\n if (!optAfterNode || !$A(parentNode.childNodes).include(optAfterNode)) {\n if (morphNode.parentNode === parentNode) return;\n ctx.domInterface.append(parentNode, morphNode);\n return\n }\n if (morphNode.nextSibling === optAfterNode) return;\n parentNode.insertBefore(morphNode, optAfterNode);\n },\n replaceRenderContextHTML: function(oldCtx, newCtx) {\n oldCtx.removeNode(oldCtx.morphNode);\n },\n onRenderFinishedHTML: function(ctx) {\n // FIXME, this is a hack\n if (this.delayedClipMode) {\n var clipMode = this.delayedClipMode;\n delete this.delayedClipMode;\n this.setClipMode(clipMode);\n }\n }\n},\n'removing', {\n removeHTML: function(ctx) {\n this.owner && this.owner.removeMorph(this);\n ctx.removeNode(ctx.morphNode);\n },\n},\n'events', {\n triggerEventHTML: function(ctx, evt) {\n return ctx.morphNode ? ctx.morphNode.dispatchEvent(evt) : null;\n },\n setPointerEventsHTML: function(ctx, value) {\n if (ctx.morphNode) ctx.morphNode.style.pointerEvents = value;\n },\n focusHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && this.isFocused()) node.blur();\n },\n setFocusableHTML: function(ctx, boolOrIndex) {\n if (!ctx.morphNode) return;\n if (typeof boolOrIndex === \"boolean\") {\n ctx.morphNode.tabIndex = -1;\n } else if (typeof boolOrIndex === \"number\") {\n ctx.morphNode.tabIndex = boolOrIndex;\n } else delete ctx.morphNode.tabIndex\n },\n});\n\nlively.morphic.World.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setScroll: 'setScrollHTML',\n\n }\n},\n'scrolling', {\n setScrollHTML: function(ctx, value) {\n var x = value[0], // array conforms to setScroll/getScroll interface\n y = value[1], // of the Scrollable trait\n xDiff = x - window.scrollX,\n yDiff = y - window.scrollY;\n window.scrollBy(xDiff, yDiff);\n },\n});\n\nlively.morphic.Text.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateText: 'updateTextHTML',\n setTextExtent: 'setTextExtentHTML',\n setMaxTextWidth: 'setMaxTextWidthHTML',\n setMaxTextHeight: 'setMaxTextHeightHTML',\n setMinTextWidth: 'setMinTextWidthHTML',\n setMinTextHeight: 'setMinTextHeightHTML',\n getTextExtent: 'getTextExtentHTML',\n getTextString: 'getTextStringHTML',\n ignoreTextEvents: 'ignoreTextEventsHTML',\n unignoreTextEvents: 'unignoreTextEventsHTML',\n enableTextEvents: 'enableTextEventsHTML',\n setFontFamily: 'setFontFamilyHTML',\n setFontSize: 'setFontSizeHTML',\n setTextColor: 'setTextColorHTML',\n setFontWeight: 'setFontWeightHTML',\n setFontStyle: 'setFontStyleHTML',\n setTextDecoration: 'setTextDecorationHTML',\n setPadding: 'setPaddingHTML',\n setAlign: 'setAlignHTML',\n setVerticalAlign: 'setVerticalAlignHTML',\n setDisplay: 'setDisplayHTML',\n setWhiteSpaceHandling: 'setWhiteSpaceHandlingHTML',\n focusMorph: 'focusMorphHTML',\n setInputAllowed: 'setInputAllowedHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.textNode) ctx.textNode = this.createTextNodeHTML();\n $super(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize());\n this.setFontFamilyHTML(ctx, this.getFontFamily());\n this.setAlignHTML(ctx, this.getAlign());\n this.setVerticalAlignHTML(ctx, this.getVerticalAlign());\n this.setDisplayHTML(ctx, this.getDisplay());\n this.setTextColorHTML(ctx, this.getTextColor());\n this.setWhiteSpaceHandlingHTML(ctx, this.getWhiteSpaceHandling());\n this.setInputAllowedHTML(ctx, this.inputAllowed());\n this.fit();\n if (this.textChunks) {\n this.textChunks.forEach(function(chunk) { chunk.addTo(this) }, this)\n } else {\n this.updateTextHTML(ctx, this.textString);\n }\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendTextHTML(ctx);\n this.fit();\n },\n appendTextHTML: function(ctx) {\n if (!ctx.morphNode) throw dbgOn(new Error('appendText: no morphNode!'))\n if (!ctx.shapeNode) throw dbgOn(new Error('appendText: no shapeNode!'))\n if (!ctx.textNode) throw dbgOn(new Error('appendText: no textNode!'))\n ctx.shapeNode.appendChild(ctx.textNode);\n },\n updateTextHTML: function(ctx, string) {\n this.firstTextChunk().textString = string;\n },\n onRenderFinishedHTML: function($super, ctx) {\n $super(ctx);\n this.fit.bind(this).delay(0);\n }\n},\n'accessing', {\n getTextExtentHTML: function(ctx) {\n if (!ctx.textNode) return pt(0,0);\n return ctx.textNode.scrollHeight != 0 ?\n pt(ctx.textNode.scrollWidth, ctx.textNode.scrollHeight) : this.getExtent();\n },\n setTextExtentHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setExtent(ctx.textNode, value);\n },\n\n setMaxTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxWidth(ctx.textNode, value);\n },\n setMaxTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxHeight(ctx.textNode, value);\n },\n setMinTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinHeight(ctx.textNode, value);\n },\n setMinTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinWidth(ctx.textNode, value);\n },\n getTextStringHTML: function(ctx) {\n //return ctx.textNode ? ctx.textNode.textContent : ''\n return this.getTextChunks().reduce(function (s, ea) {\n return s + ea.textString;\n }, '');\n },\n setFontSizeHTML: function(ctx, size) {\n if (ctx.textNode) ctx.textNode.style.fontSize = size + 'pt'\n },\n setFontFamilyHTML: function(ctx, fontName) {\n if (ctx.textNode) ctx.textNode.style.fontFamily = fontName;\n },\n setTextColorHTML: function(ctx, color) {\n if (ctx.textNode) {\n if (color && color.toCSSString) color = color.toCSSString();\n ctx.textNode.style.color = color\n }\n },\n\n setFontWeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontWeight = value;\n },\n setFontStyleHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontStyle = value;\n },\n setTextDecorationHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.textDecoration = value;\n },\n\n setPaddingHTML: function(ctx, r) {\n // TODO Deprecated, to be removed\n console.warn('lively.morphic.Text>>setPaddingHTML should not be called anymore!!!')\n },\n setAlignHTML: function(ctx, alignMode) {\n if (!ctx.textNode) return;\n ctx.textNode.style.textAlign = alignMode;\n this.setWhiteSpaceHandling(alignMode === 'justify' ? 'pre-line' : 'pre-wrap');\n },\n setVerticalAlignHTML: function(ctx, valignMode) {\n if (ctx.textNode)\n ctx.textNode.style.verticalAlign = valignMode;\n },\n setDisplayHTML: function(ctx, mode) {\n if (ctx.textNode)\n ctx.textNode.style.display = mode;\n },\n setWhiteSpaceHandlingHTML: function(ctx, modeString) {\n if (ctx.textNode)\n ctx.textNode.style.whiteSpace = modeString || 'normal';\n },\n getWhiteSpaceHandlingHTML: function(ctx) {\n return ctx.textNode ? (ctx.textNode.style.whiteSpace || 'normal') : 'normal';\n },\n setInputAllowedHTML: function(ctx, bool) {\n if (ctx.textNode) {\n ctx.textNode.contenteditable = bool;\n ctx.textNode.setAttribute('contenteditable', bool);\n }\n }\n},\n'event management', {\n // << ------------------ FIXME\n ignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong, \"contentEditable\"\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = false;\n },\n\n unignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n\n enableTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n // --------------------->> /FIXME\n\n focusHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n focusMorphHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && this.isFocused()) node.blur();\n },\n},\n'node creation', {\n createTextNodeHTML: function() {\n var node = XHTMLNS.create('div');\n node.className = 'visibleSelection';\n node.style.cssText = 'position: absolute;' + // needed for text extent calculation\n 'word-wrap: break-word;';\n return node;\n },\n});\n\nlively.morphic.List.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateListContent: 'updateListContentHTML',\n resizeList: 'resizeListHTML',\n getItemIndexFromEvent: 'getItemIndexFromEventHTML',\n getListExtent: 'getListExtentHTML',\n setSize: 'setSizeHTML',\n renderAsDropDownList: 'renderAsDropDownListHTML',\n setFontSize: 'setFontSizeHTML',\n setFontFamily: 'setFontFamilyHTML',\n getSelectedIndexes: 'getSelectedIndexesHTML',\n enableMultipleSelections: 'enableMultipleSelectionsHTML',\n selectAllAt: 'selectAllAtHTML',\n clearSelections: 'clearSelectionsHTML',\n deselectAt: 'deselectAtHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.listNode)\n ctx.listNode = this.createListNodeHTML();\n ctx.subNodes = [];\n $super(ctx);\n if (this.shape) // FIXME should also be done when no shape exists...?\n this.updateList(this.itemList || [])\n if (this.isDropDownList) this.renderAsDropDownListHTML(ctx);\n if (this.isMultipleSelectionList) this.enableMultipleSelectionsHTML(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize())\n this.setFontFamilyHTML(ctx, this.getFontFamily())\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendListHTML(ctx);\n },\n appendListHTML: function(ctx) {\n ctx.shapeNode.appendChild(ctx.listNode);\n this.resizeListHTML(ctx);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n // FIXME duplication wiht super, delay logic\n // can be extracted\n if (!ctx.listNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.listNode, clipMode);\n },\n\n setSizeHTML: function(ctx, size) {\n if (ctx.listNode) ctx.listNode.size = size;\n },\n setSize: function(size) {\n this.renderContextDispatch('setSize', size);\n },\n\n},\n'list specific', {\n removeListContentHTML: function(ctx) {\n ctx.subNodes = [];\n while(ctx.listNode.childNodes.length > 0) {\n var node = ctx.listNode.childNodes[0];\n node.parentNode.removeChild(node);\n }\n },\n updateListContentHTML: function(ctx, itemStrings) {\n if (!itemStrings) itemStrings = [];\n var scroll = this.getScroll();\n if(!ctx || !ctx.subNodes) return;\n if (ctx.subNodes.length > 0) this.removeListContentHTML(ctx);\n var extent = this.getExtent();\n for (var i = 0; i < itemStrings.length; i++) {\n var option = XHTMLNS.create('option');\n option.textContent = itemStrings[i];\n ctx.listNode.appendChild(option);\n ctx.subNodes.push(option);\n }\n this.resizeListHTML(ctx);\n this.selectAllAtHTML(ctx, [this.selectedLineNo]);\n },\n resizeListHTML: function(ctx) {\n var borderWidth = this.getBorderWidth(),\n extent = this.getExtent().subPt(pt(2*borderWidth, 2*borderWidth)),\n listNode = ctx.listNode;\n listNode.style.left = this.shape.getPosition().x /*+ this.padding.left()*/ + 'px';\n listNode.style.top = this.shape.getPosition().y /*+ this.padding.top()*/ + 'px';\n listNode.style.width = extent.x /*- this.padding.right() - this.padding.left())*/ + 'px';\n listNode.style.height = extent.y /*- this.padding.bottom() - this.padding.top()*/ + 'px';\n },\n getItemIndexFromEventHTML: function(ctx, evt) {\n var target = evt.target,\n idx = ctx.subNodes.indexOf(target);\n return idx;\n },\n deselectNodesHTML: function(ctx) {\n if (ctx.subNodes) {\n ctx.subNodes.forEach(function(ea) { ea.selected = false })\n }\n },\n},\n'drop down support HTML', {\n renderAsDropDownListHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.size = 1\n },\n},\n'multiple selection support HTML', {\n enableMultipleSelectionsHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.multiple = true;\n },\n getSelectedIndexesHTML: function(ctx) {\n var indexes = ctx.subNodes\n .collect(function(ea, i) { return ea.selected && i })\n .select(function(idxOrNull) { return idxOrNull || idxOrNull === 0 })\n return indexes;\n },\n deselectAtHTML: function(ctx, idx) {\n if (!ctx.listNode) return;\n if (idx < 0 || idx >= this.itemList.length) return;\n var node = ctx.subNodes[idx];\n if (node) node.selected = false;\n },\n selectAllAtHTML: function(ctx, indexes) {\n if (!ctx.listNode) return;\n for (var i = 0; i < indexes.length; i++) {\n var idx = indexes[i];\n if (idx < 0 || idx >= this.itemList.length) continue;\n var node = ctx.subNodes[idx];\n if (!node) continue;\n node.selected = true;\n if (node.scrollIntoViewIfNeeded) // no Firefox support\n node.scrollIntoViewIfNeeded();\n }\n },\n clearSelectionsHTML: function(ctx) { this.deselectNodesHTML(ctx) },\n},\n'node creation', {\n createListNodeHTML: function() {\n var node = XHTMLNS.create('select');\n node.size = 2; // hmm 1 is drop downlist, any value hight is normal list\n node.style.cssText = 'white-space: pre';\n node.className = 'visibleSelection';\n return node;\n },\n getListExtentHTML: function(ctx) {\n return ctx.listNode.scrollHeight != 0 ? pt(ctx.listNode.scrollWidth, ctx.listNode.scrollHeight) : this.getExtent()\n },\n},\n'styling', {\n setFontSizeHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontSize = value + 'pt'\n },\n setFontFamilyHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontFamily = value\n },\n});\n\nlively.morphic.Shapes.Shape.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n init: 'initHTML',\n appendShape: 'renderHTML',\n setPosition: 'setPositionHTML',\n setExtent: 'setExtentHTML',\n setPadding: 'setPaddingHTML',\n setFill: 'setFillHTML',\n setBorderColor: 'setBorderColorHTML',\n setBorderWidth: 'setBorderWidthHTML',\n setStrokeOpacity: 'setStrokeOpacityHTML',\n setBorderRadius: 'setBorderRadiusHTML',\n setBorderStyle: 'setBorderStyleHTML',\n setOpacity: 'setOpacityHTML',\n setNodeClass: 'setNodeClassHTML',\n setNodeId: 'setNodeIdHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setAppearanceStylingMode: 'setAppearanceStylingModeHTML',\n setBorderStylingMode: 'setBorderStylingModeHTML',\n setComputedStyles: 'setComputedStylesHTML',\n setComputedBorderWidth: 'setComputedBorderWidthHTML'\n },\n},\n'initializing', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n throw new Error('Cannot call Shape>>initHTML because no shapeNode exists')\n this.setPositionHTML(ctx, this.getPosition());\n this.setExtentHTML(ctx, this.getExtent());\n this.setFillHTML(ctx, this.getFill());\n this.setFillOpacity(this.getFillOpacity())\n this.setOpacityHTML(ctx, this.getOpacity());\n this.setBorderWidthHTML(ctx, this.getBorderWidth()); // The other border props are initialized there as well\n this.setBorderStyleHTML(ctx, this.getBorderStyle());\n this.setPaddingHTML(ctx, this.getPadding()); // also sets extent\n\n this.getNodeClass() && this.setNodeClassHTML(ctx, this.getNodeClass());\n if (this.getNodeId()) {\n this.setNodeIdHTML(ctx, this.getNodeId());\n this.getStyleSheet && this.setStyleSheetHTML(ctx, this.getStyleSheet());\n }\n\n if (UserAgent.fireFoxVersion)\n ctx.shapeNode['-moz-user-modify'] = 'read-only'\n },\n renderHTML: function(ctx) {\n if (ctx.shapeNode.parentNode) return;\n var child = ctx.morphNode.childNodes[0];\n if (!child) ctx.morphNode.appendChild(ctx.shapeNode)\n else ctx.morphNode.insertBefore(ctx.shapeNode, child)\n },\n},\n'updating', {\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var padding = this.getPadding(),\n paddingWidth = padding.left() + padding.right(),\n paddingHeight = padding.top() + padding.bottom(),\n // HTML isn't using fractions for pixels, rounds internally,\n // this has to be reflected to compensate HTML's box model\n borderWidth = Math.floor(this.getBorderWidth()),\n realExtent = value\n .addXY(-2 * borderWidth, -2 * borderWidth)\n .addXY(-paddingWidth, -paddingHeight);\n realExtent = realExtent.maxPt(pt(0,0));\n ctx.domInterface.setExtent(ctx.shapeNode, realExtent);\n return realExtent;\n },\n setFillHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetAppearance) {\n ctx.domInterface.setFill(ctx.shapeNode, null, this.getBounds());\n } else {\n ctx.domInterface.setFill(ctx.shapeNode, value, this.getBounds());\n }\n },\n setBorderColorHTML: function(ctx, fill) {\n var alpha;\n if (this.getStrokeOpacity() != 1) {\n alpha = this.getStrokeOpacity();\n } else {\n alpha = fill === null ? 0 : fill.a;\n }\n return this.setBorderHTML(ctx, this.getBorderWidth(), fill, alpha)\n },\n setBorderStyleHTML: function(ctx, value) {\n if (ctx.shapeNode) {\n var style = this.isStyleSheetBorder ? null : value;\n ctx.shapeNode.style.borderStyle = style;\n }\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n setBorderRadiusHTML: function(ctx, value) {\n // does not make sense for morphs in general\n },\n setStrokeOpacityHTML: function(ctx, opacity) {\n return this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), opacity)\n },\n setBorderHTML: function(ctx, width, fill, opacity) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetBorder) {\n ctx.shapeNode.style['border'] = null;\n } else {\n if ((fill instanceof Color) && opacity) fill = fill.withA(opacity);\n if (!fill) fill = Color.rgba(0,0,0,0);\n ctx.shapeNode.style['border'] = this.getBorderStyle() + ' ' + width + 'px ' +\n fill.toCSSString(this.getBounds(), ctx.domInterface.html5CssPrefix);\n }\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n if (ctx.shapeNode) ctx.shapeNode.style.opacity = this.isStyleSheetAppearance ? null : value;\n },\n setPaddingHTML: function(ctx, r) {\n if (r === undefined || !ctx.shapeNode) return r;\n // Rectangle.inset(left, top, right, bottom) ==>\n // CSS padding: [padding-top] [padding-right] [padding-bottom] [padding-left]\n var s = r.top() + \"px \" + r.right() + \"px \" + r.bottom() + \"px \" + r.left() + \"px\";\n ctx.shapeNode.style.padding = s;\n return r;\n },\n\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.shapeNode.className = a;\n },\n\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.shapeNode.id = value;\n },\n\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.shapeNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Shape node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.shapeNode) return;\n var style = window.getComputedStyle(ctx.shapeNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n\n setComputedBorderWidthHTML: function(ctx, width) {},\n\n setAppearanceStylingModeHTML: function(ctx, value) {\n this.isStyleSheetAppearance = value;\n this.setFillHTML(ctx, this.shapeGetter(\"Fill\"));\n this.setOpacityHTML(ctx, this.shapeGetter(\"Opacity\"));\n },\n\n setBorderStylingModeHTML: function(ctx, value) {\n this.isStyleSheetBorder = value;\n this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), this.getStrokeOpacity());\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n }\n\n});\n\nlively.morphic.Shapes.Rectangle.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n },\n},\n'updating', {\n setBorderRadiusHTML: function(ctx, value) {\n var borderRadius = (this.isStyleSheetBorder) ? null : value;\n if (Object.isString(value)) {\n // irregular border radius for windows e.g.\n ctx.getShapeNode().style.borderRadius = borderRadius ;\n } else {\n ctx.domInterface.setHTMLBorderRadius(ctx.getShapeNode(), borderRadius , borderRadius);\n }\n },\n});\n\nlively.morphic.Shapes.Ellipse.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n // border radius is used to make a rectangle into an ellipse\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n },\n},\n'updating', {\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n if (ctx.shapeNode)\n ctx.domInterface.setHTMLBorderRadiusPoint(ctx.shapeNode, value);\n },\n setBorderRadiusHTML: function(ctx, value) {\n // ellipses border radius are the radius of the ellipse itself\n return;\n },\n});\n\nlively.morphic.Shapes.Image.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setImageURL: 'setImageURLHTML',\n getNativeExtent: 'getNativeExtentHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.imgNode = ctx.domInterface.htmlImg();\n ctx.shapeNode.appendChild(ctx.imgNode);\n ctx.imgNode.draggable = false;\n }\n $super(ctx);\n this.setImageURLHTML(ctx, this.getImageURL());\n },\n},\n'updating', {\n setImageURLHTML: function(ctx, urlString) {\n if (!ctx.imgNode) return;\n var shape = this;\n ctx.imgNode.onload = function(evt) { shape.isLoaded = true }\n ctx.imgNode.src = urlString;\n },\n},\n'accessing', {\n getNativeExtentHTML: function(ctx) {\n return pt(ctx.imgNode.naturalWidth, ctx.imgNode.naturalHeight)\n },\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n var extentWithoutBorder = value.addXY(-2*this.getBorderWidth(), -2*this.getBorderWidth());\n if (ctx.imgNode)\n ctx.domInterface.setExtent(ctx.imgNode, extentWithoutBorder);\n },\n\n});\n\nlively.morphic.Shapes.External.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getExtent: 'getExtentHTML',\n initFromStringifiedShapeNode: 'initFromStringifiedShapeNodeHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n ctx.shapeNode = this.shapeNode;\n },\n renderHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = this.shapeNode;\n }\n $super(ctx);\n },\n},\n'initializing', {\n initFromStringifiedShapeNodeHTML: function(ctx) {\n var element;\n if (this.stringifiedShapeNode) {\n element = stringToXML(this.stringifiedShapeNode);\n element.parentNode && element.parentNode.removeChild(element);\n }\n if (!element) {\n element = XHTMLNS.create('div');\n element.style.backgroundColor = Color.red.toCSSString();\n }\n var $element = new jQuery.fn.init(element),\n width = $element.width() || 0,\n height = $element.height() || 0,\n extent = pt(width, height);\n this.setExtent(extent);\n this.shapeNode = element;\n ctx && (ctx.shapeNode = element);\n },\n},\n'accessing', {\n getExtentHTML: function(ctx) {\n var $node = $(ctx.shapeNode);\n return pt($node.width() || 0, $node.height() || 0);\n },\n setOpacityHTML: function(ctx, value) { if (ctx.shapeNode.style) ctx.shapeNode.style.opacity = value; },\n\n});\n\nlively.morphic.Shapes.Path.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getPathNode: 'getPathNodeHTML',\n setPathElements: 'setPathElementsHTML',\n getPathBounds: 'getPathBoundsHTML',\n getTotalLength: 'getTotalLengthHTML',\n getPointAtTotalLength: 'getPointAtTotalLengthHTML',\n },\n},\n'HTML rendering', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.svgNode = NodeFactory.create('svg', {style: 'position: absolute'}); // otherwise there can be a line offset\n ctx.shapeNode.appendChild(ctx.svgNode);\n ctx.pathNode = NodeFactory.create('path');\n ctx.svgNode.appendChild(ctx.pathNode);\n }\n lively.morphic.Shapes.Shape.prototype.initHTML.call(this, ctx); //$super(ctx);\n this.setBorderColorHTML(ctx, this.getBorderColor());\n this.setPathElementsHTML(ctx, this.getPathElements());\n },\n},\n'accessing', {\n setPathElementsHTML: function(ctx, elements) {\n var pathNode = this.getPathNodeHTML(ctx);\n if (!pathNode) return;\n pathNode.setAttributeNS(null, \"d\", this.createSVGDataFromElements(elements));\n var bounds = this.getBounds();\n\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n\n setExtentHTML: function(ctx, value) {\n ctx.domInterface.setExtent(ctx.svgNode, value);\n },\n setFillHTML: function(ctx, value) {\n if (ctx.svgNode)\n ctx.domInterface.setFill(ctx.svgNode, value, this.getBounds());\n },\n setBorderStyleHTML: function(ctx, value) {\n if (value == 'dashed')\n ctx.svgNode.setAttribute('stroke-dasharray', '7 4')\n else if (value == 'dotted')\n ctx.svgNode.setAttribute('stroke-dasharray', '2 2')\n else\n ctx.svgNode.removeAttribute('stroke-dasharray')\n },\n setBorderColorHTML: function(ctx, fill) {\n ctx.domInterface.setSVGFillOrStrokePaint(this.getPathNodeHTML(ctx), 'stroke', fill)\n },\n setBorderWidthHTML: function(ctx, value) {\n var node = this.getPathNodeHTML(ctx);\n node && node.setAttribute('stroke-width', String(value));\n\n // borderWidth affects the bounds and the svg viewBox to extend the path equally into all directions\n var bounds = this.getBounds();\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n},\n'svg specific', {\n setElementsFromSVGData: function(data) {\n var elements = lively.morphic.Shapes.PathElement.parse(data);\n this.setPathElements(elements);\n },\n getPathNodeHTML: function(ctx) { return ctx.pathNode },\n getDefsNodeHTML: function(ctx) {\n var defNode = ctx.svgNode.getElementsByTagName('defs')[0];\n if (!defNode) {\n defNode = NodeFactory.create('defs');\n ctx.svgNode.insertBefore(defNode, ctx.svgNode.childNodes[0]);\n }\n return defNode;\n },\n\n getPathBoundsHTML: function (ctx) {\n var vertices = this.vertices(),\n minX = vertices.min(function(ea) { return ea.x; }),\n minY = vertices.min(function(ea) { return ea.y; }),\n maxX = vertices.max(function(ea) { return ea.x; }),\n maxY = vertices.max(function(ea) { return ea.y; }),\n halfStroke = Math.floor(this.getBorderWidth() / 2);\n return rect(pt(minX - 1 - halfStroke, minY - 1 - halfStroke),\n pt(maxX + halfStroke, maxY + halfStroke));\n },\n\n getTotalLengthHTML: function(ctx) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && pathNode.getTotalLength()\n },\n getPointAtTotalLengthHTML: function(ctx, totalLength) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && lively.Point.ensure(pathNode.getPointAtLength(totalLength));\n },\n});\nObject.extend(lively.morphic, {\n CSS: {}\n});\n\nObject.subclass('lively.morphic.CSS.Fill',\n'settings', {\n isCSSFill: true\n},\n'initializing', {\n initialize: function(cssBackgroundString) {\n this.cssBackgroundString = cssBackgroundString || \"\";\n }\n},\n'rendering', {\n applyToNode: function(node) {\n if (node.style) {\n node.style.background = this.cssBackgroundString;\n }\n }\n});\n\n\nlively.morphic.Shapes.Shape.addMethods(\n 'stylesheets', {\n\n\n\t\t\tsetStyleSheet: function(value) {\n\t\t\t\treturn this.shapeSetter('StyleSheet', value);\n\t\t\t},\n\t\t\tgetStyleSheet: function() {\n\t\t\t\treturn this.shapeGetter('StyleSheet') || \"\";\n\t\t\t},\n\n\t\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('AppearanceStylingMode', value);\n\t\t\t},\n\t\t\tgetAppearanceStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('AppearanceStylingMode');\n\t\t\t},\n\n\t\t\tsetBorderStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('BorderStylingMode', value);\n\t\t\t},\n\t\t\tgetBorderStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('BorderStylingMode');\n\t\t\t},\n\n\t\t\tupdateComputedStyles: function() {\n\t\t\t\treturn this.shapeSetter('ComputedStyles');\n\n\t\t\t}\n\n \n }\n );\n \n\n lively.morphic.Morph.addMethods(\n\t'stylesheets', {\n\t setOriginClass: function(className) {\n this.originClass = className;\n return this.renderContextDispatch('setOriginClass',className);\n },\n setOriginClassHTML: function(ctx, className) {\n var o = ctx.originNode;\n if (o) o.className = className;\n },\n\t\tapplyStyleSheet: function(style) {\n\t\t\tthis.setStyleSheet(style);\n\t\t},\n\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t// TRUE when appearance is styled through style sheets,\n\t\t\t// FALSE when appearance is styled through style dialog\n\t\t\tthis.shape.setAppearanceStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tapplyStyleSheetFromFile: function(file, resourcePath){\n\t\t // use the resourcePath parameter if the resources addressed\n\t\t // in the CSS file are in a different directory than the CSS'.\n\t\t // (use \"\" to leave the urls untouched)\n\t\t \n\t\t var absPath = file;\n\t\t // is the filename absolute? if not then make it absolute.\n\t\t if (absPath.search('http://')<0) {\n\t\t absPath = document.location.href.toString().split('?')[0];\n\t\t absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1);\n\t\t absPath += \"/\"+file;\n\t\t }\n\t\t var url = new URL(absPath);\n\t\t \n\t\t URL.proxy = null;\n \n\t\t\tvar webR = new WebResource(url);\n webR.forceUncached();\n\t\t\tvar webRGet = webR.get();\n\t\t\tif (webRGet.status.code() == 200) {\n\t\t\t // add resource path to all relative urls in the css\n\t\t\t var css = webRGet.content;\n\t\t\t \n\t\t\t var resPath = resourcePath;\n\t\t\t if (!resPath){\n resPath = absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1); \n\t\t\t }\n\t\t\t var urlReplace = \"url(\"+resPath;\n\t\t\t var urlReplaceSingle = \"url('\"+resPath;\n\t\t\t var urlReplaceDouble = 'url(\"'+resPath;\t\t\t \t\t\t \n\t\t\t css = css.replace(/url\\([\\s]*\\'(?![\\s]*http)/g, urlReplaceSingle).replace(/url\\([\\s]*\\\"(?![\\s]*http)/g, urlReplaceDouble ).replace(/url\\((?![\\s]*[\\'|\\\"])(?![\\s]*http)/g, urlReplace );\n \n \n // insert line breaks so the css is more legible\n css = css.replace(/\\;(?![\\s]*(\\r\\n|\\n|\\r))/g,\";\\n\").replace(/\\}(?![\\s]*(\\r\\n|\\n|\\r))/g,\"}\\n\").replace(/\\{(?![\\s]*(\\r\\n|\\n|\\r))/g,\"{\\n\");\n console.log(css);\n \n // set the style sheet\n this.setStyleSheet(css);\n\t\t\t}\n\t\t\telse {\n throw new Error(\"Couldn't load stylesheet at \"+absPath+\" --> \" +webRGet.status.code());\n\t\t\t}\n\t\t\t\n\t\t\treturn {\n\t\t\t\tstatus: webRGet.status.code(),\n\t\t\t\tresponseText: webRGet.content\n\t\t\t};\n\t\t},\n\t\t\t\t\t\n\t\tsetStyleSheet: function(value) {\n\t\t\tthis.setNodeId();\n\t\t\tthis.shape.setStyleSheet(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetStyleSheet: function() {\n\t\t\tvar r = this.shape.getStyleSheet();\n\t\t\t//this.updateComputedStyles();\n\t\t\treturn r;\n\t\t}, \n\t\n\t\tgetAppearanceStylingMode: function() {\n\t\t\treturn this.shape.getAppearanceStylingMode();\n\t\t},\n\n\t\tsetBorderStylingMode: function(value) {\n\t\t\t// TRUE when border is styled through style sheets,\n\t\t\t// FALSE when border is styled through style dialog\n\t\t\tthis.shape.setBorderStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetBorderStylingMode: function() {\n\t\t\treturn this.shape.getBorderStylingMode();\n\t\t},\n\n\t\n\t\tupdateComputedStyles: function() {\n\t\t\tthis.shape.updateComputedStyles();\n\t\t\tthis.submorphs.each(function(m){m.updateComputedStyles();});\n\t\t},\n\t}\n);\n\nlively.morphic.Box.subclass('lively.morphic.SimpleText',\n'simple text', {\n htmlDispatchTable: {\n setText: 'setTextHTML'\n },\n \n initialize: function($super, bounds, optText){\n $super(bounds);\n this.text = optText || \"Simple Text\";\n },\n setText: function(text){\n this.text = text; \n return this.renderContextDispatch('setText', text); \n },\n setTextHTML: function(ctx, text){\n ctx.shapeNode.innerHTML = text; \n },\n \n appendHTML: function($super, ctx) {\n $super(ctx);\n if (ctx.shapeNode) {\n this.setTextHTML(ctx, this.text);\n }\n },\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set text', function(evt) {\n $world.prompt('Set text', function(input) {\n if (input !== null)\n self.setText(input || '');\n }, this.text);\n }])\n return items;\n },\n \n}\n\n);\n\n\n}) // end of module\n","sourceString":"module('lively.morphic.HTML').requires('lively.morphic.Rendering', 'lively.morphic.PathShapes', 'lively.Traits', 'apps.Less').toRun(function() {\n\nColor.addMethods(\n'HTML rendering', {\n toCSSString: Color.prototype.toRGBAString\n});\n\nTrait('LinearGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format(cssPrefix + 'linear-gradient(%sdeg',\n this.vector.topLeft().subPt(this.vector.bottomRight()).theta().toDegrees());\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n // default webkit way of defining gradients\n var str = Strings.format('%sgradient(linear, %s\\% %s\\%, %s\\% %s\\%',\n cssPrefix,\n this.vector.x * 100.0,\n this.vector.y * 100.0,\n this.vector.maxX() * 100.0,\n this.vector.maxY() * 100.0);\n for (var i = 0; i < this.stops.length; i++)\n str += ',color-stop(' + this.stops[i].offset + ', ' + this.stops[i].color + ')';\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.LinearGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nTrait('RadialGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format('-moz-radial-gradient(50% 50%, circle cover');\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n bounds = bounds || new Rectangle(0,0, 20, 20);\n var str = Strings.format('%sgradient(radial, %s\\% %s\\%, %s, %s\\% %s\\%, %s',\n cssPrefix,\n this.focus.x * 100.0, // inner circle x coordinate\n this.focus.y * 100.0, // inner circle y coordinate\n 0.0, // inner circle radius\n 50.0, // outer circle x coordinate\n 50.0, // outer circle y coordinate\n bounds.width/2); // outer circle radius\n for (var i = 0; i < this.stops.length; i++)\n str += Strings.format(',color-stop(%s, %s)', this.stops[i].offset, this.stops[i].color.toRGBAString());\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.RadialGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nlively.morphic.Rendering.RenderContext.subclass('lively.morphic.HTML.RenderContext',\n'settings', {\n renderContextTableName: 'htmlDispatchTable',\n});\n\nlively.morphic.Morph.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n replaceRenderContext: 'replaceRenderContextHTML',\n init: 'initHTML',\n append: 'appendHTML',\n remove: 'removeHTML',\n onRenderFinished: 'onRenderFinishedHTML',\n triggerEvent: 'triggerEventHTML',\n setTransform: 'setTransformHTML',\n setPosition: 'setPositionHTML',\n setRotation: 'setRotationHTML',\n setExtent: 'setExtentHTML',\n setScale: 'setScaleHTML',\n setVisible: 'setVisibleHTML',\n adjustOrigin: 'adjustOriginHTML',\n setPivotPoint: 'setPivotPointHTML',\n setClipMode: 'setClipModeHTML',\n showsVerticalScrollBar: 'showsVerticalScrollBarHTML',\n showsHorizontalScrollBar: 'showsHorizontalScrollBarHTML',\n getScrollBarExtent: 'getScrollBarExtentHTML',\n setHandStyle: 'setHandStyleHTML',\n setPointerEvents: 'setPointerEventsHTML',\n setToolTip: 'setToolTipHTML',\n focus: 'focusHTML',\n blur: 'blurHTML',\n setFocusable: 'setFocusableHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setOriginClass: 'setOriginClassHTML'\n },\n},\n'udpating', {\n setTransformHTML: function(ctx, value) {\n },\n setPositionHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setRotationHTML: function(ctx, rad) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, rad, this.getScale(), this.getPivotPoint());\n },\n setExtentHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setExtent(ctx.morphNode, value);\n },\n setScaleHTML: function(ctx, scale) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), scale, this.getPivotPoint());\n },\n setVisibleHTML: function(ctx, bool) {\n if (ctx.morphNode)\n ctx.morphNode.style.visibility = bool ? '' : 'hidden';\n },\n adjustOriginHTML: function(ctx, value) {\n },\n setPivotPointHTML: function(ctx, value) {\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), this.getScale(), value);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n if (!ctx.shapeNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.shapeNode, clipMode);\n },\n\n setClipModeHTMLForNode: function(ctx, node, state) {\n if (!node) { return /*should not happen...*/};\n var style = node.style;\n if (!style) return;\n if (typeof state === \"string\") {\n style.overflowX = state;\n style.overflowY = state;\n } else if (typeof state === \"object\") {\n if (!state.x) style.removeProperty('overflow-x');\n else style.overflowX = state.x;\n if (!state.y) style.removeProperty('overflow-y');\n else style.overflowY = state.y;\n } else {\n style.removeProperty('overflow-x');\n style.removeProperty('overflow-y');\n }\n },\n\n showsHorizontalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullHeight = ctx.shapeNode.offsetHeight - this.getBorderWidth()*2,\n innerHeight = ctx.shapeNode.clientHeight;\n return innerHeight > 0 && fullHeight !== innerHeight;\n },\n showsVerticalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullWidth = ctx.shapeNode.offsetWidth - this.getBorderWidth()*2,\n innerWidth = ctx.shapeNode.clientWidth;\n return innerWidth > 0 && fullWidth !== innerWidth;\n },\n getScrollBarExtentHTML: function(ctx) {\n if (!this.constructor.prototype._cachedScrollBarExtent)\n this.constructor.prototype._cachedScrollBarExtent =\n ctx.domInterface.computeScrollBarExtentHTML();\n return this.constructor.prototype._cachedScrollBarExtent;\n },\n setHandStyleHTML: function(ctx, styleName) {\n if (!ctx.morphNode) return;\n if (!styleName || styleName == '') ctx.morphNode.style.cursor = null;\n else ctx.morphNode.style.cursor = styleName;\n },\n setToolTipHTML: function(ctxt, string) {\n if (ctxt.morphNode)\n ctxt.morphNode.setAttribute('title', string)\n },\n\n setStyleSheetHTML: function(ctx, css) {\n\n }\n\n},\n'rendering', {\n renderWithHTML: function() {\n this.replaceRenderContextCompletely(new lively.morphic.HTML.RenderContext());\n },\n initHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = ctx.domInterface.htmlRect();\n this.setFocusableHTML(ctx, this.isFocusable());\n this.setPivotPointHTML(ctx, this.getPivotPoint())\n ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n this.setPositionHTML(ctx, this.getPosition());\n this.setRotationHTML(ctx, this.getRotation());\n this.setScaleHTML(ctx, this.getScale());\n this.setClipModeHTML(ctx, this.getClipMode());\n this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode, ctx.shapeNode);\n if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n insertMorphNodeInHTML: function(ctx, morphNode, parentNode, optAfterNode) {\n if (!optAfterNode || !$A(parentNode.childNodes).include(optAfterNode)) {\n if (morphNode.parentNode === parentNode) return;\n ctx.domInterface.append(parentNode, morphNode);\n return\n }\n if (morphNode.nextSibling === optAfterNode) return;\n parentNode.insertBefore(morphNode, optAfterNode);\n },\n replaceRenderContextHTML: function(oldCtx, newCtx) {\n oldCtx.removeNode(oldCtx.morphNode);\n },\n onRenderFinishedHTML: function(ctx) {\n // FIXME, this is a hack\n if (this.delayedClipMode) {\n var clipMode = this.delayedClipMode;\n delete this.delayedClipMode;\n this.setClipMode(clipMode);\n }\n }\n},\n'removing', {\n removeHTML: function(ctx) {\n this.owner && this.owner.removeMorph(this);\n ctx.removeNode(ctx.morphNode);\n },\n},\n'events', {\n triggerEventHTML: function(ctx, evt) {\n return ctx.morphNode ? ctx.morphNode.dispatchEvent(evt) : null;\n },\n setPointerEventsHTML: function(ctx, value) {\n if (ctx.morphNode) ctx.morphNode.style.pointerEvents = value;\n },\n focusHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && this.isFocused()) node.blur();\n },\n setFocusableHTML: function(ctx, boolOrIndex) {\n if (!ctx.morphNode) return;\n if (typeof boolOrIndex === \"boolean\") {\n ctx.morphNode.tabIndex = -1;\n } else if (typeof boolOrIndex === \"number\") {\n ctx.morphNode.tabIndex = boolOrIndex;\n } else delete ctx.morphNode.tabIndex\n },\n});\n\nlively.morphic.World.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setScroll: 'setScrollHTML',\n\n }\n},\n'scrolling', {\n setScrollHTML: function(ctx, value) {\n var x = value[0], // array conforms to setScroll/getScroll interface\n y = value[1], // of the Scrollable trait\n xDiff = x - window.scrollX,\n yDiff = y - window.scrollY;\n window.scrollBy(xDiff, yDiff);\n },\n});\n\nlively.morphic.Text.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateText: 'updateTextHTML',\n setTextExtent: 'setTextExtentHTML',\n setMaxTextWidth: 'setMaxTextWidthHTML',\n setMaxTextHeight: 'setMaxTextHeightHTML',\n setMinTextWidth: 'setMinTextWidthHTML',\n setMinTextHeight: 'setMinTextHeightHTML',\n getTextExtent: 'getTextExtentHTML',\n getTextString: 'getTextStringHTML',\n ignoreTextEvents: 'ignoreTextEventsHTML',\n unignoreTextEvents: 'unignoreTextEventsHTML',\n enableTextEvents: 'enableTextEventsHTML',\n setFontFamily: 'setFontFamilyHTML',\n setFontSize: 'setFontSizeHTML',\n setTextColor: 'setTextColorHTML',\n setFontWeight: 'setFontWeightHTML',\n setFontStyle: 'setFontStyleHTML',\n setTextDecoration: 'setTextDecorationHTML',\n setPadding: 'setPaddingHTML',\n setAlign: 'setAlignHTML',\n setVerticalAlign: 'setVerticalAlignHTML',\n setDisplay: 'setDisplayHTML',\n setWhiteSpaceHandling: 'setWhiteSpaceHandlingHTML',\n focusMorph: 'focusMorphHTML',\n setInputAllowed: 'setInputAllowedHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.textNode) ctx.textNode = this.createTextNodeHTML();\n $super(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize());\n this.setFontFamilyHTML(ctx, this.getFontFamily());\n this.setAlignHTML(ctx, this.getAlign());\n this.setVerticalAlignHTML(ctx, this.getVerticalAlign());\n this.setDisplayHTML(ctx, this.getDisplay());\n this.setTextColorHTML(ctx, this.getTextColor());\n this.setWhiteSpaceHandlingHTML(ctx, this.getWhiteSpaceHandling());\n this.setInputAllowedHTML(ctx, this.inputAllowed());\n this.fit();\n if (this.textChunks) {\n this.textChunks.forEach(function(chunk) { chunk.addTo(this) }, this)\n } else {\n this.updateTextHTML(ctx, this.textString);\n }\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendTextHTML(ctx);\n this.fit();\n },\n appendTextHTML: function(ctx) {\n if (!ctx.morphNode) throw dbgOn(new Error('appendText: no morphNode!'))\n if (!ctx.shapeNode) throw dbgOn(new Error('appendText: no shapeNode!'))\n if (!ctx.textNode) throw dbgOn(new Error('appendText: no textNode!'))\n ctx.shapeNode.appendChild(ctx.textNode);\n },\n updateTextHTML: function(ctx, string) {\n this.firstTextChunk().textString = string;\n },\n onRenderFinishedHTML: function($super, ctx) {\n $super(ctx);\n this.fit.bind(this).delay(0);\n }\n},\n'accessing', {\n getTextExtentHTML: function(ctx) {\n if (!ctx.textNode) return pt(0,0);\n return ctx.textNode.scrollHeight != 0 ?\n pt(ctx.textNode.scrollWidth, ctx.textNode.scrollHeight) : this.getExtent();\n },\n setTextExtentHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setExtent(ctx.textNode, value);\n },\n\n setMaxTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxWidth(ctx.textNode, value);\n },\n setMaxTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxHeight(ctx.textNode, value);\n },\n setMinTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinHeight(ctx.textNode, value);\n },\n setMinTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinWidth(ctx.textNode, value);\n },\n getTextStringHTML: function(ctx) {\n //return ctx.textNode ? ctx.textNode.textContent : ''\n return this.getTextChunks().reduce(function (s, ea) {\n return s + ea.textString;\n }, '');\n },\n setFontSizeHTML: function(ctx, size) {\n if (ctx.textNode) ctx.textNode.style.fontSize = size + 'pt'\n },\n setFontFamilyHTML: function(ctx, fontName) {\n if (ctx.textNode) ctx.textNode.style.fontFamily = fontName;\n },\n setTextColorHTML: function(ctx, color) {\n if (ctx.textNode) {\n if (color && color.toCSSString) color = color.toCSSString();\n ctx.textNode.style.color = color\n }\n },\n\n setFontWeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontWeight = value;\n },\n setFontStyleHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontStyle = value;\n },\n setTextDecorationHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.textDecoration = value;\n },\n\n setPaddingHTML: function(ctx, r) {\n // TODO Deprecated, to be removed\n console.warn('lively.morphic.Text>>setPaddingHTML should not be called anymore!!!')\n },\n setAlignHTML: function(ctx, alignMode) {\n if (!ctx.textNode) return;\n ctx.textNode.style.textAlign = alignMode;\n this.setWhiteSpaceHandling(alignMode === 'justify' ? 'pre-line' : 'pre-wrap');\n },\n setVerticalAlignHTML: function(ctx, valignMode) {\n if (ctx.textNode)\n ctx.textNode.style.verticalAlign = valignMode;\n },\n setDisplayHTML: function(ctx, mode) {\n if (ctx.textNode)\n ctx.textNode.style.display = mode;\n },\n setWhiteSpaceHandlingHTML: function(ctx, modeString) {\n if (ctx.textNode)\n ctx.textNode.style.whiteSpace = modeString || 'normal';\n },\n getWhiteSpaceHandlingHTML: function(ctx) {\n return ctx.textNode ? (ctx.textNode.style.whiteSpace || 'normal') : 'normal';\n },\n setInputAllowedHTML: function(ctx, bool) {\n if (ctx.textNode) {\n ctx.textNode.contenteditable = bool;\n ctx.textNode.setAttribute('contenteditable', bool);\n }\n }\n},\n'event management', {\n // << ------------------ FIXME\n ignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong, \"contentEditable\"\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = false;\n },\n\n unignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n\n enableTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n // --------------------->> /FIXME\n\n focusHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n focusMorphHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && this.isFocused()) node.blur();\n },\n},\n'node creation', {\n createTextNodeHTML: function() {\n var node = XHTMLNS.create('div');\n node.className = 'visibleSelection';\n node.style.cssText = 'position: absolute;' + // needed for text extent calculation\n 'word-wrap: break-word;';\n return node;\n },\n});\n\nlively.morphic.List.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateListContent: 'updateListContentHTML',\n resizeList: 'resizeListHTML',\n getItemIndexFromEvent: 'getItemIndexFromEventHTML',\n getListExtent: 'getListExtentHTML',\n setSize: 'setSizeHTML',\n renderAsDropDownList: 'renderAsDropDownListHTML',\n setFontSize: 'setFontSizeHTML',\n setFontFamily: 'setFontFamilyHTML',\n getSelectedIndexes: 'getSelectedIndexesHTML',\n enableMultipleSelections: 'enableMultipleSelectionsHTML',\n selectAllAt: 'selectAllAtHTML',\n clearSelections: 'clearSelectionsHTML',\n deselectAt: 'deselectAtHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.listNode)\n ctx.listNode = this.createListNodeHTML();\n ctx.subNodes = [];\n $super(ctx);\n if (this.shape) // FIXME should also be done when no shape exists...?\n this.updateList(this.itemList || [])\n if (this.isDropDownList) this.renderAsDropDownListHTML(ctx);\n if (this.isMultipleSelectionList) this.enableMultipleSelectionsHTML(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize())\n this.setFontFamilyHTML(ctx, this.getFontFamily())\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendListHTML(ctx);\n },\n appendListHTML: function(ctx) {\n ctx.shapeNode.appendChild(ctx.listNode);\n this.resizeListHTML(ctx);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n // FIXME duplication wiht super, delay logic\n // can be extracted\n if (!ctx.listNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.listNode, clipMode);\n },\n\n setSizeHTML: function(ctx, size) {\n if (ctx.listNode) ctx.listNode.size = size;\n },\n setSize: function(size) {\n this.renderContextDispatch('setSize', size);\n },\n\n},\n'list specific', {\n removeListContentHTML: function(ctx) {\n ctx.subNodes = [];\n while(ctx.listNode.childNodes.length > 0) {\n var node = ctx.listNode.childNodes[0];\n node.parentNode.removeChild(node);\n }\n },\n updateListContentHTML: function(ctx, itemStrings) {\n if (!itemStrings) itemStrings = [];\n var scroll = this.getScroll();\n if(!ctx || !ctx.subNodes) return;\n if (ctx.subNodes.length > 0) this.removeListContentHTML(ctx);\n var extent = this.getExtent();\n for (var i = 0; i < itemStrings.length; i++) {\n var option = XHTMLNS.create('option');\n option.textContent = itemStrings[i];\n ctx.listNode.appendChild(option);\n ctx.subNodes.push(option);\n }\n this.resizeListHTML(ctx);\n this.selectAllAtHTML(ctx, [this.selectedLineNo]);\n },\n resizeListHTML: function(ctx) {\n var borderWidth = this.getBorderWidth(),\n extent = this.getExtent().subPt(pt(2*borderWidth, 2*borderWidth)),\n listNode = ctx.listNode;\n listNode.style.left = this.shape.getPosition().x /*+ this.padding.left()*/ + 'px';\n listNode.style.top = this.shape.getPosition().y /*+ this.padding.top()*/ + 'px';\n listNode.style.width = extent.x /*- this.padding.right() - this.padding.left())*/ + 'px';\n listNode.style.height = extent.y /*- this.padding.bottom() - this.padding.top()*/ + 'px';\n },\n getItemIndexFromEventHTML: function(ctx, evt) {\n var target = evt.target,\n idx = ctx.subNodes.indexOf(target);\n return idx;\n },\n deselectNodesHTML: function(ctx) {\n if (ctx.subNodes) {\n ctx.subNodes.forEach(function(ea) { ea.selected = false })\n }\n },\n},\n'drop down support HTML', {\n renderAsDropDownListHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.size = 1\n },\n},\n'multiple selection support HTML', {\n enableMultipleSelectionsHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.multiple = true;\n },\n getSelectedIndexesHTML: function(ctx) {\n var indexes = ctx.subNodes\n .collect(function(ea, i) { return ea.selected && i })\n .select(function(idxOrNull) { return idxOrNull || idxOrNull === 0 })\n return indexes;\n },\n deselectAtHTML: function(ctx, idx) {\n if (!ctx.listNode) return;\n if (idx < 0 || idx >= this.itemList.length) return;\n var node = ctx.subNodes[idx];\n if (node) node.selected = false;\n },\n selectAllAtHTML: function(ctx, indexes) {\n if (!ctx.listNode) return;\n for (var i = 0; i < indexes.length; i++) {\n var idx = indexes[i];\n if (idx < 0 || idx >= this.itemList.length) continue;\n var node = ctx.subNodes[idx];\n if (!node) continue;\n node.selected = true;\n if (node.scrollIntoViewIfNeeded) // no Firefox support\n node.scrollIntoViewIfNeeded();\n }\n },\n clearSelectionsHTML: function(ctx) { this.deselectNodesHTML(ctx) },\n},\n'node creation', {\n createListNodeHTML: function() {\n var node = XHTMLNS.create('select');\n node.size = 2; // hmm 1 is drop downlist, any value hight is normal list\n node.style.cssText = 'white-space: pre';\n node.className = 'visibleSelection';\n return node;\n },\n getListExtentHTML: function(ctx) {\n return ctx.listNode.scrollHeight != 0 ? pt(ctx.listNode.scrollWidth, ctx.listNode.scrollHeight) : this.getExtent()\n },\n},\n'styling', {\n setFontSizeHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontSize = value + 'pt'\n },\n setFontFamilyHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontFamily = value\n },\n});\n\nlively.morphic.Shapes.Shape.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n init: 'initHTML',\n appendShape: 'renderHTML',\n setPosition: 'setPositionHTML',\n setExtent: 'setExtentHTML',\n setPadding: 'setPaddingHTML',\n setFill: 'setFillHTML',\n setBorderColor: 'setBorderColorHTML',\n setBorderWidth: 'setBorderWidthHTML',\n setStrokeOpacity: 'setStrokeOpacityHTML',\n setBorderRadius: 'setBorderRadiusHTML',\n setBorderStyle: 'setBorderStyleHTML',\n setOpacity: 'setOpacityHTML',\n setNodeClass: 'setNodeClassHTML',\n setNodeId: 'setNodeIdHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setAppearanceStylingMode: 'setAppearanceStylingModeHTML',\n setBorderStylingMode: 'setBorderStylingModeHTML',\n setComputedStyles: 'setComputedStylesHTML',\n setComputedBorderWidth: 'setComputedBorderWidthHTML'\n },\n},\n'initializing', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n throw new Error('Cannot call Shape>>initHTML because no shapeNode exists')\n this.setPositionHTML(ctx, this.getPosition());\n this.setExtentHTML(ctx, this.getExtent());\n this.setFillHTML(ctx, this.getFill());\n this.setFillOpacity(this.getFillOpacity())\n this.setOpacityHTML(ctx, this.getOpacity());\n this.setBorderWidthHTML(ctx, this.getBorderWidth()); // The other border props are initialized there as well\n this.setBorderStyleHTML(ctx, this.getBorderStyle());\n this.setPaddingHTML(ctx, this.getPadding()); // also sets extent\n\n this.getNodeClass() && this.setNodeClassHTML(ctx, this.getNodeClass());\n if (this.getNodeId()) {\n this.setNodeIdHTML(ctx, this.getNodeId());\n this.getStyleSheet && this.setStyleSheetHTML(ctx, this.getStyleSheet());\n }\n\n if (UserAgent.fireFoxVersion)\n ctx.shapeNode['-moz-user-modify'] = 'read-only'\n },\n renderHTML: function(ctx) {\n if (ctx.shapeNode.parentNode) return;\n var child = ctx.morphNode.childNodes[0];\n if (!child) ctx.morphNode.appendChild(ctx.shapeNode)\n else ctx.morphNode.insertBefore(ctx.shapeNode, child)\n },\n},\n'updating', {\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var padding = this.getPadding(),\n paddingWidth = padding.left() + padding.right(),\n paddingHeight = padding.top() + padding.bottom(),\n // HTML isn't using fractions for pixels, rounds internally,\n // this has to be reflected to compensate HTML's box model\n borderWidth = Math.floor(this.getBorderWidth()),\n realExtent = value\n .addXY(-2 * borderWidth, -2 * borderWidth)\n .addXY(-paddingWidth, -paddingHeight);\n realExtent = realExtent.maxPt(pt(0,0));\n ctx.domInterface.setExtent(ctx.shapeNode, realExtent);\n return realExtent;\n },\n setFillHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetAppearance) {\n ctx.domInterface.setFill(ctx.shapeNode, null, this.getBounds());\n } else {\n ctx.domInterface.setFill(ctx.shapeNode, value, this.getBounds());\n }\n },\n setBorderColorHTML: function(ctx, fill) {\n var alpha;\n if (this.getStrokeOpacity() != 1) {\n alpha = this.getStrokeOpacity();\n } else {\n alpha = fill === null ? 0 : fill.a;\n }\n return this.setBorderHTML(ctx, this.getBorderWidth(), fill, alpha)\n },\n setBorderStyleHTML: function(ctx, value) {\n if (ctx.shapeNode) {\n var style = this.isStyleSheetBorder ? null : value;\n ctx.shapeNode.style.borderStyle = style;\n }\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n setBorderRadiusHTML: function(ctx, value) {\n // does not make sense for morphs in general\n },\n setStrokeOpacityHTML: function(ctx, opacity) {\n return this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), opacity)\n },\n setBorderHTML: function(ctx, width, fill, opacity) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetBorder) {\n ctx.shapeNode.style['border'] = null;\n } else {\n if ((fill instanceof Color) && opacity) fill = fill.withA(opacity);\n if (!fill) fill = Color.rgba(0,0,0,0);\n ctx.shapeNode.style['border'] = this.getBorderStyle() + ' ' + width + 'px ' +\n fill.toCSSString(this.getBounds(), ctx.domInterface.html5CssPrefix);\n }\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n if (ctx.shapeNode) ctx.shapeNode.style.opacity = this.isStyleSheetAppearance ? null : value;\n },\n setPaddingHTML: function(ctx, r) {\n if (r === undefined || !ctx.shapeNode) return r;\n // Rectangle.inset(left, top, right, bottom) ==>\n // CSS padding: [padding-top] [padding-right] [padding-bottom] [padding-left]\n var s = r.top() + \"px \" + r.right() + \"px \" + r.bottom() + \"px \" + r.left() + \"px\";\n ctx.shapeNode.style.padding = s;\n return r;\n },\n\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.shapeNode.className = a;\n },\n\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.shapeNode.id = value;\n },\n\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.shapeNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Shape node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.shapeNode) return;\n var style = window.getComputedStyle(ctx.shapeNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n\n setComputedBorderWidthHTML: function(ctx, width) {},\n\n setAppearanceStylingModeHTML: function(ctx, value) {\n this.isStyleSheetAppearance = value;\n this.setFillHTML(ctx, this.shapeGetter(\"Fill\"));\n this.setOpacityHTML(ctx, this.shapeGetter(\"Opacity\"));\n },\n\n setBorderStylingModeHTML: function(ctx, value) {\n this.isStyleSheetBorder = value;\n this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), this.getStrokeOpacity());\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n }\n\n});\n\nlively.morphic.Shapes.Rectangle.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n },\n},\n'updating', {\n setBorderRadiusHTML: function(ctx, value) {\n var borderRadius = (this.isStyleSheetBorder) ? null : value;\n if (Object.isString(value)) {\n // irregular border radius for windows e.g.\n ctx.getShapeNode().style.borderRadius = borderRadius ;\n } else {\n ctx.domInterface.setHTMLBorderRadius(ctx.getShapeNode(), borderRadius , borderRadius);\n }\n },\n});\n\nlively.morphic.Shapes.Ellipse.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n // border radius is used to make a rectangle into an ellipse\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n },\n},\n'updating', {\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n if (ctx.shapeNode)\n ctx.domInterface.setHTMLBorderRadiusPoint(ctx.shapeNode, value);\n },\n setBorderRadiusHTML: function(ctx, value) {\n // ellipses border radius are the radius of the ellipse itself\n return;\n },\n});\n\nlively.morphic.Shapes.Image.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setImageURL: 'setImageURLHTML',\n getNativeExtent: 'getNativeExtentHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.imgNode = ctx.domInterface.htmlImg();\n ctx.shapeNode.appendChild(ctx.imgNode);\n ctx.imgNode.draggable = false;\n }\n $super(ctx);\n this.setImageURLHTML(ctx, this.getImageURL());\n },\n},\n'updating', {\n setImageURLHTML: function(ctx, urlString) {\n if (!ctx.imgNode) return;\n var shape = this;\n ctx.imgNode.onload = function(evt) { shape.isLoaded = true }\n ctx.imgNode.src = urlString;\n },\n},\n'accessing', {\n getNativeExtentHTML: function(ctx) {\n return pt(ctx.imgNode.naturalWidth, ctx.imgNode.naturalHeight)\n },\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n var extentWithoutBorder = value.addXY(-2*this.getBorderWidth(), -2*this.getBorderWidth());\n if (ctx.imgNode)\n ctx.domInterface.setExtent(ctx.imgNode, extentWithoutBorder);\n },\n\n});\n\nlively.morphic.Shapes.External.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getExtent: 'getExtentHTML',\n initFromStringifiedShapeNode: 'initFromStringifiedShapeNodeHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n ctx.shapeNode = this.shapeNode;\n },\n renderHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = this.shapeNode;\n }\n $super(ctx);\n },\n},\n'initializing', {\n initFromStringifiedShapeNodeHTML: function(ctx) {\n var element;\n if (this.stringifiedShapeNode) {\n element = stringToXML(this.stringifiedShapeNode);\n element.parentNode && element.parentNode.removeChild(element);\n }\n if (!element) {\n element = XHTMLNS.create('div');\n element.style.backgroundColor = Color.red.toCSSString();\n }\n var $element = new jQuery.fn.init(element),\n width = $element.width() || 0,\n height = $element.height() || 0,\n extent = pt(width, height);\n this.setExtent(extent);\n this.shapeNode = element;\n ctx && (ctx.shapeNode = element);\n },\n},\n'accessing', {\n getExtentHTML: function(ctx) {\n var $node = $(ctx.shapeNode);\n return pt($node.width() || 0, $node.height() || 0);\n },\n setOpacityHTML: function(ctx, value) { if (ctx.shapeNode.style) ctx.shapeNode.style.opacity = value; },\n\n});\n\nlively.morphic.Shapes.Path.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getPathNode: 'getPathNodeHTML',\n setPathElements: 'setPathElementsHTML',\n getPathBounds: 'getPathBoundsHTML',\n getTotalLength: 'getTotalLengthHTML',\n getPointAtTotalLength: 'getPointAtTotalLengthHTML',\n },\n},\n'HTML rendering', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.svgNode = NodeFactory.create('svg', {style: 'position: absolute'}); // otherwise there can be a line offset\n ctx.shapeNode.appendChild(ctx.svgNode);\n ctx.pathNode = NodeFactory.create('path');\n ctx.svgNode.appendChild(ctx.pathNode);\n }\n lively.morphic.Shapes.Shape.prototype.initHTML.call(this, ctx); //$super(ctx);\n this.setBorderColorHTML(ctx, this.getBorderColor());\n this.setPathElementsHTML(ctx, this.getPathElements());\n },\n},\n'accessing', {\n setPathElementsHTML: function(ctx, elements) {\n var pathNode = this.getPathNodeHTML(ctx);\n if (!pathNode) return;\n pathNode.setAttributeNS(null, \"d\", this.createSVGDataFromElements(elements));\n var bounds = this.getBounds();\n\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n\n setExtentHTML: function(ctx, value) {\n ctx.domInterface.setExtent(ctx.svgNode, value);\n },\n setFillHTML: function(ctx, value) {\n if (ctx.svgNode)\n ctx.domInterface.setFill(ctx.svgNode, value, this.getBounds());\n },\n setBorderStyleHTML: function(ctx, value) {\n if (value == 'dashed')\n ctx.svgNode.setAttribute('stroke-dasharray', '7 4')\n else if (value == 'dotted')\n ctx.svgNode.setAttribute('stroke-dasharray', '2 2')\n else\n ctx.svgNode.removeAttribute('stroke-dasharray')\n },\n setBorderColorHTML: function(ctx, fill) {\n ctx.domInterface.setSVGFillOrStrokePaint(this.getPathNodeHTML(ctx), 'stroke', fill)\n },\n setBorderWidthHTML: function(ctx, value) {\n var node = this.getPathNodeHTML(ctx);\n node && node.setAttribute('stroke-width', String(value));\n\n // borderWidth affects the bounds and the svg viewBox to extend the path equally into all directions\n var bounds = this.getBounds();\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n},\n'svg specific', {\n setElementsFromSVGData: function(data) {\n var elements = lively.morphic.Shapes.PathElement.parse(data);\n this.setPathElements(elements);\n },\n getPathNodeHTML: function(ctx) { return ctx.pathNode },\n getDefsNodeHTML: function(ctx) {\n var defNode = ctx.svgNode.getElementsByTagName('defs')[0];\n if (!defNode) {\n defNode = NodeFactory.create('defs');\n ctx.svgNode.insertBefore(defNode, ctx.svgNode.childNodes[0]);\n }\n return defNode;\n },\n\n getPathBoundsHTML: function (ctx) {\n var vertices = this.vertices(),\n minX = vertices.min(function(ea) { return ea.x; }),\n minY = vertices.min(function(ea) { return ea.y; }),\n maxX = vertices.max(function(ea) { return ea.x; }),\n maxY = vertices.max(function(ea) { return ea.y; }),\n halfStroke = Math.floor(this.getBorderWidth() / 2);\n return rect(pt(minX - 1 - halfStroke, minY - 1 - halfStroke),\n pt(maxX + halfStroke, maxY + halfStroke));\n },\n\n getTotalLengthHTML: function(ctx) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && pathNode.getTotalLength()\n },\n getPointAtTotalLengthHTML: function(ctx, totalLength) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && lively.Point.ensure(pathNode.getPointAtLength(totalLength));\n },\n});\nObject.extend(lively.morphic, {\n CSS: {}\n});\n\nObject.subclass('lively.morphic.CSS.Fill',\n'settings', {\n isCSSFill: true\n},\n'initializing', {\n initialize: function(cssBackgroundString) {\n this.cssBackgroundString = cssBackgroundString || \"\";\n }\n},\n'rendering', {\n applyToNode: function(node) {\n if (node.style) {\n node.style.background = this.cssBackgroundString;\n }\n }\n});\n\n\nlively.morphic.Shapes.Shape.addMethods(\n 'stylesheets', {\n\n\n\t\t\tsetStyleSheet: function(value) {\n\t\t\t\treturn this.shapeSetter('StyleSheet', value);\n\t\t\t},\n\t\t\tgetStyleSheet: function() {\n\t\t\t\treturn this.shapeGetter('StyleSheet') || \"\";\n\t\t\t},\n\n\t\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('AppearanceStylingMode', value);\n\t\t\t},\n\t\t\tgetAppearanceStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('AppearanceStylingMode');\n\t\t\t},\n\n\t\t\tsetBorderStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('BorderStylingMode', value);\n\t\t\t},\n\t\t\tgetBorderStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('BorderStylingMode');\n\t\t\t},\n\n\t\t\tupdateComputedStyles: function() {\n\t\t\t\treturn this.shapeSetter('ComputedStyles');\n\n\t\t\t}\n\n \n }\n );\n \n\n lively.morphic.Morph.addMethods(\n\t'stylesheets', {\n\t setOriginClass: function(className) {\n this.originClass = className;\n return this.renderContextDispatch('setOriginClass',className);\n },\n setOriginClassHTML: function(ctx, className) {\n var o = ctx.originNode;\n if (o) o.className = className;\n },\n\t\tapplyStyleSheet: function(style) {\n\t\t\tthis.setStyleSheet(style);\n\t\t},\n\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t// TRUE when appearance is styled through style sheets,\n\t\t\t// FALSE when appearance is styled through style dialog\n\t\t\tthis.shape.setAppearanceStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tapplyStyleSheetFromFile: function(file, resourcePath){\n\t\t // use the resourcePath parameter if the resources addressed\n\t\t // in the CSS file are in a different directory than the CSS'.\n\t\t // (use \"\" to leave the urls untouched)\n\t\t \n\t\t var absPath = file;\n\t\t // is the filename absolute? if not then make it absolute.\n\t\t if (absPath.search('http://')<0) {\n\t\t absPath = document.location.href.toString().split('?')[0];\n\t\t absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1);\n\t\t absPath += \"/\"+file;\n\t\t }\n\t\t var url = new URL(absPath);\n\t\t \n\t\t URL.proxy = null;\n \n\t\t\tvar webR = new WebResource(url);\n webR.forceUncached();\n\t\t\tvar webRGet = webR.get();\n\t\t\tif (webRGet.status.code() == 200) {\n\t\t\t // add resource path to all relative urls in the css\n\t\t\t var css = webRGet.content;\n\t\t\t \n\t\t\t var resPath = resourcePath;\n\t\t\t if (!resPath){\n resPath = absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1); \n\t\t\t }\n\t\t\t var urlReplace = \"url(\"+resPath;\n\t\t\t var urlReplaceSingle = \"url('\"+resPath;\n\t\t\t var urlReplaceDouble = 'url(\"'+resPath;\t\t\t \t\t\t \n\t\t\t css = css.replace(/url\\([\\s]*\\'(?![\\s]*http)/g, urlReplaceSingle).replace(/url\\([\\s]*\\\"(?![\\s]*http)/g, urlReplaceDouble ).replace(/url\\((?![\\s]*[\\'|\\\"])(?![\\s]*http)/g, urlReplace );\n \n \n // insert line breaks so the css is more legible\n css = css.replace(/\\;(?![\\s]*(\\r\\n|\\n|\\r))/g,\";\\n\").replace(/\\}(?![\\s]*(\\r\\n|\\n|\\r))/g,\"}\\n\").replace(/\\{(?![\\s]*(\\r\\n|\\n|\\r))/g,\"{\\n\");\n console.log(css);\n \n // set the style sheet\n this.setStyleSheet(css);\n\t\t\t}\n\t\t\telse {\n throw new Error(\"Couldn't load stylesheet at \"+absPath+\" --> \" +webRGet.status.code());\n\t\t\t}\n\t\t\t\n\t\t\treturn {\n\t\t\t\tstatus: webRGet.status.code(),\n\t\t\t\tresponseText: webRGet.content\n\t\t\t};\n\t\t},\n\t\t\t\t\t\n\t\tsetStyleSheet: function(value) {\n\t\t\tthis.setNodeId();\n\t\t\tthis.shape.setStyleSheet(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetStyleSheet: function() {\n\t\t\tvar r = this.shape.getStyleSheet();\n\t\t\t//this.updateComputedStyles();\n\t\t\treturn r;\n\t\t}, \n\t\n\t\tgetAppearanceStylingMode: function() {\n\t\t\treturn this.shape.getAppearanceStylingMode();\n\t\t},\n\n\t\tsetBorderStylingMode: function(value) {\n\t\t\t// TRUE when border is styled through style sheets,\n\t\t\t// FALSE when border is styled through style dialog\n\t\t\tthis.shape.setBorderStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetBorderStylingMode: function() {\n\t\t\treturn this.shape.getBorderStylingMode();\n\t\t},\n\n\t\n\t\tupdateComputedStyles: function() {\n\t\t\tthis.shape.updateComputedStyles();\n\t\t\tthis.submorphs.each(function(m){m.updateComputedStyles();});\n\t\t},\n\t}\n);\n\nlively.morphic.Box.subclass('lively.morphic.SimpleText',\n'simple text', {\n htmlDispatchTable: {\n setText: 'setTextHTML'\n },\n \n initialize: function($super, bounds, optText){\n $super(bounds);\n this.text = optText || \"Simple Text\";\n },\n setText: function(text){\n this.text = text; \n return this.renderContextDispatch('setText', text); \n },\n setTextHTML: function(ctx, text){\n ctx.shapeNode.innerHTML = text; \n },\n \n appendHTML: function($super, ctx) {\n $super(ctx);\n if (ctx.shapeNode) {\n this.setTextHTML(ctx, this.text);\n }\n },\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set text', function(evt) {\n $world.prompt('Set text', function(input) {\n if (input !== null)\n self.setText(input || '');\n }, this.text);\n }])\n return items;\n },\n \n}\n\n);\n\n\n}) // end of module\n","doNotSerialize":["$$targetURL"],"doNotCopyProperties":["$$targetURL"],"_rootNode":{"__isSmartRef__":true,"id":395},"Pane1Selection":{"__isSmartRef__":true,"id":418},"pane1Selection":{"__isSmartRef__":true,"id":418},"Pane2Selection":null,"pane2Selection":null,"Pane3Selection":null,"pane3Selection":null,"Pane4Selection":null,"pane4Selection":null,"Pane4Content":["-----"],"Pane3Content":["-----"],"Pane2Content":[{"__isSmartRef__":true,"id":809},{"__isSmartRef__":true,"id":811},{"__isSmartRef__":true,"id":813},{"__isSmartRef__":true,"id":815},{"__isSmartRef__":true,"id":817},{"__isSmartRef__":true,"id":819},{"__isSmartRef__":true,"id":821},{"__isSmartRef__":true,"id":823},{"__isSmartRef__":true,"id":825},{"__isSmartRef__":true,"id":827},{"__isSmartRef__":true,"id":829},{"__isSmartRef__":true,"id":831},{"__isSmartRef__":true,"id":833},{"__isSmartRef__":true,"id":835},{"__isSmartRef__":true,"id":837},{"__isSmartRef__":true,"id":839},{"__isSmartRef__":true,"id":841},{"__isSmartRef__":true,"id":843},{"__isSmartRef__":true,"id":845}],"Pane1Content":[{"__isSmartRef__":true,"id":392},{"__isSmartRef__":true,"id":718},{"__isSmartRef__":true,"id":719},{"__isSmartRef__":true,"id":720},{"__isSmartRef__":true,"id":721},{"__isSmartRef__":true,"id":722},{"__isSmartRef__":true,"id":723},{"__isSmartRef__":true,"id":724},{"__isSmartRef__":true,"id":725},{"__isSmartRef__":true,"id":726},{"__isSmartRef__":true,"id":727},{"__isSmartRef__":true,"id":728},{"__isSmartRef__":true,"id":729},{"__isSmartRef__":true,"id":730},{"__isSmartRef__":true,"id":731},{"__isSmartRef__":true,"id":732},{"__isSmartRef__":true,"id":733},{"__isSmartRef__":true,"id":734},{"__isSmartRef__":true,"id":735},{"__isSmartRef__":true,"id":736},{"__isSmartRef__":true,"id":737},{"__isSmartRef__":true,"id":738},{"__isSmartRef__":true,"id":739},{"__isSmartRef__":true,"id":740},{"__isSmartRef__":true,"id":741},{"__isSmartRef__":true,"id":742},{"__isSmartRef__":true,"id":743},{"__isSmartRef__":true,"id":744},{"__isSmartRef__":true,"id":745},{"__isSmartRef__":true,"id":746},{"__isSmartRef__":true,"id":747},{"__isSmartRef__":true,"id":748},{"__isSmartRef__":true,"id":749},{"__isSmartRef__":true,"id":750},{"__isSmartRef__":true,"id":751},{"__isSmartRef__":true,"id":752},{"__isSmartRef__":true,"id":753},{"__isSmartRef__":true,"id":754},{"__isSmartRef__":true,"id":755},{"__isSmartRef__":true,"id":756},{"__isSmartRef__":true,"id":757},{"__isSmartRef__":true,"id":758},{"__isSmartRef__":true,"id":759},{"__isSmartRef__":true,"id":760},{"__isSmartRef__":true,"id":761},{"__isSmartRef__":true,"id":762},{"__isSmartRef__":true,"id":763},{"__isSmartRef__":true,"id":764},{"__isSmartRef__":true,"id":765},{"__isSmartRef__":true,"id":766},{"__isSmartRef__":true,"id":767}],"Pane1Menu":[["Add to world requirements"],["remove"],["reparse"],["-------"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"Pane2Menu":[["-------"],["add class"],["add object extension"],["add layer"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"Pane3Menu":[["-------"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"currentModuleName":"lively.morphic.HTML","__LivelyClassName__":"lively.ide.SystemBrowser","__SourceModuleName__":"Global.lively.ide.SystemCodeBrowser"},"150":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":151},"__LivelyClassName__":"lively.ide.AddNewFileCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"151":{"submorphs":[{"__isSmartRef__":true,"id":152}],"scripts":[],"shape":{"__isSmartRef__":true,"id":163},"derivationIds":[],"id":"6570D7A6-42FF-4912-BF5D-E74FC1AD946A","renderContextTable":{"__isSmartRef__":true,"id":176},"eventHandler":{"__isSmartRef__":true,"id":177},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":178},"priorExtent":{"__isSmartRef__":true,"id":179},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":152},"command":{"__isSmartRef__":true,"id":150},"attributeConnections":[{"__isSmartRef__":true,"id":180},{"__isSmartRef__":true,"id":181}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":183},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"152":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":153},"derivationIds":[],"id":"20E59A02-EC4B-4867-A63A-0A853FEEC4CC","renderContextTable":{"__isSmartRef__":true,"id":158},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":159}],"eventHandler":{"__isSmartRef__":true,"id":161},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":151},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":162},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"153":{"_Position":{"__isSmartRef__":true,"id":154},"renderContextTable":{"__isSmartRef__":true,"id":155},"_Extent":{"__isSmartRef__":true,"id":156},"_Padding":{"__isSmartRef__":true,"id":157},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-20e59a02-ec4b-4867-a63a-0a853feec4cc","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"154":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"155":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"156":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"157":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"158":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"159":{"style":{"__isSmartRef__":true,"id":160},"chunkOwner":{"__isSmartRef__":true,"id":152},"_id":"_176","storedString":"Add module","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"160":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"161":{"morph":{"__isSmartRef__":true,"id":152},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"162":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"163":{"_Position":{"__isSmartRef__":true,"id":164},"renderContextTable":{"__isSmartRef__":true,"id":165},"_Extent":{"__isSmartRef__":true,"id":162},"_Padding":{"__isSmartRef__":true,"id":166},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-6570d7a6-42ff-4912-bf5d-e74fc1ad946a","_Fill":{"__isSmartRef__":true,"id":168},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"164":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"165":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"166":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"167":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"168":{"stops":[{"__isSmartRef__":true,"id":169},{"__isSmartRef__":true,"id":171},{"__isSmartRef__":true,"id":173},{"__isSmartRef__":true,"id":174}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"169":{"offset":0,"color":{"__isSmartRef__":true,"id":170}},"170":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"171":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"172":{"r":0.8666666666666667,"g":0.8666666666666667,"b":0.8666666666666667,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"173":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"174":{"offset":1,"color":{"__isSmartRef__":true,"id":175}},"175":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"176":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"177":{"morph":{"__isSmartRef__":true,"id":151},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"178":{"x":0,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"179":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"180":{"sourceObj":{"__isSmartRef__":true,"id":151},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":150},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"181":{"sourceObj":{"__isSmartRef__":true,"id":151},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":151},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":182},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"182":{"source":{"__isSmartRef__":true,"id":151},"target":{"__isSmartRef__":true,"id":151}},"183":{"scaleVertical":true,"scaleHorizontal":true},"184":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":185},"__LivelyClassName__":"lively.ide.AllModulesLoadCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"185":{"submorphs":[{"__isSmartRef__":true,"id":186}],"scripts":[],"shape":{"__isSmartRef__":true,"id":197},"derivationIds":[],"id":"319BC2F6-2111-47A1-B1C8-74419A00F6C9","renderContextTable":{"__isSmartRef__":true,"id":208},"eventHandler":{"__isSmartRef__":true,"id":209},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":210},"priorExtent":{"__isSmartRef__":true,"id":211},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":186},"command":{"__isSmartRef__":true,"id":184},"attributeConnections":[{"__isSmartRef__":true,"id":212},{"__isSmartRef__":true,"id":213}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":215},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"186":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":187},"derivationIds":[],"id":"39D252C9-ECB9-44E5-ABD1-F81FA5952545","renderContextTable":{"__isSmartRef__":true,"id":192},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":193}],"eventHandler":{"__isSmartRef__":true,"id":195},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":185},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":196},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"187":{"_Position":{"__isSmartRef__":true,"id":188},"renderContextTable":{"__isSmartRef__":true,"id":189},"_Extent":{"__isSmartRef__":true,"id":190},"_Padding":{"__isSmartRef__":true,"id":191},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-39d252c9-ecb9-44e5-abd1-f81fa5952545","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"188":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"189":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"190":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"191":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"192":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"193":{"style":{"__isSmartRef__":true,"id":194},"chunkOwner":{"__isSmartRef__":true,"id":186},"_id":"_180","storedString":"Load all","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"194":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"195":{"morph":{"__isSmartRef__":true,"id":186},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"196":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"197":{"_Position":{"__isSmartRef__":true,"id":198},"renderContextTable":{"__isSmartRef__":true,"id":199},"_Extent":{"__isSmartRef__":true,"id":196},"_Padding":{"__isSmartRef__":true,"id":200},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-319bc2f6-2111-47a1-b1c8-74419a00f6c9","_Fill":{"__isSmartRef__":true,"id":201},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"198":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"199":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"200":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"201":{"stops":[{"__isSmartRef__":true,"id":202},{"__isSmartRef__":true,"id":204},{"__isSmartRef__":true,"id":205},{"__isSmartRef__":true,"id":206}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"202":{"offset":0,"color":{"__isSmartRef__":true,"id":203}},"203":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"204":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"205":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"206":{"offset":1,"color":{"__isSmartRef__":true,"id":207}},"207":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"208":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"209":{"morph":{"__isSmartRef__":true,"id":185},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"210":{"x":130,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"211":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"212":{"sourceObj":{"__isSmartRef__":true,"id":185},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":184},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"213":{"sourceObj":{"__isSmartRef__":true,"id":185},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":185},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":214},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"214":{"source":{"__isSmartRef__":true,"id":185},"target":{"__isSmartRef__":true,"id":185}},"215":{"scaleVertical":true,"scaleHorizontal":true},"216":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":217},"__LivelyClassName__":"lively.ide.ShowLineNumbersCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"217":{"submorphs":[{"__isSmartRef__":true,"id":218}],"scripts":[],"shape":{"__isSmartRef__":true,"id":229},"derivationIds":[],"id":"ED3C9CE1-08E9-4735-A000-BB854828D6A2","renderContextTable":{"__isSmartRef__":true,"id":240},"eventHandler":{"__isSmartRef__":true,"id":241},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":242},"priorExtent":{"__isSmartRef__":true,"id":243},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":218},"command":{"__isSmartRef__":true,"id":216},"attributeConnections":[{"__isSmartRef__":true,"id":244},{"__isSmartRef__":true,"id":245}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":247},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"218":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":219},"derivationIds":[],"id":"1CEDABF2-7031-42CE-8BD2-68574A773389","renderContextTable":{"__isSmartRef__":true,"id":224},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":225}],"eventHandler":{"__isSmartRef__":true,"id":227},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":217},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":228},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"219":{"_Position":{"__isSmartRef__":true,"id":220},"renderContextTable":{"__isSmartRef__":true,"id":221},"_Extent":{"__isSmartRef__":true,"id":222},"_Padding":{"__isSmartRef__":true,"id":223},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-1cedabf2-7031-42ce-8bd2-68574a773389","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"220":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"221":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"222":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"223":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"224":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"225":{"style":{"__isSmartRef__":true,"id":226},"chunkOwner":{"__isSmartRef__":true,"id":218},"_id":"_184","storedString":"LineNo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"226":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"227":{"morph":{"__isSmartRef__":true,"id":218},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"228":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"229":{"_Position":{"__isSmartRef__":true,"id":230},"renderContextTable":{"__isSmartRef__":true,"id":231},"_Extent":{"__isSmartRef__":true,"id":228},"_Padding":{"__isSmartRef__":true,"id":232},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-ed3c9ce1-08e9-4735-a000-bb854828d6a2","_Fill":{"__isSmartRef__":true,"id":233},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"230":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"231":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"232":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"233":{"stops":[{"__isSmartRef__":true,"id":234},{"__isSmartRef__":true,"id":236},{"__isSmartRef__":true,"id":237},{"__isSmartRef__":true,"id":238}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"234":{"offset":0,"color":{"__isSmartRef__":true,"id":235}},"235":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"236":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"237":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"238":{"offset":1,"color":{"__isSmartRef__":true,"id":239}},"239":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"240":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"241":{"morph":{"__isSmartRef__":true,"id":217},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"242":{"x":260,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"243":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"244":{"sourceObj":{"__isSmartRef__":true,"id":217},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":216},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"245":{"sourceObj":{"__isSmartRef__":true,"id":217},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":217},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":246},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"246":{"source":{"__isSmartRef__":true,"id":217},"target":{"__isSmartRef__":true,"id":217}},"247":{"scaleVertical":true,"scaleHorizontal":true},"248":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":249},"__LivelyClassName__":"lively.ide.ParserDebugCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"249":{"submorphs":[{"__isSmartRef__":true,"id":250}],"scripts":[],"shape":{"__isSmartRef__":true,"id":261},"derivationIds":[],"id":"8C46B3D2-E7C0-4615-9CF1-909E87F72F2B","renderContextTable":{"__isSmartRef__":true,"id":272},"eventHandler":{"__isSmartRef__":true,"id":273},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":274},"priorExtent":{"__isSmartRef__":true,"id":275},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":250},"command":{"__isSmartRef__":true,"id":248},"attributeConnections":[{"__isSmartRef__":true,"id":276},{"__isSmartRef__":true,"id":277}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":279},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"250":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":251},"derivationIds":[],"id":"824C3755-1731-42A3-A709-1260CB91E074","renderContextTable":{"__isSmartRef__":true,"id":256},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":257}],"eventHandler":{"__isSmartRef__":true,"id":259},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":249},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":260},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"251":{"_Position":{"__isSmartRef__":true,"id":252},"renderContextTable":{"__isSmartRef__":true,"id":253},"_Extent":{"__isSmartRef__":true,"id":254},"_Padding":{"__isSmartRef__":true,"id":255},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-824c3755-1731-42a3-a709-1260cb91e074","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"252":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"253":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"254":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"255":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"256":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"257":{"style":{"__isSmartRef__":true,"id":258},"chunkOwner":{"__isSmartRef__":true,"id":250},"_id":"_188","storedString":"Dbg errors is off","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"258":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"259":{"morph":{"__isSmartRef__":true,"id":250},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"260":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"261":{"_Position":{"__isSmartRef__":true,"id":262},"renderContextTable":{"__isSmartRef__":true,"id":263},"_Extent":{"__isSmartRef__":true,"id":260},"_Padding":{"__isSmartRef__":true,"id":264},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-8c46b3d2-e7c0-4615-9cf1-909e87f72f2b","_Fill":{"__isSmartRef__":true,"id":265},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"262":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"263":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"264":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"265":{"stops":[{"__isSmartRef__":true,"id":266},{"__isSmartRef__":true,"id":268},{"__isSmartRef__":true,"id":269},{"__isSmartRef__":true,"id":270}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"266":{"offset":0,"color":{"__isSmartRef__":true,"id":267}},"267":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"268":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"269":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"270":{"offset":1,"color":{"__isSmartRef__":true,"id":271}},"271":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"272":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"273":{"morph":{"__isSmartRef__":true,"id":249},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"274":{"x":390,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"275":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"276":{"sourceObj":{"__isSmartRef__":true,"id":249},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":248},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"277":{"sourceObj":{"__isSmartRef__":true,"id":249},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":249},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":278},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"278":{"source":{"__isSmartRef__":true,"id":249},"target":{"__isSmartRef__":true,"id":249}},"279":{"scaleVertical":true,"scaleHorizontal":true},"280":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":281},"__LivelyClassName__":"lively.ide.EvaluateCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"281":{"submorphs":[{"__isSmartRef__":true,"id":282}],"scripts":[],"shape":{"__isSmartRef__":true,"id":293},"derivationIds":[],"id":"6CC50BBB-6B6D-4EE9-8959-5412E4A3234E","renderContextTable":{"__isSmartRef__":true,"id":304},"eventHandler":{"__isSmartRef__":true,"id":305},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":306},"priorExtent":{"__isSmartRef__":true,"id":307},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":282},"command":{"__isSmartRef__":true,"id":280},"attributeConnections":[{"__isSmartRef__":true,"id":308},{"__isSmartRef__":true,"id":309}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":311},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"282":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":283},"derivationIds":[],"id":"BF5CFCFF-A480-4087-B8E1-A80168B12C49","renderContextTable":{"__isSmartRef__":true,"id":288},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":289}],"eventHandler":{"__isSmartRef__":true,"id":291},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":281},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":292},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"283":{"_Position":{"__isSmartRef__":true,"id":284},"renderContextTable":{"__isSmartRef__":true,"id":285},"_Extent":{"__isSmartRef__":true,"id":286},"_Padding":{"__isSmartRef__":true,"id":287},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-bf5cfcff-a480-4087-b8e1-a80168b12c49","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"284":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"285":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"286":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"287":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"288":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"289":{"style":{"__isSmartRef__":true,"id":290},"chunkOwner":{"__isSmartRef__":true,"id":282},"_id":"_192","storedString":"Eval on","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"290":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"291":{"morph":{"__isSmartRef__":true,"id":282},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"292":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"293":{"_Position":{"__isSmartRef__":true,"id":294},"renderContextTable":{"__isSmartRef__":true,"id":295},"_Extent":{"__isSmartRef__":true,"id":292},"_Padding":{"__isSmartRef__":true,"id":296},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-6cc50bbb-6b6d-4ee9-8959-5412e4a3234e","_Fill":{"__isSmartRef__":true,"id":297},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"294":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"295":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"296":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"297":{"stops":[{"__isSmartRef__":true,"id":298},{"__isSmartRef__":true,"id":300},{"__isSmartRef__":true,"id":301},{"__isSmartRef__":true,"id":302}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"298":{"offset":0,"color":{"__isSmartRef__":true,"id":299}},"299":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"300":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"301":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"302":{"offset":1,"color":{"__isSmartRef__":true,"id":303}},"303":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"304":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"305":{"morph":{"__isSmartRef__":true,"id":281},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"306":{"x":520,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"307":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"308":{"sourceObj":{"__isSmartRef__":true,"id":281},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":280},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"309":{"sourceObj":{"__isSmartRef__":true,"id":281},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":281},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":310},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"310":{"source":{"__isSmartRef__":true,"id":281},"target":{"__isSmartRef__":true,"id":281}},"311":{"scaleVertical":true,"scaleHorizontal":true},"312":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":313},"__LivelyClassName__":"lively.ide.SortCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"313":{"submorphs":[{"__isSmartRef__":true,"id":314}],"scripts":[],"shape":{"__isSmartRef__":true,"id":325},"derivationIds":[],"id":"D469E6CD-6C10-475F-9F44-BB65E17C1448","renderContextTable":{"__isSmartRef__":true,"id":336},"eventHandler":{"__isSmartRef__":true,"id":337},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":338},"priorExtent":{"__isSmartRef__":true,"id":339},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":314},"command":{"__isSmartRef__":true,"id":312},"attributeConnections":[{"__isSmartRef__":true,"id":340},{"__isSmartRef__":true,"id":341}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":343},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"314":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":315},"derivationIds":[],"id":"70EAB74B-2F22-4251-8E55-B3041A307A52","renderContextTable":{"__isSmartRef__":true,"id":320},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":321}],"eventHandler":{"__isSmartRef__":true,"id":323},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":313},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":324},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"315":{"_Position":{"__isSmartRef__":true,"id":316},"renderContextTable":{"__isSmartRef__":true,"id":317},"_Extent":{"__isSmartRef__":true,"id":318},"_Padding":{"__isSmartRef__":true,"id":319},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-70eab74b-2f22-4251-8e55-b3041a307a52","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"316":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"317":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"318":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"319":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"320":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"321":{"style":{"__isSmartRef__":true,"id":322},"chunkOwner":{"__isSmartRef__":true,"id":314},"_id":"_196","storedString":"Sort","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"322":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"323":{"morph":{"__isSmartRef__":true,"id":314},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"324":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"325":{"_Position":{"__isSmartRef__":true,"id":326},"renderContextTable":{"__isSmartRef__":true,"id":327},"_Extent":{"__isSmartRef__":true,"id":324},"_Padding":{"__isSmartRef__":true,"id":328},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-d469e6cd-6c10-475f-9f44-bb65e17c1448","_Fill":{"__isSmartRef__":true,"id":329},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"326":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"327":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"328":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"329":{"stops":[{"__isSmartRef__":true,"id":330},{"__isSmartRef__":true,"id":332},{"__isSmartRef__":true,"id":333},{"__isSmartRef__":true,"id":334}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"330":{"offset":0,"color":{"__isSmartRef__":true,"id":331}},"331":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"332":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"333":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"334":{"offset":1,"color":{"__isSmartRef__":true,"id":335}},"335":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"336":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"337":{"morph":{"__isSmartRef__":true,"id":313},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"338":{"x":650,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"339":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"340":{"sourceObj":{"__isSmartRef__":true,"id":313},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":312},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"341":{"sourceObj":{"__isSmartRef__":true,"id":313},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":313},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":342},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"342":{"source":{"__isSmartRef__":true,"id":313},"target":{"__isSmartRef__":true,"id":313}},"343":{"scaleVertical":true,"scaleHorizontal":true},"344":{"browser":{"__isSmartRef__":true,"id":149},"button":{"__isSmartRef__":true,"id":345},"__LivelyClassName__":"lively.ide.ViewSourceCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"345":{"submorphs":[{"__isSmartRef__":true,"id":346}],"scripts":[],"shape":{"__isSmartRef__":true,"id":357},"derivationIds":[],"id":"C9F82441-F63F-449F-B1C7-9AA08F216136","renderContextTable":{"__isSmartRef__":true,"id":368},"eventHandler":{"__isSmartRef__":true,"id":369},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":370},"priorExtent":{"__isSmartRef__":true,"id":371},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":346},"command":{"__isSmartRef__":true,"id":344},"attributeConnections":[{"__isSmartRef__":true,"id":372},{"__isSmartRef__":true,"id":373}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":375},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"346":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":347},"derivationIds":[],"id":"9B0504BA-9783-43CE-A036-260BEA7942AC","renderContextTable":{"__isSmartRef__":true,"id":352},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":353}],"eventHandler":{"__isSmartRef__":true,"id":355},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":345},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":356},"_MaxTextWidth":130,"_MinTextWidth":130,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"347":{"_Position":{"__isSmartRef__":true,"id":348},"renderContextTable":{"__isSmartRef__":true,"id":349},"_Extent":{"__isSmartRef__":true,"id":350},"_Padding":{"__isSmartRef__":true,"id":351},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-9b0504ba-9783-43ce-a036-260bea7942ac","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"348":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"349":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"350":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"351":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"352":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"353":{"style":{"__isSmartRef__":true,"id":354},"chunkOwner":{"__isSmartRef__":true,"id":346},"_id":"_200","storedString":"View as...","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"354":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"355":{"morph":{"__isSmartRef__":true,"id":346},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"356":{"x":130,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"357":{"_Position":{"__isSmartRef__":true,"id":358},"renderContextTable":{"__isSmartRef__":true,"id":359},"_Extent":{"__isSmartRef__":true,"id":356},"_Padding":{"__isSmartRef__":true,"id":360},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-c9f82441-f63f-449f-b1c7-9aa08f216136","_Fill":{"__isSmartRef__":true,"id":361},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"358":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"359":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"360":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"361":{"stops":[{"__isSmartRef__":true,"id":362},{"__isSmartRef__":true,"id":364},{"__isSmartRef__":true,"id":365},{"__isSmartRef__":true,"id":366}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"362":{"offset":0,"color":{"__isSmartRef__":true,"id":363}},"363":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"364":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"365":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"366":{"offset":1,"color":{"__isSmartRef__":true,"id":367}},"367":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"368":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"369":{"morph":{"__isSmartRef__":true,"id":345},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"370":{"x":780,"y":365.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"371":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"372":{"sourceObj":{"__isSmartRef__":true,"id":345},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":344},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"373":{"sourceObj":{"__isSmartRef__":true,"id":345},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":345},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":374},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"374":{"source":{"__isSmartRef__":true,"id":345},"target":{"__isSmartRef__":true,"id":345}},"375":{"scaleVertical":true,"scaleHorizontal":true},"376":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"377":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"378":{"attributes":["isClassNode","isGrammarNode","isChangeNode","isFunctionNode","isObjectNode"],"__LivelyClassName__":"lively.ide.NodeTypeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"379":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"380":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"381":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"382":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"383":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"setPane1Content","targetObj":{"__isSmartRef__":true,"id":384},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":799},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"384":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":385},"derivationIds":[],"id":"D0813D20-4FD8-4C59-8DB7-0B282C7A638D","renderContextTable":{"__isSmartRef__":true,"id":391},"itemList":[{"__isSmartRef__":true,"id":392},{"__isSmartRef__":true,"id":718},{"__isSmartRef__":true,"id":719},{"__isSmartRef__":true,"id":720},{"__isSmartRef__":true,"id":721},{"__isSmartRef__":true,"id":722},{"__isSmartRef__":true,"id":723},{"__isSmartRef__":true,"id":724},{"__isSmartRef__":true,"id":725},{"__isSmartRef__":true,"id":726},{"__isSmartRef__":true,"id":727},{"__isSmartRef__":true,"id":728},{"__isSmartRef__":true,"id":729},{"__isSmartRef__":true,"id":730},{"__isSmartRef__":true,"id":731},{"__isSmartRef__":true,"id":732},{"__isSmartRef__":true,"id":733},{"__isSmartRef__":true,"id":734},{"__isSmartRef__":true,"id":735},{"__isSmartRef__":true,"id":736},{"__isSmartRef__":true,"id":737},{"__isSmartRef__":true,"id":738},{"__isSmartRef__":true,"id":739},{"__isSmartRef__":true,"id":740},{"__isSmartRef__":true,"id":741},{"__isSmartRef__":true,"id":742},{"__isSmartRef__":true,"id":743},{"__isSmartRef__":true,"id":744},{"__isSmartRef__":true,"id":745},{"__isSmartRef__":true,"id":746},{"__isSmartRef__":true,"id":747},{"__isSmartRef__":true,"id":748},{"__isSmartRef__":true,"id":749},{"__isSmartRef__":true,"id":750},{"__isSmartRef__":true,"id":751},{"__isSmartRef__":true,"id":752},{"__isSmartRef__":true,"id":753},{"__isSmartRef__":true,"id":754},{"__isSmartRef__":true,"id":755},{"__isSmartRef__":true,"id":756},{"__isSmartRef__":true,"id":757},{"__isSmartRef__":true,"id":758},{"__isSmartRef__":true,"id":759},{"__isSmartRef__":true,"id":760},{"__isSmartRef__":true,"id":761},{"__isSmartRef__":true,"id":762},{"__isSmartRef__":true,"id":763},{"__isSmartRef__":true,"id":764},{"__isSmartRef__":true,"id":765},{"__isSmartRef__":true,"id":766},{"__isSmartRef__":true,"id":767}],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":768},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":769},"selection":{"__isSmartRef__":true,"id":770},"selectedLineNo":20,"priorExtent":{"__isSmartRef__":true,"id":771},"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":772},"attributeConnections":[{"__isSmartRef__":true,"id":773},{"__isSmartRef__":true,"id":778},{"__isSmartRef__":true,"id":780},{"__isSmartRef__":true,"id":782}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":784},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"385":{"_Position":{"__isSmartRef__":true,"id":386},"renderContextTable":{"__isSmartRef__":true,"id":387},"_Extent":{"__isSmartRef__":true,"id":388},"_Padding":{"__isSmartRef__":true,"id":389},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":390},"_NodeClass":["morph","box","list"],"_NodeId":"morph-d0813d20-4fd8-4c59-8db7-0b282c7a638d","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"386":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"387":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"388":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"389":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"390":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"391":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"392":{"isListItem":true,"string":"tests/","value":{"__isSmartRef__":true,"id":393}},"393":{"target":{"__isSmartRef__":true,"id":394},"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"localName":"tests/","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"394":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/tests/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"395":{"target":{"__isSmartRef__":true,"id":396},"browser":{"__isSmartRef__":true,"id":149},"parent":null,"allFiles":["lively/morphic/HTML.js","lively/morphic/jqueryflot.js","lively/morphic/EventExperiments.js","lively/morphic/Widgets.js","lively/morphic/Chris.js","lively/morphic/Rendering.js","lively/morphic/Layout.js","lively/morphic/Serialization.js","lively/morphic/MorphAddons.js","lively/morphic/SAPWorkSheetTest.js","lively/morphic/SAPWorkSheet.js","lively/morphic/ObjectMigration.js","lively/morphic/ColorChooserDraft.js","lively/morphic/SAPCommonWidgets.js","lively/morphic/Compat.js","lively/morphic/Shapes.js","lively/morphic/Grid.js","lively/morphic/Core.js","lively/morphic/HTMLExperiments.js","lively/morphic/TextCore.js","lively/morphic/testsubText.js","lively/morphic/test_1.js","lively/morphic/SAPBPCWidgets.js","lively/morphic/Tests.js","lively/morphic/test4.js","lively/morphic/Events.js","lively/morphic/Graffle.js","lively/morphic/Halos.js","lively/morphic/SAPUI5.js","lively/morphic/Complete.js","lively/morphic/Canvas.js","lively/morphic/ModernWindow.js","lively/morphic/StyleSheets.js","lively/morphic/Connectors.js","lively/morphic/test.js","lively/morphic/CompatLayer.js","lively/morphic/jquery.flot.js","lively/morphic/Styles.js","lively/morphic/Paragraphs.js","lively/morphic/DiffMerge.js","lively/morphic/SVG.js","lively/morphic/ScriptingSupport.js","lively/morphic/WidgetsAddOns.js","lively/morphic/PathShapes.js","lively/morphic/Graphics.js","lively/morphic/AdditionalMorphs.js","lively/morphic/Experiments.js"],"subNamespacePaths":[{"__isSmartRef__":true,"id":394},{"__isSmartRef__":true,"id":397}],"parentNamespacePath":{"__isSmartRef__":true,"id":398},"_childNodes":[{"__isSmartRef__":true,"id":393},{"__isSmartRef__":true,"id":399},{"__isSmartRef__":true,"id":400},{"__isSmartRef__":true,"id":401},{"__isSmartRef__":true,"id":402},{"__isSmartRef__":true,"id":403},{"__isSmartRef__":true,"id":404},{"__isSmartRef__":true,"id":405},{"__isSmartRef__":true,"id":406},{"__isSmartRef__":true,"id":407},{"__isSmartRef__":true,"id":408},{"__isSmartRef__":true,"id":409},{"__isSmartRef__":true,"id":410},{"__isSmartRef__":true,"id":411},{"__isSmartRef__":true,"id":412},{"__isSmartRef__":true,"id":413},{"__isSmartRef__":true,"id":414},{"__isSmartRef__":true,"id":415},{"__isSmartRef__":true,"id":416},{"__isSmartRef__":true,"id":417},{"__isSmartRef__":true,"id":418},{"__isSmartRef__":true,"id":687},{"__isSmartRef__":true,"id":688},{"__isSmartRef__":true,"id":689},{"__isSmartRef__":true,"id":690},{"__isSmartRef__":true,"id":691},{"__isSmartRef__":true,"id":692},{"__isSmartRef__":true,"id":693},{"__isSmartRef__":true,"id":694},{"__isSmartRef__":true,"id":695},{"__isSmartRef__":true,"id":696},{"__isSmartRef__":true,"id":697},{"__isSmartRef__":true,"id":698},{"__isSmartRef__":true,"id":699},{"__isSmartRef__":true,"id":700},{"__isSmartRef__":true,"id":701},{"__isSmartRef__":true,"id":702},{"__isSmartRef__":true,"id":703},{"__isSmartRef__":true,"id":704},{"__isSmartRef__":true,"id":705},{"__isSmartRef__":true,"id":706},{"__isSmartRef__":true,"id":707},{"__isSmartRef__":true,"id":708},{"__isSmartRef__":true,"id":709},{"__isSmartRef__":true,"id":710},{"__isSmartRef__":true,"id":711},{"__isSmartRef__":true,"id":712},{"__isSmartRef__":true,"id":713},{"__isSmartRef__":true,"id":714},{"__isSmartRef__":true,"id":715},{"__isSmartRef__":true,"id":716}],"__LivelyClassName__":"lively.ide.SourceControlNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"396":{"__LivelyClassName__":"AnotherSourceDatabase","__SourceModuleName__":"Global.lively.ide.SourceDatabase"},"397":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/video/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"398":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/../","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"399":{"target":{"__isSmartRef__":true,"id":397},"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"localName":"video/","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"400":{"target":{"__isSmartRef__":true,"id":398},"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"localName":"../","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"401":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/AdditionalMorphs.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"402":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Canvas.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"403":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Chris.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"404":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/ColorChooserDraft.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"405":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Compat.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"406":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/CompatLayer.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"407":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Complete.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"408":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Connectors.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"409":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Core.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"410":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/DiffMerge.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"411":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/EventExperiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"412":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Events.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"413":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Experiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"414":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Graffle.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"415":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Graphics.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"416":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Grid.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"417":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Halos.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"418":{"target":{"__isSmartRef__":true,"id":419},"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/HTML.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"419":{"name":"lively.morphic.HTML","type":"moduleDef","startIndex":0,"stopIndex":51350,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":420},{"__isSmartRef__":true,"id":421},{"__isSmartRef__":true,"id":424},{"__isSmartRef__":true,"id":425},{"__isSmartRef__":true,"id":434},{"__isSmartRef__":true,"id":443},{"__isSmartRef__":true,"id":446},{"__isSmartRef__":true,"id":447},{"__isSmartRef__":true,"id":482},{"__isSmartRef__":true,"id":483},{"__isSmartRef__":true,"id":488},{"__isSmartRef__":true,"id":489},{"__isSmartRef__":true,"id":528},{"__isSmartRef__":true,"id":529},{"__isSmartRef__":true,"id":559},{"__isSmartRef__":true,"id":560},{"__isSmartRef__":true,"id":586},{"__isSmartRef__":true,"id":587},{"__isSmartRef__":true,"id":592},{"__isSmartRef__":true,"id":593},{"__isSmartRef__":true,"id":599},{"__isSmartRef__":true,"id":600},{"__isSmartRef__":true,"id":610},{"__isSmartRef__":true,"id":611},{"__isSmartRef__":true,"id":622},{"__isSmartRef__":true,"id":623},{"__isSmartRef__":true,"id":642},{"__isSmartRef__":true,"id":645},{"__isSmartRef__":true,"id":646},{"__isSmartRef__":true,"id":653},{"__isSmartRef__":true,"id":654},{"__isSmartRef__":true,"id":663},{"__isSmartRef__":true,"id":664},{"__isSmartRef__":true,"id":677},{"__isSmartRef__":true,"id":678},{"__isSmartRef__":true,"id":686}],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"420":{"name":null,"type":"comment","startIndex":145,"stopIndex":145,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"421":{"name":"Color","type":"klassExtensionDef","startIndex":146,"stopIndex":233,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":422}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":423}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"422":{"name":"toCSSString","type":"propertyDef","startIndex":184,"stopIndex":229,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":423},"className":"Color","_owner":{"__isSmartRef__":true,"id":421},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"423":{"name":"HTML rendering","type":"categoryDef","startIndex":164,"stopIndex":230,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":422}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"424":{"name":null,"type":"comment","startIndex":234,"stopIndex":234,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"425":{"name":"LinearGradientCSSTrait","type":"traitDef","startIndex":235,"stopIndex":2751,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":426},{"__isSmartRef__":true,"id":428},{"__isSmartRef__":true,"id":429},{"__isSmartRef__":true,"id":430},{"__isSmartRef__":true,"id":431}],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"426":{"name":"toCSSStringFirefoxAndOpera","type":"propertyDef","startIndex":287,"stopIndex":692,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":427},"_owner":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"427":{"name":"HTML rendering","type":"categoryDef","startIndex":32,"stopIndex":2123,"fileName":null,"_subElements":[{"__isSmartRef__":true,"id":426},{"__isSmartRef__":true,"id":428},{"__isSmartRef__":true,"id":429},{"__isSmartRef__":true,"id":430}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"428":{"name":"toCSSStringIE","type":"propertyDef","startIndex":694,"stopIndex":1635,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":427},"_owner":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"429":{"name":"toCSSStringWebkit","type":"propertyDef","startIndex":1637,"stopIndex":2182,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":427},"_owner":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"430":{"name":"toCSSStringUnknown","type":"propertyDef","startIndex":2184,"stopIndex":2356,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":427},"_owner":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"431":{"name":" -> lively.morphic.LinearGradient","type":"traitSubElement","startIndex":2361,"stopIndex":2749,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":432}],"sourceControl":{"__isSmartRef__":true,"id":396},"_owner":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"432":{"name":"alias","type":"propertyDef","startIndex":2403,"stopIndex":2746,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":433},"_owner":{"__isSmartRef__":true,"id":431},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"433":{"name":"default category","type":"categoryDef","startIndex":2166,"stopIndex":2513,"fileName":null,"_subElements":[{"__isSmartRef__":true,"id":432}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"434":{"name":"RadialGradientCSSTrait","type":"traitDef","startIndex":2752,"stopIndex":5426,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":435},{"__isSmartRef__":true,"id":437},{"__isSmartRef__":true,"id":438},{"__isSmartRef__":true,"id":439},{"__isSmartRef__":true,"id":440}],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"435":{"name":"toCSSStringFirefoxAndOpera","type":"propertyDef","startIndex":2804,"stopIndex":3130,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":436},"_owner":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"436":{"name":"HTML rendering","type":"categoryDef","startIndex":32,"stopIndex":2281,"fileName":null,"_subElements":[{"__isSmartRef__":true,"id":435},{"__isSmartRef__":true,"id":437},{"__isSmartRef__":true,"id":438},{"__isSmartRef__":true,"id":439}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"437":{"name":"toCSSStringIE","type":"propertyDef","startIndex":3132,"stopIndex":3961,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":436},"_owner":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"438":{"name":"toCSSStringWebkit","type":"propertyDef","startIndex":3963,"stopIndex":4857,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":436},"_owner":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"439":{"name":"toCSSStringUnknown","type":"propertyDef","startIndex":4859,"stopIndex":5031,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":436},"_owner":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"440":{"name":" -> lively.morphic.RadialGradient","type":"traitSubElement","startIndex":5036,"stopIndex":5424,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":441}],"sourceControl":{"__isSmartRef__":true,"id":396},"_owner":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"441":{"name":"alias","type":"propertyDef","startIndex":5078,"stopIndex":5421,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":442},"_owner":{"__isSmartRef__":true,"id":440},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"442":{"name":"default category","type":"categoryDef","startIndex":2324,"stopIndex":2671,"fileName":null,"_subElements":[{"__isSmartRef__":true,"id":441}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"443":{"name":"lively.morphic.HTML.RenderContext","type":"klassDef","startIndex":5427,"stopIndex":5578,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":444}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Rendering.RenderContext","categories":[{"__isSmartRef__":true,"id":445}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"444":{"name":"renderContextTableName","type":"propertyDef","startIndex":5526,"stopIndex":5573,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":445},"className":"lively.morphic.HTML.RenderContext","_owner":{"__isSmartRef__":true,"id":443},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"445":{"name":"settings","type":"categoryDef","startIndex":5512,"stopIndex":5575,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":444}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"446":{"name":null,"type":"comment","startIndex":5579,"stopIndex":5579,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"447":{"name":"lively.morphic.Morph","type":"klassExtensionDef","startIndex":5580,"stopIndex":14285,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":448},{"__isSmartRef__":true,"id":450},{"__isSmartRef__":true,"id":452},{"__isSmartRef__":true,"id":453},{"__isSmartRef__":true,"id":454},{"__isSmartRef__":true,"id":455},{"__isSmartRef__":true,"id":456},{"__isSmartRef__":true,"id":457},{"__isSmartRef__":true,"id":458},{"__isSmartRef__":true,"id":459},{"__isSmartRef__":true,"id":460},{"__isSmartRef__":true,"id":461},{"__isSmartRef__":true,"id":462},{"__isSmartRef__":true,"id":463},{"__isSmartRef__":true,"id":464},{"__isSmartRef__":true,"id":465},{"__isSmartRef__":true,"id":466},{"__isSmartRef__":true,"id":467},{"__isSmartRef__":true,"id":469},{"__isSmartRef__":true,"id":470},{"__isSmartRef__":true,"id":471},{"__isSmartRef__":true,"id":472},{"__isSmartRef__":true,"id":473},{"__isSmartRef__":true,"id":474},{"__isSmartRef__":true,"id":476},{"__isSmartRef__":true,"id":478},{"__isSmartRef__":true,"id":479},{"__isSmartRef__":true,"id":480},{"__isSmartRef__":true,"id":481}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":449},{"__isSmartRef__":true,"id":451},{"__isSmartRef__":true,"id":468},{"__isSmartRef__":true,"id":475},{"__isSmartRef__":true,"id":477}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"448":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":5639,"stopIndex":6758,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":449},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"449":{"name":"HTML render settings","type":"categoryDef","startIndex":5613,"stopIndex":6761,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":448}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"450":{"name":"setTransformHTML","type":"propertyDef","startIndex":6777,"stopIndex":6827,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"451":{"name":"udpating","type":"categoryDef","startIndex":6763,"stopIndex":10058,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":450},{"__isSmartRef__":true,"id":452},{"__isSmartRef__":true,"id":453},{"__isSmartRef__":true,"id":454},{"__isSmartRef__":true,"id":455},{"__isSmartRef__":true,"id":456},{"__isSmartRef__":true,"id":457},{"__isSmartRef__":true,"id":458},{"__isSmartRef__":true,"id":459},{"__isSmartRef__":true,"id":460},{"__isSmartRef__":true,"id":461},{"__isSmartRef__":true,"id":462},{"__isSmartRef__":true,"id":463},{"__isSmartRef__":true,"id":464},{"__isSmartRef__":true,"id":465},{"__isSmartRef__":true,"id":466}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"452":{"name":"setPositionHTML","type":"propertyDef","startIndex":6829,"stopIndex":6969,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"453":{"name":"setRotationHTML","type":"propertyDef","startIndex":6971,"stopIndex":7151,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"454":{"name":"setExtentHTML","type":"propertyDef","startIndex":7153,"stopIndex":7289,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"455":{"name":"setScaleHTML","type":"propertyDef","startIndex":7291,"stopIndex":7475,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"456":{"name":"setVisibleHTML","type":"propertyDef","startIndex":7477,"stopIndex":7618,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"457":{"name":"adjustOriginHTML","type":"propertyDef","startIndex":7620,"stopIndex":7670,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"458":{"name":"setPivotPointHTML","type":"propertyDef","startIndex":7672,"stopIndex":7825,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"459":{"name":"setClipModeHTML","type":"propertyDef","startIndex":7828,"stopIndex":8076,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"460":{"name":"setClipModeHTMLForNode","type":"propertyDef","startIndex":8079,"stopIndex":8754,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"461":{"name":"showsHorizontalScrollBarHTML","type":"propertyDef","startIndex":8757,"stopIndex":9049,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"462":{"name":"showsVerticalScrollBarHTML","type":"propertyDef","startIndex":9051,"stopIndex":9334,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"463":{"name":"getScrollBarExtentHTML","type":"propertyDef","startIndex":9336,"stopIndex":9642,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"464":{"name":"setHandStyleHTML","type":"propertyDef","startIndex":9644,"stopIndex":9865,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"465":{"name":"setToolTipHTML","type":"propertyDef","startIndex":9867,"stopIndex":10002,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"466":{"name":"setStyleSheetHTML","type":"propertyDef","startIndex":10005,"stopIndex":10056,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":451},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"467":{"name":"renderWithHTML","type":"propertyDef","startIndex":10075,"stopIndex":10199,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"468":{"name":"rendering","type":"categoryDef","startIndex":10060,"stopIndex":13263,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":467},{"__isSmartRef__":true,"id":469},{"__isSmartRef__":true,"id":470},{"__isSmartRef__":true,"id":471},{"__isSmartRef__":true,"id":472},{"__isSmartRef__":true,"id":473}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"469":{"name":"initHTML","type":"propertyDef","startIndex":10201,"stopIndex":11135,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"470":{"name":"appendHTML","type":"propertyDef","startIndex":11137,"stopIndex":12458,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"471":{"name":"insertMorphNodeInHTML","type":"propertyDef","startIndex":12460,"stopIndex":12894,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"472":{"name":"replaceRenderContextHTML","type":"propertyDef","startIndex":12896,"stopIndex":13003,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"473":{"name":"onRenderFinishedHTML","type":"propertyDef","startIndex":13005,"stopIndex":13261,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":468},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"474":{"name":"removeHTML","type":"propertyDef","startIndex":13279,"stopIndex":13407,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":475},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"475":{"name":"removing","type":"categoryDef","startIndex":13265,"stopIndex":13410,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":474}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"476":{"name":"triggerEventHTML","type":"propertyDef","startIndex":13424,"stopIndex":13544,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":477},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"477":{"name":"events","type":"categoryDef","startIndex":13412,"stopIndex":14282,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":476},{"__isSmartRef__":true,"id":478},{"__isSmartRef__":true,"id":479},{"__isSmartRef__":true,"id":480},{"__isSmartRef__":true,"id":481}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"478":{"name":"setPointerEventsHTML","type":"propertyDef","startIndex":13546,"stopIndex":13670,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":477},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"479":{"name":"focusHTML","type":"propertyDef","startIndex":13672,"stopIndex":13826,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":477},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"480":{"name":"blurHTML","type":"propertyDef","startIndex":13828,"stopIndex":13948,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":477},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"481":{"name":"setFocusableHTML","type":"propertyDef","startIndex":13950,"stopIndex":14280,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":477},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"482":{"name":null,"type":"comment","startIndex":14286,"stopIndex":14286,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"483":{"name":"lively.morphic.World","type":"klassExtensionDef","startIndex":14287,"stopIndex":14733,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":484},{"__isSmartRef__":true,"id":486}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":485},{"__isSmartRef__":true,"id":487}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"484":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":14346,"stopIndex":14413,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":485},"className":"lively.morphic.World","_owner":{"__isSmartRef__":true,"id":483},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"485":{"name":"HTML render settings","type":"categoryDef","startIndex":14320,"stopIndex":14415,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":484}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"486":{"name":"setScrollHTML","type":"propertyDef","startIndex":14432,"stopIndex":14728,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":487},"className":"lively.morphic.World","_owner":{"__isSmartRef__":true,"id":483},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"487":{"name":"scrolling","type":"categoryDef","startIndex":14417,"stopIndex":14730,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":486}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"488":{"name":null,"type":"comment","startIndex":14734,"stopIndex":14734,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"489":{"name":"lively.morphic.Text","type":"klassExtensionDef","startIndex":14735,"stopIndex":22096,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":490},{"__isSmartRef__":true,"id":492},{"__isSmartRef__":true,"id":494},{"__isSmartRef__":true,"id":495},{"__isSmartRef__":true,"id":496},{"__isSmartRef__":true,"id":497},{"__isSmartRef__":true,"id":498},{"__isSmartRef__":true,"id":500},{"__isSmartRef__":true,"id":501},{"__isSmartRef__":true,"id":502},{"__isSmartRef__":true,"id":503},{"__isSmartRef__":true,"id":504},{"__isSmartRef__":true,"id":505},{"__isSmartRef__":true,"id":506},{"__isSmartRef__":true,"id":507},{"__isSmartRef__":true,"id":508},{"__isSmartRef__":true,"id":509},{"__isSmartRef__":true,"id":510},{"__isSmartRef__":true,"id":511},{"__isSmartRef__":true,"id":512},{"__isSmartRef__":true,"id":513},{"__isSmartRef__":true,"id":514},{"__isSmartRef__":true,"id":515},{"__isSmartRef__":true,"id":516},{"__isSmartRef__":true,"id":517},{"__isSmartRef__":true,"id":518},{"__isSmartRef__":true,"id":519},{"__isSmartRef__":true,"id":521},{"__isSmartRef__":true,"id":522},{"__isSmartRef__":true,"id":523},{"__isSmartRef__":true,"id":524},{"__isSmartRef__":true,"id":525},{"__isSmartRef__":true,"id":526}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":491},{"__isSmartRef__":true,"id":493},{"__isSmartRef__":true,"id":499},{"__isSmartRef__":true,"id":520},{"__isSmartRef__":true,"id":527}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"490":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":14793,"stopIndex":15912,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":491},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"491":{"name":"HTML render settings","type":"categoryDef","startIndex":14767,"stopIndex":15915,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":490}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"492":{"name":"initHTML","type":"propertyDef","startIndex":15932,"stopIndex":16752,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":493},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"493":{"name":"rendering","type":"categoryDef","startIndex":15917,"stopIndex":17454,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":492},{"__isSmartRef__":true,"id":494},{"__isSmartRef__":true,"id":495},{"__isSmartRef__":true,"id":496},{"__isSmartRef__":true,"id":497}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"494":{"name":"appendHTML","type":"propertyDef","startIndex":16754,"stopIndex":16904,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":493},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"495":{"name":"appendTextHTML","type":"propertyDef","startIndex":16906,"stopIndex":17234,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":493},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"496":{"name":"updateTextHTML","type":"propertyDef","startIndex":17236,"stopIndex":17336,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":493},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"497":{"name":"onRenderFinishedHTML","type":"propertyDef","startIndex":17338,"stopIndex":17452,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":493},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"498":{"name":"getTextExtentHTML","type":"propertyDef","startIndex":17471,"stopIndex":17694,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"499":{"name":"accessing","type":"categoryDef","startIndex":17456,"stopIndex":20570,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":498},{"__isSmartRef__":true,"id":500},{"__isSmartRef__":true,"id":501},{"__isSmartRef__":true,"id":502},{"__isSmartRef__":true,"id":503},{"__isSmartRef__":true,"id":504},{"__isSmartRef__":true,"id":505},{"__isSmartRef__":true,"id":506},{"__isSmartRef__":true,"id":507},{"__isSmartRef__":true,"id":508},{"__isSmartRef__":true,"id":509},{"__isSmartRef__":true,"id":510},{"__isSmartRef__":true,"id":511},{"__isSmartRef__":true,"id":512},{"__isSmartRef__":true,"id":513},{"__isSmartRef__":true,"id":514},{"__isSmartRef__":true,"id":515},{"__isSmartRef__":true,"id":516},{"__isSmartRef__":true,"id":517},{"__isSmartRef__":true,"id":518}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"500":{"name":"setTextExtentHTML","type":"propertyDef","startIndex":17696,"stopIndex":17822,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"501":{"name":"setMaxTextWidthHTML","type":"propertyDef","startIndex":17825,"stopIndex":17955,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"502":{"name":"setMaxTextHeightHTML","type":"propertyDef","startIndex":17957,"stopIndex":18089,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"503":{"name":"setMinTextHeightHTML","type":"propertyDef","startIndex":18091,"stopIndex":18223,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"504":{"name":"setMinTextWidthHTML","type":"propertyDef","startIndex":18225,"stopIndex":18355,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"505":{"name":"getTextStringHTML","type":"propertyDef","startIndex":18357,"stopIndex":18579,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"506":{"name":"setFontSizeHTML","type":"propertyDef","startIndex":18581,"stopIndex":18697,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"507":{"name":"setFontFamilyHTML","type":"propertyDef","startIndex":18699,"stopIndex":18821,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"508":{"name":"setTextColorHTML","type":"propertyDef","startIndex":18823,"stopIndex":19029,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"509":{"name":"setFontWeightHTML","type":"propertyDef","startIndex":19032,"stopIndex":19148,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"510":{"name":"setFontStyleHTML","type":"propertyDef","startIndex":19150,"stopIndex":19264,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"511":{"name":"setTextDecorationHTML","type":"propertyDef","startIndex":19266,"stopIndex":19390,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"512":{"name":"setPaddingHTML","type":"propertyDef","startIndex":19393,"stopIndex":19571,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"513":{"name":"setAlignHTML","type":"propertyDef","startIndex":19573,"stopIndex":19795,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"514":{"name":"setVerticalAlignHTML","type":"propertyDef","startIndex":19797,"stopIndex":19941,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"515":{"name":"setDisplayHTML","type":"propertyDef","startIndex":19943,"stopIndex":20063,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"516":{"name":"setWhiteSpaceHandlingHTML","type":"propertyDef","startIndex":20065,"stopIndex":20223,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"517":{"name":"getWhiteSpaceHandlingHTML","type":"propertyDef","startIndex":20225,"stopIndex":20363,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"518":{"name":"setInputAllowedHTML","type":"propertyDef","startIndex":20365,"stopIndex":20568,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":499},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"519":{"name":"ignoreTextEventsHTML","type":"propertyDef","startIndex":20594,"stopIndex":20861,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"520":{"name":"event management","type":"categoryDef","startIndex":20572,"stopIndex":21774,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":519},{"__isSmartRef__":true,"id":521},{"__isSmartRef__":true,"id":522},{"__isSmartRef__":true,"id":523},{"__isSmartRef__":true,"id":524},{"__isSmartRef__":true,"id":525}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"521":{"name":"unignoreTextEventsHTML","type":"propertyDef","startIndex":20864,"stopIndex":21079,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"522":{"name":"enableTextEventsHTML","type":"propertyDef","startIndex":21082,"stopIndex":21295,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"523":{"name":"focusHTML","type":"propertyDef","startIndex":21336,"stopIndex":21489,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"524":{"name":"focusMorphHTML","type":"propertyDef","startIndex":21491,"stopIndex":21650,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"525":{"name":"blurHTML","type":"propertyDef","startIndex":21652,"stopIndex":21771,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":520},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"526":{"name":"createTextNodeHTML","type":"propertyDef","startIndex":21795,"stopIndex":22091,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":527},"className":"lively.morphic.Text","_owner":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"527":{"name":"node creation","type":"categoryDef","startIndex":21776,"stopIndex":22093,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":526}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"528":{"name":null,"type":"comment","startIndex":22097,"stopIndex":22097,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"529":{"name":"lively.morphic.List","type":"klassExtensionDef","startIndex":22098,"stopIndex":27999,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":530},{"__isSmartRef__":true,"id":532},{"__isSmartRef__":true,"id":534},{"__isSmartRef__":true,"id":535},{"__isSmartRef__":true,"id":536},{"__isSmartRef__":true,"id":537},{"__isSmartRef__":true,"id":538},{"__isSmartRef__":true,"id":539},{"__isSmartRef__":true,"id":541},{"__isSmartRef__":true,"id":542},{"__isSmartRef__":true,"id":543},{"__isSmartRef__":true,"id":544},{"__isSmartRef__":true,"id":545},{"__isSmartRef__":true,"id":547},{"__isSmartRef__":true,"id":549},{"__isSmartRef__":true,"id":550},{"__isSmartRef__":true,"id":551},{"__isSmartRef__":true,"id":552},{"__isSmartRef__":true,"id":553},{"__isSmartRef__":true,"id":555},{"__isSmartRef__":true,"id":556},{"__isSmartRef__":true,"id":558}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":531},{"__isSmartRef__":true,"id":533},{"__isSmartRef__":true,"id":540},{"__isSmartRef__":true,"id":546},{"__isSmartRef__":true,"id":548},{"__isSmartRef__":true,"id":554},{"__isSmartRef__":true,"id":557}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"530":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":22156,"stopIndex":22800,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":531},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"531":{"name":"HTML render settings","type":"categoryDef","startIndex":22130,"stopIndex":22803,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":530}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"532":{"name":"initHTML","type":"propertyDef","startIndex":22820,"stopIndex":23382,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"533":{"name":"rendering","type":"categoryDef","startIndex":22805,"stopIndex":24163,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":532},{"__isSmartRef__":true,"id":534},{"__isSmartRef__":true,"id":535},{"__isSmartRef__":true,"id":536},{"__isSmartRef__":true,"id":537},{"__isSmartRef__":true,"id":538}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"534":{"name":"appendHTML","type":"propertyDef","startIndex":23384,"stopIndex":23514,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"535":{"name":"appendListHTML","type":"propertyDef","startIndex":23516,"stopIndex":23640,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"536":{"name":"setClipModeHTML","type":"propertyDef","startIndex":23643,"stopIndex":23970,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"537":{"name":"setSizeHTML","type":"propertyDef","startIndex":23973,"stopIndex":24069,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"538":{"name":"setSize","type":"propertyDef","startIndex":24071,"stopIndex":24159,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":533},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"539":{"name":"removeListContentHTML","type":"propertyDef","startIndex":24184,"stopIndex":24419,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":540},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"540":{"name":"list specific","type":"categoryDef","startIndex":24165,"stopIndex":25960,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":539},{"__isSmartRef__":true,"id":541},{"__isSmartRef__":true,"id":542},{"__isSmartRef__":true,"id":543},{"__isSmartRef__":true,"id":544}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"541":{"name":"updateListContentHTML","type":"propertyDef","startIndex":24421,"stopIndex":25058,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":540},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"542":{"name":"resizeListHTML","type":"propertyDef","startIndex":25060,"stopIndex":25642,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":540},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"543":{"name":"getItemIndexFromEventHTML","type":"propertyDef","startIndex":25644,"stopIndex":25802,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":540},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"544":{"name":"deselectNodesHTML","type":"propertyDef","startIndex":25804,"stopIndex":25957,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":540},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"545":{"name":"renderAsDropDownListHTML","type":"propertyDef","startIndex":25990,"stopIndex":26089,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":546},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"546":{"name":"drop down support HTML","type":"categoryDef","startIndex":25962,"stopIndex":26092,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":545}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"547":{"name":"enableMultipleSelectionsHTML","type":"propertyDef","startIndex":26131,"stopIndex":26242,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":548},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"548":{"name":"multiple selection support HTML","type":"categoryDef","startIndex":26094,"stopIndex":27268,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":547},{"__isSmartRef__":true,"id":549},{"__isSmartRef__":true,"id":550},{"__isSmartRef__":true,"id":551},{"__isSmartRef__":true,"id":552}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"549":{"name":"getSelectedIndexesHTML","type":"propertyDef","startIndex":26244,"stopIndex":26499,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":548},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"550":{"name":"deselectAtHTML","type":"propertyDef","startIndex":26501,"stopIndex":26721,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":548},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"551":{"name":"selectAllAtHTML","type":"propertyDef","startIndex":26723,"stopIndex":27193,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":548},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"552":{"name":"clearSelectionsHTML","type":"propertyDef","startIndex":27195,"stopIndex":27265,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":548},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"553":{"name":"createListNodeHTML","type":"propertyDef","startIndex":27289,"stopIndex":27572,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":554},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"554":{"name":"node creation","type":"categoryDef","startIndex":27270,"stopIndex":27744,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":553},{"__isSmartRef__":true,"id":555}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"555":{"name":"getListExtentHTML","type":"propertyDef","startIndex":27574,"stopIndex":27741,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":554},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"556":{"name":"setFontSizeHTML","type":"propertyDef","startIndex":27759,"stopIndex":27877,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":557},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"557":{"name":"styling","type":"categoryDef","startIndex":27746,"stopIndex":27996,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":556},{"__isSmartRef__":true,"id":558}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"558":{"name":"setFontFamilyHTML","type":"propertyDef","startIndex":27879,"stopIndex":27994,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":557},"className":"lively.morphic.List","_owner":{"__isSmartRef__":true,"id":529},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"559":{"name":null,"type":"comment","startIndex":28000,"stopIndex":28000,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"560":{"name":"lively.morphic.Shapes.Shape","type":"klassExtensionDef","startIndex":28001,"stopIndex":37400,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":561},{"__isSmartRef__":true,"id":563},{"__isSmartRef__":true,"id":565},{"__isSmartRef__":true,"id":566},{"__isSmartRef__":true,"id":568},{"__isSmartRef__":true,"id":569},{"__isSmartRef__":true,"id":570},{"__isSmartRef__":true,"id":571},{"__isSmartRef__":true,"id":572},{"__isSmartRef__":true,"id":573},{"__isSmartRef__":true,"id":574},{"__isSmartRef__":true,"id":575},{"__isSmartRef__":true,"id":576},{"__isSmartRef__":true,"id":577},{"__isSmartRef__":true,"id":578},{"__isSmartRef__":true,"id":579},{"__isSmartRef__":true,"id":580},{"__isSmartRef__":true,"id":581},{"__isSmartRef__":true,"id":582},{"__isSmartRef__":true,"id":583},{"__isSmartRef__":true,"id":584},{"__isSmartRef__":true,"id":585}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":562},{"__isSmartRef__":true,"id":564},{"__isSmartRef__":true,"id":567}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"561":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":28067,"stopIndex":28937,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":562},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"562":{"name":"HTML render settings","type":"categoryDef","startIndex":28041,"stopIndex":28940,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":561}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"563":{"name":"initHTML","type":"propertyDef","startIndex":28960,"stopIndex":29980,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":564},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"564":{"name":"initializing","type":"categoryDef","startIndex":28942,"stopIndex":30240,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":563},{"__isSmartRef__":true,"id":565}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"565":{"name":"renderHTML","type":"propertyDef","startIndex":29982,"stopIndex":30237,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":564},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"566":{"name":"setPositionHTML","type":"propertyDef","startIndex":30256,"stopIndex":30484,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"567":{"name":"updating","type":"categoryDef","startIndex":30242,"stopIndex":37397,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":566},{"__isSmartRef__":true,"id":568},{"__isSmartRef__":true,"id":569},{"__isSmartRef__":true,"id":570},{"__isSmartRef__":true,"id":571},{"__isSmartRef__":true,"id":572},{"__isSmartRef__":true,"id":573},{"__isSmartRef__":true,"id":574},{"__isSmartRef__":true,"id":575},{"__isSmartRef__":true,"id":576},{"__isSmartRef__":true,"id":577},{"__isSmartRef__":true,"id":578},{"__isSmartRef__":true,"id":579},{"__isSmartRef__":true,"id":580},{"__isSmartRef__":true,"id":581},{"__isSmartRef__":true,"id":582},{"__isSmartRef__":true,"id":583},{"__isSmartRef__":true,"id":584},{"__isSmartRef__":true,"id":585}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"568":{"name":"setExtentHTML","type":"propertyDef","startIndex":30486,"stopIndex":31253,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"569":{"name":"setFillHTML","type":"propertyDef","startIndex":31255,"stopIndex":31561,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"570":{"name":"setBorderColorHTML","type":"propertyDef","startIndex":31563,"stopIndex":31872,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"571":{"name":"setBorderStyleHTML","type":"propertyDef","startIndex":31874,"stopIndex":32082,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"572":{"name":"setBorderWidthHTML","type":"propertyDef","startIndex":32084,"stopIndex":32377,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"573":{"name":"setBorderRadiusHTML","type":"propertyDef","startIndex":32379,"stopIndex":32485,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"574":{"name":"setStrokeOpacityHTML","type":"propertyDef","startIndex":32487,"stopIndex":32637,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"575":{"name":"setBorderHTML","type":"propertyDef","startIndex":32639,"stopIndex":33243,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"576":{"name":"compensateShapeNode","type":"propertyDef","startIndex":33245,"stopIndex":34157,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"577":{"name":"setOpacityHTML","type":"propertyDef","startIndex":34159,"stopIndex":34308,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"578":{"name":"setPaddingHTML","type":"propertyDef","startIndex":34310,"stopIndex":34705,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"579":{"name":"setNodeClassHTML","type":"propertyDef","startIndex":34708,"stopIndex":34899,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"580":{"name":"setNodeIdHTML","type":"propertyDef","startIndex":34902,"stopIndex":35080,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"581":{"name":"setStyleSheetHTML","type":"propertyDef","startIndex":35083,"stopIndex":36400,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"582":{"name":"setComputedStylesHTML","type":"propertyDef","startIndex":36403,"stopIndex":36838,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"583":{"name":"setComputedBorderWidthHTML","type":"propertyDef","startIndex":36841,"stopIndex":36896,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"584":{"name":"setAppearanceStylingModeHTML","type":"propertyDef","startIndex":36899,"stopIndex":37126,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"585":{"name":"setBorderStylingModeHTML","type":"propertyDef","startIndex":37129,"stopIndex":37396,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":567},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"586":{"name":null,"type":"comment","startIndex":37401,"stopIndex":37401,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"587":{"name":"lively.morphic.Shapes.Rectangle","type":"klassExtensionDef","startIndex":37402,"stopIndex":38107,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":588},{"__isSmartRef__":true,"id":590}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":589},{"__isSmartRef__":true,"id":591}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"588":{"name":"initHTML","type":"propertyDef","startIndex":37461,"stopIndex":37673,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":589},"className":"lively.morphic.Shapes.Rectangle","_owner":{"__isSmartRef__":true,"id":587},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"589":{"name":"rendering","type":"categoryDef","startIndex":37446,"stopIndex":37676,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":588}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"590":{"name":"setBorderRadiusHTML","type":"propertyDef","startIndex":37692,"stopIndex":38102,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":591},"className":"lively.morphic.Shapes.Rectangle","_owner":{"__isSmartRef__":true,"id":587},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"591":{"name":"updating","type":"categoryDef","startIndex":37678,"stopIndex":38104,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":590}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"592":{"name":null,"type":"comment","startIndex":38108,"stopIndex":38108,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"593":{"name":"lively.morphic.Shapes.Ellipse","type":"klassExtensionDef","startIndex":38109,"stopIndex":38737,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":594},{"__isSmartRef__":true,"id":596},{"__isSmartRef__":true,"id":598}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":595},{"__isSmartRef__":true,"id":597}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"594":{"name":"initHTML","type":"propertyDef","startIndex":38166,"stopIndex":38384,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":595},"className":"lively.morphic.Shapes.Ellipse","_owner":{"__isSmartRef__":true,"id":593},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"595":{"name":"rendering","type":"categoryDef","startIndex":38151,"stopIndex":38387,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":594}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"596":{"name":"setExtentHTML","type":"propertyDef","startIndex":38403,"stopIndex":38590,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":597},"className":"lively.morphic.Shapes.Ellipse","_owner":{"__isSmartRef__":true,"id":593},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"597":{"name":"updating","type":"categoryDef","startIndex":38389,"stopIndex":38734,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":596},{"__isSmartRef__":true,"id":598}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"598":{"name":"setBorderRadiusHTML","type":"propertyDef","startIndex":38592,"stopIndex":38732,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":597},"className":"lively.morphic.Shapes.Ellipse","_owner":{"__isSmartRef__":true,"id":593},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"599":{"name":null,"type":"comment","startIndex":38738,"stopIndex":38738,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"600":{"name":"lively.morphic.Shapes.Image","type":"klassExtensionDef","startIndex":38739,"stopIndex":39966,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":601},{"__isSmartRef__":true,"id":603},{"__isSmartRef__":true,"id":605},{"__isSmartRef__":true,"id":607},{"__isSmartRef__":true,"id":609}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":602},{"__isSmartRef__":true,"id":604},{"__isSmartRef__":true,"id":606},{"__isSmartRef__":true,"id":608}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"601":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":38805,"stopIndex":38923,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":602},"className":"lively.morphic.Shapes.Image","_owner":{"__isSmartRef__":true,"id":600},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"602":{"name":"HTML render settings","type":"categoryDef","startIndex":38779,"stopIndex":38926,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":601}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"603":{"name":"initHTML","type":"propertyDef","startIndex":38943,"stopIndex":39302,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":604},"className":"lively.morphic.Shapes.Image","_owner":{"__isSmartRef__":true,"id":600},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"604":{"name":"rendering","type":"categoryDef","startIndex":38928,"stopIndex":39305,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":603}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"605":{"name":"setImageURLHTML","type":"propertyDef","startIndex":39321,"stopIndex":39540,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":606},"className":"lively.morphic.Shapes.Image","_owner":{"__isSmartRef__":true,"id":600},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"606":{"name":"updating","type":"categoryDef","startIndex":39307,"stopIndex":39543,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":605}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"607":{"name":"getNativeExtentHTML","type":"propertyDef","startIndex":39560,"stopIndex":39677,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":608},"className":"lively.morphic.Shapes.Image","_owner":{"__isSmartRef__":true,"id":600},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"608":{"name":"accessing","type":"categoryDef","startIndex":39545,"stopIndex":39963,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":607},{"__isSmartRef__":true,"id":609}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"609":{"name":"setExtentHTML","type":"propertyDef","startIndex":39679,"stopIndex":39960,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":608},"className":"lively.morphic.Shapes.Image","_owner":{"__isSmartRef__":true,"id":600},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"610":{"name":null,"type":"comment","startIndex":39967,"stopIndex":39967,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"611":{"name":"lively.morphic.Shapes.External","type":"klassExtensionDef","startIndex":39968,"stopIndex":41430,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":612},{"__isSmartRef__":true,"id":614},{"__isSmartRef__":true,"id":616},{"__isSmartRef__":true,"id":617},{"__isSmartRef__":true,"id":619},{"__isSmartRef__":true,"id":621}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":613},{"__isSmartRef__":true,"id":615},{"__isSmartRef__":true,"id":618},{"__isSmartRef__":true,"id":620}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"612":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":40037,"stopIndex":40176,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":613},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"613":{"name":"HTML render settings","type":"categoryDef","startIndex":40011,"stopIndex":40179,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":612}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"614":{"name":"initHTML","type":"propertyDef","startIndex":40196,"stopIndex":40279,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":615},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"615":{"name":"rendering","type":"categoryDef","startIndex":40181,"stopIndex":40434,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":614},{"__isSmartRef__":true,"id":616}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"616":{"name":"renderHTML","type":"propertyDef","startIndex":40281,"stopIndex":40431,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":615},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"617":{"name":"initFromStringifiedShapeNodeHTML","type":"propertyDef","startIndex":40454,"stopIndex":41158,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":618},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"618":{"name":"initializing","type":"categoryDef","startIndex":40436,"stopIndex":41161,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":617}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"619":{"name":"getExtentHTML","type":"propertyDef","startIndex":41178,"stopIndex":41316,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":620},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"620":{"name":"accessing","type":"categoryDef","startIndex":41163,"stopIndex":41427,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":619},{"__isSmartRef__":true,"id":621}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"621":{"name":"setOpacityHTML","type":"propertyDef","startIndex":41318,"stopIndex":41424,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":620},"className":"lively.morphic.Shapes.External","_owner":{"__isSmartRef__":true,"id":611},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"622":{"name":null,"type":"comment","startIndex":41431,"stopIndex":41431,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"623":{"name":"lively.morphic.Shapes.Path","type":"klassExtensionDef","startIndex":41432,"stopIndex":45352,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":624},{"__isSmartRef__":true,"id":626},{"__isSmartRef__":true,"id":628},{"__isSmartRef__":true,"id":630},{"__isSmartRef__":true,"id":631},{"__isSmartRef__":true,"id":632},{"__isSmartRef__":true,"id":633},{"__isSmartRef__":true,"id":634},{"__isSmartRef__":true,"id":635},{"__isSmartRef__":true,"id":637},{"__isSmartRef__":true,"id":638},{"__isSmartRef__":true,"id":639},{"__isSmartRef__":true,"id":640},{"__isSmartRef__":true,"id":641}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":625},{"__isSmartRef__":true,"id":627},{"__isSmartRef__":true,"id":629},{"__isSmartRef__":true,"id":636}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"624":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":41497,"stopIndex":41765,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":625},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"625":{"name":"HTML render settings","type":"categoryDef","startIndex":41471,"stopIndex":41768,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":624}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"626":{"name":"initHTML","type":"propertyDef","startIndex":41790,"stopIndex":42409,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":627},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"627":{"name":"HTML rendering","type":"categoryDef","startIndex":41770,"stopIndex":42412,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":626}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"628":{"name":"setPathElementsHTML","type":"propertyDef","startIndex":42429,"stopIndex":42785,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"629":{"name":"accessing","type":"categoryDef","startIndex":42414,"stopIndex":43917,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":628},{"__isSmartRef__":true,"id":630},{"__isSmartRef__":true,"id":631},{"__isSmartRef__":true,"id":632},{"__isSmartRef__":true,"id":633},{"__isSmartRef__":true,"id":634}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"630":{"name":"setExtentHTML","type":"propertyDef","startIndex":42788,"stopIndex":42891,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"631":{"name":"setFillHTML","type":"propertyDef","startIndex":42893,"stopIndex":43039,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"632":{"name":"setBorderStyleHTML","type":"propertyDef","startIndex":43041,"stopIndex":43361,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"633":{"name":"setBorderColorHTML","type":"propertyDef","startIndex":43363,"stopIndex":43506,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"634":{"name":"setBorderWidthHTML","type":"propertyDef","startIndex":43508,"stopIndex":43914,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":629},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"635":{"name":"setElementsFromSVGData","type":"propertyDef","startIndex":43937,"stopIndex":44097,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"636":{"name":"svg specific","type":"categoryDef","startIndex":43919,"stopIndex":45349,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":635},{"__isSmartRef__":true,"id":637},{"__isSmartRef__":true,"id":638},{"__isSmartRef__":true,"id":639},{"__isSmartRef__":true,"id":640},{"__isSmartRef__":true,"id":641}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"637":{"name":"getPathNodeHTML","type":"propertyDef","startIndex":44099,"stopIndex":44157,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"638":{"name":"getDefsNodeHTML","type":"propertyDef","startIndex":44159,"stopIndex":44450,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"639":{"name":"getPathBoundsHTML","type":"propertyDef","startIndex":44453,"stopIndex":44991,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"640":{"name":"getTotalLengthHTML","type":"propertyDef","startIndex":44994,"stopIndex":45142,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"641":{"name":"getPointAtTotalLengthHTML","type":"propertyDef","startIndex":45144,"stopIndex":45347,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":636},"className":"lively.morphic.Shapes.Path","_owner":{"__isSmartRef__":true,"id":623},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"642":{"name":"lively.morphic","type":"klassExtensionDef","startIndex":45353,"stopIndex":45400,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":643}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":644}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"643":{"name":"CSS","type":"propertyDef","startIndex":45385,"stopIndex":45396,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":true,"category":{"__isSmartRef__":true,"id":644},"className":"lively.morphic","_owner":{"__isSmartRef__":true,"id":642},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"644":{"name":"default category","type":"categoryDef","startIndex":45383,"stopIndex":45397,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":643}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"645":{"name":null,"type":"comment","startIndex":45401,"stopIndex":45401,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"646":{"name":"lively.morphic.CSS.Fill","type":"klassDef","startIndex":45402,"stopIndex":45775,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":647},{"__isSmartRef__":true,"id":649},{"__isSmartRef__":true,"id":651}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"Object","categories":[{"__isSmartRef__":true,"id":648},{"__isSmartRef__":true,"id":650},{"__isSmartRef__":true,"id":652}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"647":{"name":"isCSSFill","type":"propertyDef","startIndex":45459,"stopIndex":45478,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":648},"className":"lively.morphic.CSS.Fill","_owner":{"__isSmartRef__":true,"id":646},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"648":{"name":"settings","type":"categoryDef","startIndex":45445,"stopIndex":45480,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":647}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"649":{"name":"initialize","type":"propertyDef","startIndex":45500,"stopIndex":45615,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":650},"className":"lively.morphic.CSS.Fill","_owner":{"__isSmartRef__":true,"id":646},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"650":{"name":"initializing","type":"categoryDef","startIndex":45482,"stopIndex":45617,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":649}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"651":{"name":"applyToNode","type":"propertyDef","startIndex":45634,"stopIndex":45771,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":652},"className":"lively.morphic.CSS.Fill","_owner":{"__isSmartRef__":true,"id":646},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"652":{"name":"rendering","type":"categoryDef","startIndex":45619,"stopIndex":45772,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":651}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"653":{"name":null,"type":"comment","startIndex":45776,"stopIndex":45777,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"654":{"name":"lively.morphic.Shapes.Shape","type":"klassExtensionDef","startIndex":45778,"stopIndex":46563,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":655},{"__isSmartRef__":true,"id":657},{"__isSmartRef__":true,"id":658},{"__isSmartRef__":true,"id":659},{"__isSmartRef__":true,"id":660},{"__isSmartRef__":true,"id":661},{"__isSmartRef__":true,"id":662}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":656}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"655":{"name":"setStyleSheet","type":"propertyDef","startIndex":45845,"stopIndex":45935,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"656":{"name":"stylesheets","type":"categoryDef","startIndex":45826,"stopIndex":46560,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":655},{"__isSmartRef__":true,"id":657},{"__isSmartRef__":true,"id":658},{"__isSmartRef__":true,"id":659},{"__isSmartRef__":true,"id":660},{"__isSmartRef__":true,"id":661},{"__isSmartRef__":true,"id":662}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"657":{"name":"getStyleSheet","type":"propertyDef","startIndex":45937,"stopIndex":46021,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"658":{"name":"setAppearanceStylingMode","type":"propertyDef","startIndex":46024,"stopIndex":46136,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"659":{"name":"getAppearanceStylingMode","type":"propertyDef","startIndex":46138,"stopIndex":46238,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"660":{"name":"setBorderStylingMode","type":"propertyDef","startIndex":46241,"stopIndex":46345,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"661":{"name":"getBorderStylingMode","type":"propertyDef","startIndex":46347,"stopIndex":46439,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"662":{"name":"updateComputedStyles","type":"propertyDef","startIndex":46442,"stopIndex":46554,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":656},"className":"lively.morphic.Shapes.Shape","_owner":{"__isSmartRef__":true,"id":654},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"663":{"name":null,"type":"comment","startIndex":46564,"stopIndex":46573,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"664":{"name":"lively.morphic.Morph","type":"klassExtensionDef","startIndex":46574,"stopIndex":50324,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":665},{"__isSmartRef__":true,"id":667},{"__isSmartRef__":true,"id":668},{"__isSmartRef__":true,"id":669},{"__isSmartRef__":true,"id":670},{"__isSmartRef__":true,"id":671},{"__isSmartRef__":true,"id":672},{"__isSmartRef__":true,"id":673},{"__isSmartRef__":true,"id":674},{"__isSmartRef__":true,"id":675},{"__isSmartRef__":true,"id":676}],"sourceControl":{"__isSmartRef__":true,"id":396},"categories":[{"__isSmartRef__":true,"id":666}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"665":{"name":"setOriginClass","type":"propertyDef","startIndex":46625,"stopIndex":46822,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"666":{"name":"stylesheets","type":"categoryDef","startIndex":46608,"stopIndex":50321,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":665},{"__isSmartRef__":true,"id":667},{"__isSmartRef__":true,"id":668},{"__isSmartRef__":true,"id":669},{"__isSmartRef__":true,"id":670},{"__isSmartRef__":true,"id":671},{"__isSmartRef__":true,"id":672},{"__isSmartRef__":true,"id":673},{"__isSmartRef__":true,"id":674},{"__isSmartRef__":true,"id":675},{"__isSmartRef__":true,"id":676}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"667":{"name":"setOriginClassHTML","type":"propertyDef","startIndex":46824,"stopIndex":47000,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"668":{"name":"applyStyleSheet","type":"propertyDef","startIndex":47002,"stopIndex":47072,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"669":{"name":"setAppearanceStylingMode","type":"propertyDef","startIndex":47074,"stopIndex":47320,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"670":{"name":"applyStyleSheetFromFile","type":"propertyDef","startIndex":47322,"stopIndex":49493,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"671":{"name":"setStyleSheet","type":"propertyDef","startIndex":49501,"stopIndex":49628,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"672":{"name":"getStyleSheet","type":"propertyDef","startIndex":49630,"stopIndex":49749,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"673":{"name":"getAppearanceStylingMode","type":"propertyDef","startIndex":49757,"stopIndex":49850,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"674":{"name":"setBorderStylingMode","type":"propertyDef","startIndex":49853,"stopIndex":50083,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"675":{"name":"getBorderStylingMode","type":"propertyDef","startIndex":50085,"stopIndex":50170,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"676":{"name":"updateComputedStyles","type":"propertyDef","startIndex":50175,"stopIndex":50317,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":666},"className":"lively.morphic.Morph","_owner":{"__isSmartRef__":true,"id":664},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"677":{"name":null,"type":"comment","startIndex":50325,"stopIndex":50325,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"678":{"name":"lively.morphic.SimpleText","type":"klassDef","startIndex":50326,"stopIndex":51328,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":679},{"__isSmartRef__":true,"id":681},{"__isSmartRef__":true,"id":682},{"__isSmartRef__":true,"id":683},{"__isSmartRef__":true,"id":684},{"__isSmartRef__":true,"id":685}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Box","categories":[{"__isSmartRef__":true,"id":680}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"679":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":50400,"stopIndex":50461,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"680":{"name":"simple text","type":"categoryDef","startIndex":50383,"stopIndex":51325,"fileName":"lively/morphic/HTML.js","_subElements":[{"__isSmartRef__":true,"id":679},{"__isSmartRef__":true,"id":681},{"__isSmartRef__":true,"id":682},{"__isSmartRef__":true,"id":683},{"__isSmartRef__":true,"id":684},{"__isSmartRef__":true,"id":685}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"681":{"name":"initialize","type":"propertyDef","startIndex":50468,"stopIndex":50594,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"682":{"name":"setText","type":"propertyDef","startIndex":50596,"stopIndex":50720,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"683":{"name":"setTextHTML","type":"propertyDef","startIndex":50722,"stopIndex":50808,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"684":{"name":"appendHTML","type":"propertyDef","startIndex":50815,"stopIndex":50966,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"685":{"name":"morphMenuItems","type":"propertyDef","startIndex":50968,"stopIndex":51316,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":680},"className":"lively.morphic.SimpleText","_owner":{"__isSmartRef__":true,"id":678},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"686":{"name":null,"type":"comment","startIndex":51329,"stopIndex":51330,"fileName":"lively/morphic/HTML.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"687":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/HTMLExperiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"688":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/jquery.flot.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"689":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/jqueryflot.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"690":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Layout.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"691":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/ModernWindow.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"692":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/MorphAddons.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"693":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/ObjectMigration.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"694":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Paragraphs.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"695":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/PathShapes.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"696":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Rendering.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"697":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SAPBPCWidgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"698":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SAPCommonWidgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"699":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SAPUI5.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"700":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SAPWorkSheet.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"701":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SAPWorkSheetTest.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"702":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/ScriptingSupport.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"703":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Serialization.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"704":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Shapes.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"705":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Styles.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"706":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/StyleSheets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"707":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/SVG.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"708":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/test.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"709":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/test4.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"710":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/test_1.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"711":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Tests.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"712":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/testsubText.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"713":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/TextCore.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"714":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/Widgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"715":{"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/WidgetsAddOns.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"716":{"target":{"__isSmartRef__":true,"id":717},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.ChangeSetNode","__SourceModuleName__":"Global.lively.ide.LocalBrowser"},"717":{"name":"Local code","__LivelyClassName__":"ChangeSet","__SourceModuleName__":"Global.lively.ChangeSet"},"718":{"isListItem":true,"string":"video/","value":{"__isSmartRef__":true,"id":399}},"719":{"isListItem":true,"string":"../","value":{"__isSmartRef__":true,"id":400}},"720":{"isListItem":true,"string":"AdditionalMorphs.js (not parsed)","value":{"__isSmartRef__":true,"id":401}},"721":{"isListItem":true,"string":"Canvas.js (not parsed)","value":{"__isSmartRef__":true,"id":402}},"722":{"isListItem":true,"string":"Chris.js (not parsed)","value":{"__isSmartRef__":true,"id":403}},"723":{"isListItem":true,"string":"ColorChooserDraft.js (not parsed)","value":{"__isSmartRef__":true,"id":404}},"724":{"isListItem":true,"string":"Compat.js (not parsed)","value":{"__isSmartRef__":true,"id":405}},"725":{"isListItem":true,"string":"CompatLayer.js (not parsed)","value":{"__isSmartRef__":true,"id":406}},"726":{"isListItem":true,"string":"Complete.js (not parsed)","value":{"__isSmartRef__":true,"id":407}},"727":{"isListItem":true,"string":"Connectors.js (not parsed)","value":{"__isSmartRef__":true,"id":408}},"728":{"isListItem":true,"string":"Core.js (not parsed)","value":{"__isSmartRef__":true,"id":409}},"729":{"isListItem":true,"string":"DiffMerge.js (not parsed)","value":{"__isSmartRef__":true,"id":410}},"730":{"isListItem":true,"string":"EventExperiments.js (not parsed)","value":{"__isSmartRef__":true,"id":411}},"731":{"isListItem":true,"string":"Events.js (not parsed)","value":{"__isSmartRef__":true,"id":412}},"732":{"isListItem":true,"string":"Experiments.js (not parsed)","value":{"__isSmartRef__":true,"id":413}},"733":{"isListItem":true,"string":"Graffle.js (not parsed)","value":{"__isSmartRef__":true,"id":414}},"734":{"isListItem":true,"string":"Graphics.js (not parsed)","value":{"__isSmartRef__":true,"id":415}},"735":{"isListItem":true,"string":"Grid.js (not parsed)","value":{"__isSmartRef__":true,"id":416}},"736":{"isListItem":true,"string":"Halos.js (not parsed)","value":{"__isSmartRef__":true,"id":417}},"737":{"isListItem":true,"string":"HTML.js","value":{"__isSmartRef__":true,"id":418}},"738":{"isListItem":true,"string":"HTMLExperiments.js (not parsed)","value":{"__isSmartRef__":true,"id":687}},"739":{"isListItem":true,"string":"jquery.flot.js (not parsed)","value":{"__isSmartRef__":true,"id":688}},"740":{"isListItem":true,"string":"jqueryflot.js (not parsed)","value":{"__isSmartRef__":true,"id":689}},"741":{"isListItem":true,"string":"Layout.js (not parsed)","value":{"__isSmartRef__":true,"id":690}},"742":{"isListItem":true,"string":"ModernWindow.js (not parsed)","value":{"__isSmartRef__":true,"id":691}},"743":{"isListItem":true,"string":"MorphAddons.js (not parsed)","value":{"__isSmartRef__":true,"id":692}},"744":{"isListItem":true,"string":"ObjectMigration.js (not parsed)","value":{"__isSmartRef__":true,"id":693}},"745":{"isListItem":true,"string":"Paragraphs.js (not parsed)","value":{"__isSmartRef__":true,"id":694}},"746":{"isListItem":true,"string":"PathShapes.js (not parsed)","value":{"__isSmartRef__":true,"id":695}},"747":{"isListItem":true,"string":"Rendering.js (not parsed)","value":{"__isSmartRef__":true,"id":696}},"748":{"isListItem":true,"string":"SAPBPCWidgets.js (not parsed)","value":{"__isSmartRef__":true,"id":697}},"749":{"isListItem":true,"string":"SAPCommonWidgets.js (not parsed)","value":{"__isSmartRef__":true,"id":698}},"750":{"isListItem":true,"string":"SAPUI5.js (not parsed)","value":{"__isSmartRef__":true,"id":699}},"751":{"isListItem":true,"string":"SAPWorkSheet.js (not parsed)","value":{"__isSmartRef__":true,"id":700}},"752":{"isListItem":true,"string":"SAPWorkSheetTest.js (not parsed)","value":{"__isSmartRef__":true,"id":701}},"753":{"isListItem":true,"string":"ScriptingSupport.js (not parsed)","value":{"__isSmartRef__":true,"id":702}},"754":{"isListItem":true,"string":"Serialization.js (not parsed)","value":{"__isSmartRef__":true,"id":703}},"755":{"isListItem":true,"string":"Shapes.js (not parsed)","value":{"__isSmartRef__":true,"id":704}},"756":{"isListItem":true,"string":"Styles.js (not parsed)","value":{"__isSmartRef__":true,"id":705}},"757":{"isListItem":true,"string":"StyleSheets.js (not parsed)","value":{"__isSmartRef__":true,"id":706}},"758":{"isListItem":true,"string":"SVG.js (not parsed)","value":{"__isSmartRef__":true,"id":707}},"759":{"isListItem":true,"string":"test.js (not parsed)","value":{"__isSmartRef__":true,"id":708}},"760":{"isListItem":true,"string":"test4.js (not parsed)","value":{"__isSmartRef__":true,"id":709}},"761":{"isListItem":true,"string":"test_1.js (not parsed)","value":{"__isSmartRef__":true,"id":710}},"762":{"isListItem":true,"string":"Tests.js (not parsed)","value":{"__isSmartRef__":true,"id":711}},"763":{"isListItem":true,"string":"testsubText.js (not parsed)","value":{"__isSmartRef__":true,"id":712}},"764":{"isListItem":true,"string":"TextCore.js (not parsed)","value":{"__isSmartRef__":true,"id":713}},"765":{"isListItem":true,"string":"Widgets.js (not parsed)","value":{"__isSmartRef__":true,"id":714}},"766":{"isListItem":true,"string":"WidgetsAddOns.js (not parsed)","value":{"__isSmartRef__":true,"id":715}},"767":{"isListItem":true,"string":"Local code","value":{"__isSmartRef__":true,"id":716}},"768":{"morph":{"__isSmartRef__":true,"id":384},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"769":{"x":0,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"770":{"target":{"__isSmartRef__":true,"id":419},"browser":{"__isSmartRef__":true,"id":149},"parent":{"__isSmartRef__":true,"id":395},"moduleName":"lively/morphic/HTML.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"771":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"772":{"scaleVertical":true,"scaleHorizontal":true},"773":{"sourceObj":{"__isSmartRef__":true,"id":384},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setPane1Selection","converter":null,"converterString":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":774},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":775},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"774":{"source":{"__isSmartRef__":true,"id":384},"target":{"__isSmartRef__":true,"id":149}},"775":{"updater":{"__isSmartRef__":true,"id":776}},"776":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":774},"source":"function ($upd, v) { $upd(v, this.sourceObj) }","funcProperties":{"__isSmartRef__":true,"id":777},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"777":{},"778":{"sourceObj":{"__isSmartRef__":true,"id":384},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane1Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":779},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"779":{"source":{"__isSmartRef__":true,"id":384},"target":{"__isSmartRef__":true,"id":149}},"780":{"sourceObj":{"__isSmartRef__":true,"id":384},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane1Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":781},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"781":{"source":{"__isSmartRef__":true,"id":384},"target":{"__isSmartRef__":true,"id":149}},"782":{"sourceObj":{"__isSmartRef__":true,"id":384},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane1Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":783},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"783":{"source":{"__isSmartRef__":true,"id":384},"target":{"__isSmartRef__":true,"id":149}},"784":{"onDownPressed":{"__isSmartRef__":true,"id":785},"onUpPressed":{"__isSmartRef__":true,"id":792}},"785":{"varMapping":{"__isSmartRef__":true,"id":786},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":791},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"786":{"this":{"__isSmartRef__":true,"id":384},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":787}},"787":{"$super":{"__isSmartRef__":true,"id":788}},"788":{"varMapping":{"__isSmartRef__":true,"id":789},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":790},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"789":{"obj":{"__isSmartRef__":true,"id":384},"name":"onDownPressed"},"790":{},"791":{},"792":{"varMapping":{"__isSmartRef__":true,"id":793},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":798},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"793":{"this":{"__isSmartRef__":true,"id":384},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":794}},"794":{"$super":{"__isSmartRef__":true,"id":795}},"795":{"varMapping":{"__isSmartRef__":true,"id":796},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":797},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"796":{"obj":{"__isSmartRef__":true,"id":384},"name":"onUpPressed"},"797":{},"798":{},"799":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":384}},"800":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"setPane2Content","targetObj":{"__isSmartRef__":true,"id":801},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":874},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"801":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":802},"derivationIds":[],"id":"A7707074-6B97-4F1B-A531-6C10DFE2D385","renderContextTable":{"__isSmartRef__":true,"id":808},"itemList":[{"__isSmartRef__":true,"id":809},{"__isSmartRef__":true,"id":811},{"__isSmartRef__":true,"id":813},{"__isSmartRef__":true,"id":815},{"__isSmartRef__":true,"id":817},{"__isSmartRef__":true,"id":819},{"__isSmartRef__":true,"id":821},{"__isSmartRef__":true,"id":823},{"__isSmartRef__":true,"id":825},{"__isSmartRef__":true,"id":827},{"__isSmartRef__":true,"id":829},{"__isSmartRef__":true,"id":831},{"__isSmartRef__":true,"id":833},{"__isSmartRef__":true,"id":835},{"__isSmartRef__":true,"id":837},{"__isSmartRef__":true,"id":839},{"__isSmartRef__":true,"id":841},{"__isSmartRef__":true,"id":843},{"__isSmartRef__":true,"id":845}],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":847},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":848},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":849},"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":850},"attributeConnections":[{"__isSmartRef__":true,"id":851},{"__isSmartRef__":true,"id":853},{"__isSmartRef__":true,"id":855},{"__isSmartRef__":true,"id":857}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":859},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"802":{"_Position":{"__isSmartRef__":true,"id":803},"renderContextTable":{"__isSmartRef__":true,"id":804},"_Extent":{"__isSmartRef__":true,"id":805},"_Padding":{"__isSmartRef__":true,"id":806},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":807},"_NodeClass":["morph","box","list"],"_NodeId":"morph-a7707074-6b97-4f1b-a531-6c10dfe2d385","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"803":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"804":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"805":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"806":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"807":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"808":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"809":{"isListItem":true,"string":"Color (extension)","value":{"__isSmartRef__":true,"id":810}},"810":{"target":{"__isSmartRef__":true,"id":421},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"811":{"isListItem":true,"string":"LinearGradientCSSTrait","value":{"__isSmartRef__":true,"id":812}},"812":{"target":{"__isSmartRef__":true,"id":425},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.TraitFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"813":{"isListItem":true,"string":"RadialGradientCSSTrait","value":{"__isSmartRef__":true,"id":814}},"814":{"target":{"__isSmartRef__":true,"id":434},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.TraitFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"815":{"isListItem":true,"string":"lively.morphic.HTML.RenderContext","value":{"__isSmartRef__":true,"id":816}},"816":{"target":{"__isSmartRef__":true,"id":443},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"817":{"isListItem":true,"string":"lively.morphic.Morph (extension)","value":{"__isSmartRef__":true,"id":818}},"818":{"target":{"__isSmartRef__":true,"id":447},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"819":{"isListItem":true,"string":"lively.morphic.World (extension)","value":{"__isSmartRef__":true,"id":820}},"820":{"target":{"__isSmartRef__":true,"id":483},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"821":{"isListItem":true,"string":"lively.morphic.Text (extension)","value":{"__isSmartRef__":true,"id":822}},"822":{"target":{"__isSmartRef__":true,"id":489},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"823":{"isListItem":true,"string":"lively.morphic.List (extension)","value":{"__isSmartRef__":true,"id":824}},"824":{"target":{"__isSmartRef__":true,"id":529},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"825":{"isListItem":true,"string":"lively.morphic.Shapes.Shape (extension)","value":{"__isSmartRef__":true,"id":826}},"826":{"target":{"__isSmartRef__":true,"id":560},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"827":{"isListItem":true,"string":"lively.morphic.Shapes.Rectangle (extension)","value":{"__isSmartRef__":true,"id":828}},"828":{"target":{"__isSmartRef__":true,"id":587},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"829":{"isListItem":true,"string":"lively.morphic.Shapes.Ellipse (extension)","value":{"__isSmartRef__":true,"id":830}},"830":{"target":{"__isSmartRef__":true,"id":593},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"831":{"isListItem":true,"string":"lively.morphic.Shapes.Image (extension)","value":{"__isSmartRef__":true,"id":832}},"832":{"target":{"__isSmartRef__":true,"id":600},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"833":{"isListItem":true,"string":"lively.morphic.Shapes.External (extension)","value":{"__isSmartRef__":true,"id":834}},"834":{"target":{"__isSmartRef__":true,"id":611},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"835":{"isListItem":true,"string":"lively.morphic.Shapes.Path (extension)","value":{"__isSmartRef__":true,"id":836}},"836":{"target":{"__isSmartRef__":true,"id":623},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"837":{"isListItem":true,"string":"lively.morphic (extension)","value":{"__isSmartRef__":true,"id":838}},"838":{"target":{"__isSmartRef__":true,"id":642},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"839":{"isListItem":true,"string":"lively.morphic.CSS.Fill","value":{"__isSmartRef__":true,"id":840}},"840":{"target":{"__isSmartRef__":true,"id":646},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"841":{"isListItem":true,"string":"lively.morphic.Shapes.Shape (extension)","value":{"__isSmartRef__":true,"id":842}},"842":{"target":{"__isSmartRef__":true,"id":654},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"843":{"isListItem":true,"string":"lively.morphic.Morph (extension)","value":{"__isSmartRef__":true,"id":844}},"844":{"target":{"__isSmartRef__":true,"id":664},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"845":{"isListItem":true,"string":"lively.morphic.SimpleText","value":{"__isSmartRef__":true,"id":846}},"846":{"target":{"__isSmartRef__":true,"id":678},"browser":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"847":{"morph":{"__isSmartRef__":true,"id":801},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"848":{"x":227.5,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"849":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"850":{"scaleVertical":true,"scaleHorizontal":true},"851":{"sourceObj":{"__isSmartRef__":true,"id":801},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setPane2Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":852},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"852":{"source":{"__isSmartRef__":true,"id":801},"target":{"__isSmartRef__":true,"id":149}},"853":{"sourceObj":{"__isSmartRef__":true,"id":801},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane2Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":854},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"854":{"source":{"__isSmartRef__":true,"id":801},"target":{"__isSmartRef__":true,"id":149}},"855":{"sourceObj":{"__isSmartRef__":true,"id":801},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane2Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":856},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"856":{"source":{"__isSmartRef__":true,"id":801},"target":{"__isSmartRef__":true,"id":149}},"857":{"sourceObj":{"__isSmartRef__":true,"id":801},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane2Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":858},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"858":{"source":{"__isSmartRef__":true,"id":801},"target":{"__isSmartRef__":true,"id":149}},"859":{"onDownPressed":{"__isSmartRef__":true,"id":860},"onUpPressed":{"__isSmartRef__":true,"id":867}},"860":{"varMapping":{"__isSmartRef__":true,"id":861},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":866},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"861":{"this":{"__isSmartRef__":true,"id":801},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":862}},"862":{"$super":{"__isSmartRef__":true,"id":863}},"863":{"varMapping":{"__isSmartRef__":true,"id":864},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":865},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"864":{"obj":{"__isSmartRef__":true,"id":801},"name":"onDownPressed"},"865":{},"866":{},"867":{"varMapping":{"__isSmartRef__":true,"id":868},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":873},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"868":{"this":{"__isSmartRef__":true,"id":801},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":869}},"869":{"$super":{"__isSmartRef__":true,"id":870}},"870":{"varMapping":{"__isSmartRef__":true,"id":871},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":872},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"871":{"obj":{"__isSmartRef__":true,"id":801},"name":"onUpPressed"},"872":{},"873":{},"874":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":801}},"875":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"setPane3Content","targetObj":{"__isSmartRef__":true,"id":876},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":911},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"876":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":877},"derivationIds":[],"id":"05DC6043-86FA-452C-B4FD-4B5D24A9368A","renderContextTable":{"__isSmartRef__":true,"id":883},"itemList":["-----"],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":884},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":885},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":886},"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":887},"attributeConnections":[{"__isSmartRef__":true,"id":888},{"__isSmartRef__":true,"id":890},{"__isSmartRef__":true,"id":892},{"__isSmartRef__":true,"id":894}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":896},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"877":{"_Position":{"__isSmartRef__":true,"id":878},"renderContextTable":{"__isSmartRef__":true,"id":879},"_Extent":{"__isSmartRef__":true,"id":880},"_Padding":{"__isSmartRef__":true,"id":881},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":882},"_NodeClass":["morph","box","list"],"_NodeId":"morph-05dc6043-86fa-452c-b4fd-4b5d24a9368a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"878":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"879":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"880":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"881":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"882":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"883":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"884":{"morph":{"__isSmartRef__":true,"id":876},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"885":{"x":455,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"886":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"887":{"scaleVertical":true,"scaleHorizontal":true},"888":{"sourceObj":{"__isSmartRef__":true,"id":876},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setPane3Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":889},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"889":{"source":{"__isSmartRef__":true,"id":876},"target":{"__isSmartRef__":true,"id":149}},"890":{"sourceObj":{"__isSmartRef__":true,"id":876},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane3Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":891},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"891":{"source":{"__isSmartRef__":true,"id":876},"target":{"__isSmartRef__":true,"id":149}},"892":{"sourceObj":{"__isSmartRef__":true,"id":876},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane3Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":893},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"893":{"source":{"__isSmartRef__":true,"id":876},"target":{"__isSmartRef__":true,"id":149}},"894":{"sourceObj":{"__isSmartRef__":true,"id":876},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane3Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":895},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"895":{"source":{"__isSmartRef__":true,"id":876},"target":{"__isSmartRef__":true,"id":149}},"896":{"onDownPressed":{"__isSmartRef__":true,"id":897},"onUpPressed":{"__isSmartRef__":true,"id":904}},"897":{"varMapping":{"__isSmartRef__":true,"id":898},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":903},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"898":{"this":{"__isSmartRef__":true,"id":876},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":899}},"899":{"$super":{"__isSmartRef__":true,"id":900}},"900":{"varMapping":{"__isSmartRef__":true,"id":901},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":902},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"901":{"obj":{"__isSmartRef__":true,"id":876},"name":"onDownPressed"},"902":{},"903":{},"904":{"varMapping":{"__isSmartRef__":true,"id":905},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":910},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"905":{"this":{"__isSmartRef__":true,"id":876},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":906}},"906":{"$super":{"__isSmartRef__":true,"id":907}},"907":{"varMapping":{"__isSmartRef__":true,"id":908},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":909},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"908":{"obj":{"__isSmartRef__":true,"id":876},"name":"onUpPressed"},"909":{},"910":{},"911":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":876}},"912":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"setPane4Content","targetObj":{"__isSmartRef__":true,"id":913},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":948},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"913":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":914},"derivationIds":[],"id":"0109956C-1A54-4F6E-9FE8-63CE8B4B8C60","renderContextTable":{"__isSmartRef__":true,"id":920},"itemList":["-----"],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":921},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":922},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":923},"owner":{"__isSmartRef__":true,"id":133},"layout":{"__isSmartRef__":true,"id":924},"attributeConnections":[{"__isSmartRef__":true,"id":925},{"__isSmartRef__":true,"id":927},{"__isSmartRef__":true,"id":929},{"__isSmartRef__":true,"id":931}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":933},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"914":{"_Position":{"__isSmartRef__":true,"id":915},"renderContextTable":{"__isSmartRef__":true,"id":916},"_Extent":{"__isSmartRef__":true,"id":917},"_Padding":{"__isSmartRef__":true,"id":918},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":919},"_NodeClass":["morph","box","list"],"_NodeId":"morph-0109956c-1a54-4f6e-9fe8-63ce8b4b8c60","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"915":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"916":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"917":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"918":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"919":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"920":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"921":{"morph":{"__isSmartRef__":true,"id":913},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"922":{"x":682.5,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"923":{"x":227.5,"y":337.44,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"924":{"scaleVertical":true,"scaleHorizontal":true},"925":{"sourceObj":{"__isSmartRef__":true,"id":913},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setPane4Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":926},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"926":{"source":{"__isSmartRef__":true,"id":913},"target":{"__isSmartRef__":true,"id":149}},"927":{"sourceObj":{"__isSmartRef__":true,"id":913},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane4Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":928},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"928":{"source":{"__isSmartRef__":true,"id":913},"target":{"__isSmartRef__":true,"id":149}},"929":{"sourceObj":{"__isSmartRef__":true,"id":913},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane4Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":930},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"930":{"source":{"__isSmartRef__":true,"id":913},"target":{"__isSmartRef__":true,"id":149}},"931":{"sourceObj":{"__isSmartRef__":true,"id":913},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"getPane4Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":932},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"932":{"source":{"__isSmartRef__":true,"id":913},"target":{"__isSmartRef__":true,"id":149}},"933":{"onDownPressed":{"__isSmartRef__":true,"id":934},"onUpPressed":{"__isSmartRef__":true,"id":941}},"934":{"varMapping":{"__isSmartRef__":true,"id":935},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":940},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"935":{"this":{"__isSmartRef__":true,"id":913},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":936}},"936":{"$super":{"__isSmartRef__":true,"id":937}},"937":{"varMapping":{"__isSmartRef__":true,"id":938},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":939},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"938":{"obj":{"__isSmartRef__":true,"id":913},"name":"onDownPressed"},"939":{},"940":{},"941":{"varMapping":{"__isSmartRef__":true,"id":942},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":947},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"942":{"this":{"__isSmartRef__":true,"id":913},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":943}},"943":{"$super":{"__isSmartRef__":true,"id":944}},"944":{"varMapping":{"__isSmartRef__":true,"id":945},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":946},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"945":{"obj":{"__isSmartRef__":true,"id":913},"name":"onUpPressed"},"946":{},"947":{},"948":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":913}},"949":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"setSourceString","targetObj":{"__isSmartRef__":true,"id":950},"targetMethodName":"setTextString","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":967},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"950":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":951},"derivationIds":[],"id":"B057D86C-CA60-403B-81CD-CBF4A3F936B6","renderContextTable":{"__isSmartRef__":true,"id":957},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":958}],"eventHandler":{"__isSmartRef__":true,"id":960},"_ClipMode":"auto","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Courier","_FontSize":10,"evalEnabled":false,"_Position":{"__isSmartRef__":true,"id":961},"priorExtent":{"__isSmartRef__":true,"id":962},"_MaxTextWidth":898,"_MinTextWidth":898,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":133},"accessibleInInactiveWindow":true,"layout":{"__isSmartRef__":true,"id":963},"noEval":true,"syntaxHighlightingWhileTyping":true,"attributeConnections":[{"__isSmartRef__":true,"id":964},{"__isSmartRef__":true,"id":965}],"doNotSerialize":["$$textString","$$savedTextString"],"doNotCopyProperties":["$$textString","$$savedTextString"],"textString":"module('lively.morphic.HTML').requires('lively.morphic.Rendering', 'lively.morphic.PathShapes', 'lively.Traits', 'apps.Less').toRun(function() {\n\nColor.addMethods(\n'HTML rendering', {\n toCSSString: Color.prototype.toRGBAString\n});\n\nTrait('LinearGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format(cssPrefix + 'linear-gradient(%sdeg',\n this.vector.topLeft().subPt(this.vector.bottomRight()).theta().toDegrees());\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n // default webkit way of defining gradients\n var str = Strings.format('%sgradient(linear, %s\\% %s\\%, %s\\% %s\\%',\n cssPrefix,\n this.vector.x * 100.0,\n this.vector.y * 100.0,\n this.vector.maxX() * 100.0,\n this.vector.maxY() * 100.0);\n for (var i = 0; i < this.stops.length; i++)\n str += ',color-stop(' + this.stops[i].offset + ', ' + this.stops[i].color + ')';\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.LinearGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nTrait('RadialGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format('-moz-radial-gradient(50% 50%, circle cover');\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n bounds = bounds || new Rectangle(0,0, 20, 20);\n var str = Strings.format('%sgradient(radial, %s\\% %s\\%, %s, %s\\% %s\\%, %s',\n cssPrefix,\n this.focus.x * 100.0, // inner circle x coordinate\n this.focus.y * 100.0, // inner circle y coordinate\n 0.0, // inner circle radius\n 50.0, // outer circle x coordinate\n 50.0, // outer circle y coordinate\n bounds.width/2); // outer circle radius\n for (var i = 0; i < this.stops.length; i++)\n str += Strings.format(',color-stop(%s, %s)', this.stops[i].offset, this.stops[i].color.toRGBAString());\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.RadialGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nlively.morphic.Rendering.RenderContext.subclass('lively.morphic.HTML.RenderContext',\n'settings', {\n renderContextTableName: 'htmlDispatchTable',\n});\n\nlively.morphic.Morph.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n replaceRenderContext: 'replaceRenderContextHTML',\n init: 'initHTML',\n append: 'appendHTML',\n remove: 'removeHTML',\n onRenderFinished: 'onRenderFinishedHTML',\n triggerEvent: 'triggerEventHTML',\n setTransform: 'setTransformHTML',\n setPosition: 'setPositionHTML',\n setRotation: 'setRotationHTML',\n setExtent: 'setExtentHTML',\n setScale: 'setScaleHTML',\n setVisible: 'setVisibleHTML',\n adjustOrigin: 'adjustOriginHTML',\n setPivotPoint: 'setPivotPointHTML',\n setClipMode: 'setClipModeHTML',\n showsVerticalScrollBar: 'showsVerticalScrollBarHTML',\n showsHorizontalScrollBar: 'showsHorizontalScrollBarHTML',\n getScrollBarExtent: 'getScrollBarExtentHTML',\n setHandStyle: 'setHandStyleHTML',\n setPointerEvents: 'setPointerEventsHTML',\n setToolTip: 'setToolTipHTML',\n focus: 'focusHTML',\n blur: 'blurHTML',\n setFocusable: 'setFocusableHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setOriginClass: 'setOriginClassHTML'\n },\n},\n'udpating', {\n setTransformHTML: function(ctx, value) {\n },\n setPositionHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setRotationHTML: function(ctx, rad) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, rad, this.getScale(), this.getPivotPoint());\n },\n setExtentHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setExtent(ctx.morphNode, value);\n },\n setScaleHTML: function(ctx, scale) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), scale, this.getPivotPoint());\n },\n setVisibleHTML: function(ctx, bool) {\n if (ctx.morphNode)\n ctx.morphNode.style.visibility = bool ? '' : 'hidden';\n },\n adjustOriginHTML: function(ctx, value) {\n },\n setPivotPointHTML: function(ctx, value) {\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), this.getScale(), value);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n if (!ctx.shapeNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.shapeNode, clipMode);\n },\n\n setClipModeHTMLForNode: function(ctx, node, state) {\n if (!node) { return /*should not happen...*/};\n var style = node.style;\n if (!style) return;\n if (typeof state === \"string\") {\n style.overflowX = state;\n style.overflowY = state;\n } else if (typeof state === \"object\") {\n if (!state.x) style.removeProperty('overflow-x');\n else style.overflowX = state.x;\n if (!state.y) style.removeProperty('overflow-y');\n else style.overflowY = state.y;\n } else {\n style.removeProperty('overflow-x');\n style.removeProperty('overflow-y');\n }\n },\n\n showsHorizontalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullHeight = ctx.shapeNode.offsetHeight - this.getBorderWidth()*2,\n innerHeight = ctx.shapeNode.clientHeight;\n return innerHeight > 0 && fullHeight !== innerHeight;\n },\n showsVerticalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullWidth = ctx.shapeNode.offsetWidth - this.getBorderWidth()*2,\n innerWidth = ctx.shapeNode.clientWidth;\n return innerWidth > 0 && fullWidth !== innerWidth;\n },\n getScrollBarExtentHTML: function(ctx) {\n if (!this.constructor.prototype._cachedScrollBarExtent)\n this.constructor.prototype._cachedScrollBarExtent =\n ctx.domInterface.computeScrollBarExtentHTML();\n return this.constructor.prototype._cachedScrollBarExtent;\n },\n setHandStyleHTML: function(ctx, styleName) {\n if (!ctx.morphNode) return;\n if (!styleName || styleName == '') ctx.morphNode.style.cursor = null;\n else ctx.morphNode.style.cursor = styleName;\n },\n setToolTipHTML: function(ctxt, string) {\n if (ctxt.morphNode)\n ctxt.morphNode.setAttribute('title', string)\n },\n\n setStyleSheetHTML: function(ctx, css) {\n\n }\n\n},\n'rendering', {\n renderWithHTML: function() {\n this.replaceRenderContextCompletely(new lively.morphic.HTML.RenderContext());\n },\n initHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = ctx.domInterface.htmlRect();\n this.setFocusableHTML(ctx, this.isFocusable());\n this.setPivotPointHTML(ctx, this.getPivotPoint())\n ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n this.setPositionHTML(ctx, this.getPosition());\n this.setRotationHTML(ctx, this.getRotation());\n this.setScaleHTML(ctx, this.getScale());\n this.setClipModeHTML(ctx, this.getClipMode());\n this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode, ctx.shapeNode);\n if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n insertMorphNodeInHTML: function(ctx, morphNode, parentNode, optAfterNode) {\n if (!optAfterNode || !$A(parentNode.childNodes).include(optAfterNode)) {\n if (morphNode.parentNode === parentNode) return;\n ctx.domInterface.append(parentNode, morphNode);\n return\n }\n if (morphNode.nextSibling === optAfterNode) return;\n parentNode.insertBefore(morphNode, optAfterNode);\n },\n replaceRenderContextHTML: function(oldCtx, newCtx) {\n oldCtx.removeNode(oldCtx.morphNode);\n },\n onRenderFinishedHTML: function(ctx) {\n // FIXME, this is a hack\n if (this.delayedClipMode) {\n var clipMode = this.delayedClipMode;\n delete this.delayedClipMode;\n this.setClipMode(clipMode);\n }\n }\n},\n'removing', {\n removeHTML: function(ctx) {\n this.owner && this.owner.removeMorph(this);\n ctx.removeNode(ctx.morphNode);\n },\n},\n'events', {\n triggerEventHTML: function(ctx, evt) {\n return ctx.morphNode ? ctx.morphNode.dispatchEvent(evt) : null;\n },\n setPointerEventsHTML: function(ctx, value) {\n if (ctx.morphNode) ctx.morphNode.style.pointerEvents = value;\n },\n focusHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && this.isFocused()) node.blur();\n },\n setFocusableHTML: function(ctx, boolOrIndex) {\n if (!ctx.morphNode) return;\n if (typeof boolOrIndex === \"boolean\") {\n ctx.morphNode.tabIndex = -1;\n } else if (typeof boolOrIndex === \"number\") {\n ctx.morphNode.tabIndex = boolOrIndex;\n } else delete ctx.morphNode.tabIndex\n },\n});\n\nlively.morphic.World.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setScroll: 'setScrollHTML',\n\n }\n},\n'scrolling', {\n setScrollHTML: function(ctx, value) {\n var x = value[0], // array conforms to setScroll/getScroll interface\n y = value[1], // of the Scrollable trait\n xDiff = x - window.scrollX,\n yDiff = y - window.scrollY;\n window.scrollBy(xDiff, yDiff);\n },\n});\n\nlively.morphic.Text.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateText: 'updateTextHTML',\n setTextExtent: 'setTextExtentHTML',\n setMaxTextWidth: 'setMaxTextWidthHTML',\n setMaxTextHeight: 'setMaxTextHeightHTML',\n setMinTextWidth: 'setMinTextWidthHTML',\n setMinTextHeight: 'setMinTextHeightHTML',\n getTextExtent: 'getTextExtentHTML',\n getTextString: 'getTextStringHTML',\n ignoreTextEvents: 'ignoreTextEventsHTML',\n unignoreTextEvents: 'unignoreTextEventsHTML',\n enableTextEvents: 'enableTextEventsHTML',\n setFontFamily: 'setFontFamilyHTML',\n setFontSize: 'setFontSizeHTML',\n setTextColor: 'setTextColorHTML',\n setFontWeight: 'setFontWeightHTML',\n setFontStyle: 'setFontStyleHTML',\n setTextDecoration: 'setTextDecorationHTML',\n setPadding: 'setPaddingHTML',\n setAlign: 'setAlignHTML',\n setVerticalAlign: 'setVerticalAlignHTML',\n setDisplay: 'setDisplayHTML',\n setWhiteSpaceHandling: 'setWhiteSpaceHandlingHTML',\n focusMorph: 'focusMorphHTML',\n setInputAllowed: 'setInputAllowedHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.textNode) ctx.textNode = this.createTextNodeHTML();\n $super(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize());\n this.setFontFamilyHTML(ctx, this.getFontFamily());\n this.setAlignHTML(ctx, this.getAlign());\n this.setVerticalAlignHTML(ctx, this.getVerticalAlign());\n this.setDisplayHTML(ctx, this.getDisplay());\n this.setTextColorHTML(ctx, this.getTextColor());\n this.setWhiteSpaceHandlingHTML(ctx, this.getWhiteSpaceHandling());\n this.setInputAllowedHTML(ctx, this.inputAllowed());\n this.fit();\n if (this.textChunks) {\n this.textChunks.forEach(function(chunk) { chunk.addTo(this) }, this)\n } else {\n this.updateTextHTML(ctx, this.textString);\n }\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendTextHTML(ctx);\n this.fit();\n },\n appendTextHTML: function(ctx) {\n if (!ctx.morphNode) throw dbgOn(new Error('appendText: no morphNode!'))\n if (!ctx.shapeNode) throw dbgOn(new Error('appendText: no shapeNode!'))\n if (!ctx.textNode) throw dbgOn(new Error('appendText: no textNode!'))\n ctx.shapeNode.appendChild(ctx.textNode);\n },\n updateTextHTML: function(ctx, string) {\n this.firstTextChunk().textString = string;\n },\n onRenderFinishedHTML: function($super, ctx) {\n $super(ctx);\n this.fit.bind(this).delay(0);\n }\n},\n'accessing', {\n getTextExtentHTML: function(ctx) {\n if (!ctx.textNode) return pt(0,0);\n return ctx.textNode.scrollHeight != 0 ?\n pt(ctx.textNode.scrollWidth, ctx.textNode.scrollHeight) : this.getExtent();\n },\n setTextExtentHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setExtent(ctx.textNode, value);\n },\n\n setMaxTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxWidth(ctx.textNode, value);\n },\n setMaxTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxHeight(ctx.textNode, value);\n },\n setMinTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinHeight(ctx.textNode, value);\n },\n setMinTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinWidth(ctx.textNode, value);\n },\n getTextStringHTML: function(ctx) {\n //return ctx.textNode ? ctx.textNode.textContent : ''\n return this.getTextChunks().reduce(function (s, ea) {\n return s + ea.textString;\n }, '');\n },\n setFontSizeHTML: function(ctx, size) {\n if (ctx.textNode) ctx.textNode.style.fontSize = size + 'pt'\n },\n setFontFamilyHTML: function(ctx, fontName) {\n if (ctx.textNode) ctx.textNode.style.fontFamily = fontName;\n },\n setTextColorHTML: function(ctx, color) {\n if (ctx.textNode) {\n if (color && color.toCSSString) color = color.toCSSString();\n ctx.textNode.style.color = color\n }\n },\n\n setFontWeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontWeight = value;\n },\n setFontStyleHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontStyle = value;\n },\n setTextDecorationHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.textDecoration = value;\n },\n\n setPaddingHTML: function(ctx, r) {\n // TODO Deprecated, to be removed\n console.warn('lively.morphic.Text>>setPaddingHTML should not be called anymore!!!')\n },\n setAlignHTML: function(ctx, alignMode) {\n if (!ctx.textNode) return;\n ctx.textNode.style.textAlign = alignMode;\n this.setWhiteSpaceHandling(alignMode === 'justify' ? 'pre-line' : 'pre-wrap');\n },\n setVerticalAlignHTML: function(ctx, valignMode) {\n if (ctx.textNode)\n ctx.textNode.style.verticalAlign = valignMode;\n },\n setDisplayHTML: function(ctx, mode) {\n if (ctx.textNode)\n ctx.textNode.style.display = mode;\n },\n setWhiteSpaceHandlingHTML: function(ctx, modeString) {\n if (ctx.textNode)\n ctx.textNode.style.whiteSpace = modeString || 'normal';\n },\n getWhiteSpaceHandlingHTML: function(ctx) {\n return ctx.textNode ? (ctx.textNode.style.whiteSpace || 'normal') : 'normal';\n },\n setInputAllowedHTML: function(ctx, bool) {\n if (ctx.textNode) {\n ctx.textNode.contenteditable = bool;\n ctx.textNode.setAttribute('contenteditable', bool);\n }\n }\n},\n'event management', {\n // << ------------------ FIXME\n ignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong, \"contentEditable\"\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = false;\n },\n\n unignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n\n enableTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n // --------------------->> /FIXME\n\n focusHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n focusMorphHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && this.isFocused()) node.blur();\n },\n},\n'node creation', {\n createTextNodeHTML: function() {\n var node = XHTMLNS.create('div');\n node.className = 'visibleSelection';\n node.style.cssText = 'position: absolute;' + // needed for text extent calculation\n 'word-wrap: break-word;';\n return node;\n },\n});\n\nlively.morphic.List.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateListContent: 'updateListContentHTML',\n resizeList: 'resizeListHTML',\n getItemIndexFromEvent: 'getItemIndexFromEventHTML',\n getListExtent: 'getListExtentHTML',\n setSize: 'setSizeHTML',\n renderAsDropDownList: 'renderAsDropDownListHTML',\n setFontSize: 'setFontSizeHTML',\n setFontFamily: 'setFontFamilyHTML',\n getSelectedIndexes: 'getSelectedIndexesHTML',\n enableMultipleSelections: 'enableMultipleSelectionsHTML',\n selectAllAt: 'selectAllAtHTML',\n clearSelections: 'clearSelectionsHTML',\n deselectAt: 'deselectAtHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.listNode)\n ctx.listNode = this.createListNodeHTML();\n ctx.subNodes = [];\n $super(ctx);\n if (this.shape) // FIXME should also be done when no shape exists...?\n this.updateList(this.itemList || [])\n if (this.isDropDownList) this.renderAsDropDownListHTML(ctx);\n if (this.isMultipleSelectionList) this.enableMultipleSelectionsHTML(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize())\n this.setFontFamilyHTML(ctx, this.getFontFamily())\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendListHTML(ctx);\n },\n appendListHTML: function(ctx) {\n ctx.shapeNode.appendChild(ctx.listNode);\n this.resizeListHTML(ctx);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n // FIXME duplication wiht super, delay logic\n // can be extracted\n if (!ctx.listNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.listNode, clipMode);\n },\n\n setSizeHTML: function(ctx, size) {\n if (ctx.listNode) ctx.listNode.size = size;\n },\n setSize: function(size) {\n this.renderContextDispatch('setSize', size);\n },\n\n},\n'list specific', {\n removeListContentHTML: function(ctx) {\n ctx.subNodes = [];\n while(ctx.listNode.childNodes.length > 0) {\n var node = ctx.listNode.childNodes[0];\n node.parentNode.removeChild(node);\n }\n },\n updateListContentHTML: function(ctx, itemStrings) {\n if (!itemStrings) itemStrings = [];\n var scroll = this.getScroll();\n if(!ctx || !ctx.subNodes) return;\n if (ctx.subNodes.length > 0) this.removeListContentHTML(ctx);\n var extent = this.getExtent();\n for (var i = 0; i < itemStrings.length; i++) {\n var option = XHTMLNS.create('option');\n option.textContent = itemStrings[i];\n ctx.listNode.appendChild(option);\n ctx.subNodes.push(option);\n }\n this.resizeListHTML(ctx);\n this.selectAllAtHTML(ctx, [this.selectedLineNo]);\n },\n resizeListHTML: function(ctx) {\n var borderWidth = this.getBorderWidth(),\n extent = this.getExtent().subPt(pt(2*borderWidth, 2*borderWidth)),\n listNode = ctx.listNode;\n listNode.style.left = this.shape.getPosition().x /*+ this.padding.left()*/ + 'px';\n listNode.style.top = this.shape.getPosition().y /*+ this.padding.top()*/ + 'px';\n listNode.style.width = extent.x /*- this.padding.right() - this.padding.left())*/ + 'px';\n listNode.style.height = extent.y /*- this.padding.bottom() - this.padding.top()*/ + 'px';\n },\n getItemIndexFromEventHTML: function(ctx, evt) {\n var target = evt.target,\n idx = ctx.subNodes.indexOf(target);\n return idx;\n },\n deselectNodesHTML: function(ctx) {\n if (ctx.subNodes) {\n ctx.subNodes.forEach(function(ea) { ea.selected = false })\n }\n },\n},\n'drop down support HTML', {\n renderAsDropDownListHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.size = 1\n },\n},\n'multiple selection support HTML', {\n enableMultipleSelectionsHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.multiple = true;\n },\n getSelectedIndexesHTML: function(ctx) {\n var indexes = ctx.subNodes\n .collect(function(ea, i) { return ea.selected && i })\n .select(function(idxOrNull) { return idxOrNull || idxOrNull === 0 })\n return indexes;\n },\n deselectAtHTML: function(ctx, idx) {\n if (!ctx.listNode) return;\n if (idx < 0 || idx >= this.itemList.length) return;\n var node = ctx.subNodes[idx];\n if (node) node.selected = false;\n },\n selectAllAtHTML: function(ctx, indexes) {\n if (!ctx.listNode) return;\n for (var i = 0; i < indexes.length; i++) {\n var idx = indexes[i];\n if (idx < 0 || idx >= this.itemList.length) continue;\n var node = ctx.subNodes[idx];\n if (!node) continue;\n node.selected = true;\n if (node.scrollIntoViewIfNeeded) // no Firefox support\n node.scrollIntoViewIfNeeded();\n }\n },\n clearSelectionsHTML: function(ctx) { this.deselectNodesHTML(ctx) },\n},\n'node creation', {\n createListNodeHTML: function() {\n var node = XHTMLNS.create('select');\n node.size = 2; // hmm 1 is drop downlist, any value hight is normal list\n node.style.cssText = 'white-space: pre';\n node.className = 'visibleSelection';\n return node;\n },\n getListExtentHTML: function(ctx) {\n return ctx.listNode.scrollHeight != 0 ? pt(ctx.listNode.scrollWidth, ctx.listNode.scrollHeight) : this.getExtent()\n },\n},\n'styling', {\n setFontSizeHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontSize = value + 'pt'\n },\n setFontFamilyHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontFamily = value\n },\n});\n\nlively.morphic.Shapes.Shape.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n init: 'initHTML',\n appendShape: 'renderHTML',\n setPosition: 'setPositionHTML',\n setExtent: 'setExtentHTML',\n setPadding: 'setPaddingHTML',\n setFill: 'setFillHTML',\n setBorderColor: 'setBorderColorHTML',\n setBorderWidth: 'setBorderWidthHTML',\n setStrokeOpacity: 'setStrokeOpacityHTML',\n setBorderRadius: 'setBorderRadiusHTML',\n setBorderStyle: 'setBorderStyleHTML',\n setOpacity: 'setOpacityHTML',\n setNodeClass: 'setNodeClassHTML',\n setNodeId: 'setNodeIdHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setAppearanceStylingMode: 'setAppearanceStylingModeHTML',\n setBorderStylingMode: 'setBorderStylingModeHTML',\n setComputedStyles: 'setComputedStylesHTML',\n setComputedBorderWidth: 'setComputedBorderWidthHTML'\n },\n},\n'initializing', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n throw new Error('Cannot call Shape>>initHTML because no shapeNode exists')\n this.setPositionHTML(ctx, this.getPosition());\n this.setExtentHTML(ctx, this.getExtent());\n this.setFillHTML(ctx, this.getFill());\n this.setFillOpacity(this.getFillOpacity())\n this.setOpacityHTML(ctx, this.getOpacity());\n this.setBorderWidthHTML(ctx, this.getBorderWidth()); // The other border props are initialized there as well\n this.setBorderStyleHTML(ctx, this.getBorderStyle());\n this.setPaddingHTML(ctx, this.getPadding()); // also sets extent\n\n this.getNodeClass() && this.setNodeClassHTML(ctx, this.getNodeClass());\n if (this.getNodeId()) {\n this.setNodeIdHTML(ctx, this.getNodeId());\n this.getStyleSheet && this.setStyleSheetHTML(ctx, this.getStyleSheet());\n }\n\n if (UserAgent.fireFoxVersion)\n ctx.shapeNode['-moz-user-modify'] = 'read-only'\n },\n renderHTML: function(ctx) {\n if (ctx.shapeNode.parentNode) return;\n var child = ctx.morphNode.childNodes[0];\n if (!child) ctx.morphNode.appendChild(ctx.shapeNode)\n else ctx.morphNode.insertBefore(ctx.shapeNode, child)\n },\n},\n'updating', {\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var padding = this.getPadding(),\n paddingWidth = padding.left() + padding.right(),\n paddingHeight = padding.top() + padding.bottom(),\n // HTML isn't using fractions for pixels, rounds internally,\n // this has to be reflected to compensate HTML's box model\n borderWidth = Math.floor(this.getBorderWidth()),\n realExtent = value\n .addXY(-2 * borderWidth, -2 * borderWidth)\n .addXY(-paddingWidth, -paddingHeight);\n realExtent = realExtent.maxPt(pt(0,0));\n ctx.domInterface.setExtent(ctx.shapeNode, realExtent);\n return realExtent;\n },\n setFillHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetAppearance) {\n ctx.domInterface.setFill(ctx.shapeNode, null, this.getBounds());\n } else {\n ctx.domInterface.setFill(ctx.shapeNode, value, this.getBounds());\n }\n },\n setBorderColorHTML: function(ctx, fill) {\n var alpha;\n if (this.getStrokeOpacity() != 1) {\n alpha = this.getStrokeOpacity();\n } else {\n alpha = fill === null ? 0 : fill.a;\n }\n return this.setBorderHTML(ctx, this.getBorderWidth(), fill, alpha)\n },\n setBorderStyleHTML: function(ctx, value) {\n if (ctx.shapeNode) {\n var style = this.isStyleSheetBorder ? null : value;\n ctx.shapeNode.style.borderStyle = style;\n }\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n setBorderRadiusHTML: function(ctx, value) {\n // does not make sense for morphs in general\n },\n setStrokeOpacityHTML: function(ctx, opacity) {\n return this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), opacity)\n },\n setBorderHTML: function(ctx, width, fill, opacity) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetBorder) {\n ctx.shapeNode.style['border'] = null;\n } else {\n if ((fill instanceof Color) && opacity) fill = fill.withA(opacity);\n if (!fill) fill = Color.rgba(0,0,0,0);\n ctx.shapeNode.style['border'] = this.getBorderStyle() + ' ' + width + 'px ' +\n fill.toCSSString(this.getBounds(), ctx.domInterface.html5CssPrefix);\n }\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n if (ctx.shapeNode) ctx.shapeNode.style.opacity = this.isStyleSheetAppearance ? null : value;\n },\n setPaddingHTML: function(ctx, r) {\n if (r === undefined || !ctx.shapeNode) return r;\n // Rectangle.inset(left, top, right, bottom) ==>\n // CSS padding: [padding-top] [padding-right] [padding-bottom] [padding-left]\n var s = r.top() + \"px \" + r.right() + \"px \" + r.bottom() + \"px \" + r.left() + \"px\";\n ctx.shapeNode.style.padding = s;\n return r;\n },\n\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.shapeNode.className = a;\n },\n\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.shapeNode.id = value;\n },\n\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.shapeNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Shape node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.shapeNode) return;\n var style = window.getComputedStyle(ctx.shapeNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n\n setComputedBorderWidthHTML: function(ctx, width) {},\n\n setAppearanceStylingModeHTML: function(ctx, value) {\n this.isStyleSheetAppearance = value;\n this.setFillHTML(ctx, this.shapeGetter(\"Fill\"));\n this.setOpacityHTML(ctx, this.shapeGetter(\"Opacity\"));\n },\n\n setBorderStylingModeHTML: function(ctx, value) {\n this.isStyleSheetBorder = value;\n this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), this.getStrokeOpacity());\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n }\n\n});\n\nlively.morphic.Shapes.Rectangle.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n },\n},\n'updating', {\n setBorderRadiusHTML: function(ctx, value) {\n var borderRadius = (this.isStyleSheetBorder) ? null : value;\n if (Object.isString(value)) {\n // irregular border radius for windows e.g.\n ctx.getShapeNode().style.borderRadius = borderRadius ;\n } else {\n ctx.domInterface.setHTMLBorderRadius(ctx.getShapeNode(), borderRadius , borderRadius);\n }\n },\n});\n\nlively.morphic.Shapes.Ellipse.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n // border radius is used to make a rectangle into an ellipse\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n },\n},\n'updating', {\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n if (ctx.shapeNode)\n ctx.domInterface.setHTMLBorderRadiusPoint(ctx.shapeNode, value);\n },\n setBorderRadiusHTML: function(ctx, value) {\n // ellipses border radius are the radius of the ellipse itself\n return;\n },\n});\n\nlively.morphic.Shapes.Image.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setImageURL: 'setImageURLHTML',\n getNativeExtent: 'getNativeExtentHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.imgNode = ctx.domInterface.htmlImg();\n ctx.shapeNode.appendChild(ctx.imgNode);\n ctx.imgNode.draggable = false;\n }\n $super(ctx);\n this.setImageURLHTML(ctx, this.getImageURL());\n },\n},\n'updating', {\n setImageURLHTML: function(ctx, urlString) {\n if (!ctx.imgNode) return;\n var shape = this;\n ctx.imgNode.onload = function(evt) { shape.isLoaded = true }\n ctx.imgNode.src = urlString;\n },\n},\n'accessing', {\n getNativeExtentHTML: function(ctx) {\n return pt(ctx.imgNode.naturalWidth, ctx.imgNode.naturalHeight)\n },\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n var extentWithoutBorder = value.addXY(-2*this.getBorderWidth(), -2*this.getBorderWidth());\n if (ctx.imgNode)\n ctx.domInterface.setExtent(ctx.imgNode, extentWithoutBorder);\n },\n\n});\n\nlively.morphic.Shapes.External.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getExtent: 'getExtentHTML',\n initFromStringifiedShapeNode: 'initFromStringifiedShapeNodeHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n ctx.shapeNode = this.shapeNode;\n },\n renderHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = this.shapeNode;\n }\n $super(ctx);\n },\n},\n'initializing', {\n initFromStringifiedShapeNodeHTML: function(ctx) {\n var element;\n if (this.stringifiedShapeNode) {\n element = stringToXML(this.stringifiedShapeNode);\n element.parentNode && element.parentNode.removeChild(element);\n }\n if (!element) {\n element = XHTMLNS.create('div');\n element.style.backgroundColor = Color.red.toCSSString();\n }\n var $element = new jQuery.fn.init(element),\n width = $element.width() || 0,\n height = $element.height() || 0,\n extent = pt(width, height);\n this.setExtent(extent);\n this.shapeNode = element;\n ctx && (ctx.shapeNode = element);\n },\n},\n'accessing', {\n getExtentHTML: function(ctx) {\n var $node = $(ctx.shapeNode);\n return pt($node.width() || 0, $node.height() || 0);\n },\n setOpacityHTML: function(ctx, value) { if (ctx.shapeNode.style) ctx.shapeNode.style.opacity = value; },\n\n});\n\nlively.morphic.Shapes.Path.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getPathNode: 'getPathNodeHTML',\n setPathElements: 'setPathElementsHTML',\n getPathBounds: 'getPathBoundsHTML',\n getTotalLength: 'getTotalLengthHTML',\n getPointAtTotalLength: 'getPointAtTotalLengthHTML',\n },\n},\n'HTML rendering', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.svgNode = NodeFactory.create('svg', {style: 'position: absolute'}); // otherwise there can be a line offset\n ctx.shapeNode.appendChild(ctx.svgNode);\n ctx.pathNode = NodeFactory.create('path');\n ctx.svgNode.appendChild(ctx.pathNode);\n }\n lively.morphic.Shapes.Shape.prototype.initHTML.call(this, ctx); //$super(ctx);\n this.setBorderColorHTML(ctx, this.getBorderColor());\n this.setPathElementsHTML(ctx, this.getPathElements());\n },\n},\n'accessing', {\n setPathElementsHTML: function(ctx, elements) {\n var pathNode = this.getPathNodeHTML(ctx);\n if (!pathNode) return;\n pathNode.setAttributeNS(null, \"d\", this.createSVGDataFromElements(elements));\n var bounds = this.getBounds();\n\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n\n setExtentHTML: function(ctx, value) {\n ctx.domInterface.setExtent(ctx.svgNode, value);\n },\n setFillHTML: function(ctx, value) {\n if (ctx.svgNode)\n ctx.domInterface.setFill(ctx.svgNode, value, this.getBounds());\n },\n setBorderStyleHTML: function(ctx, value) {\n if (value == 'dashed')\n ctx.svgNode.setAttribute('stroke-dasharray', '7 4')\n else if (value == 'dotted')\n ctx.svgNode.setAttribute('stroke-dasharray', '2 2')\n else\n ctx.svgNode.removeAttribute('stroke-dasharray')\n },\n setBorderColorHTML: function(ctx, fill) {\n ctx.domInterface.setSVGFillOrStrokePaint(this.getPathNodeHTML(ctx), 'stroke', fill)\n },\n setBorderWidthHTML: function(ctx, value) {\n var node = this.getPathNodeHTML(ctx);\n node && node.setAttribute('stroke-width', String(value));\n\n // borderWidth affects the bounds and the svg viewBox to extend the path equally into all directions\n var bounds = this.getBounds();\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n},\n'svg specific', {\n setElementsFromSVGData: function(data) {\n var elements = lively.morphic.Shapes.PathElement.parse(data);\n this.setPathElements(elements);\n },\n getPathNodeHTML: function(ctx) { return ctx.pathNode },\n getDefsNodeHTML: function(ctx) {\n var defNode = ctx.svgNode.getElementsByTagName('defs')[0];\n if (!defNode) {\n defNode = NodeFactory.create('defs');\n ctx.svgNode.insertBefore(defNode, ctx.svgNode.childNodes[0]);\n }\n return defNode;\n },\n\n getPathBoundsHTML: function (ctx) {\n var vertices = this.vertices(),\n minX = vertices.min(function(ea) { return ea.x; }),\n minY = vertices.min(function(ea) { return ea.y; }),\n maxX = vertices.max(function(ea) { return ea.x; }),\n maxY = vertices.max(function(ea) { return ea.y; }),\n halfStroke = Math.floor(this.getBorderWidth() / 2);\n return rect(pt(minX - 1 - halfStroke, minY - 1 - halfStroke),\n pt(maxX + halfStroke, maxY + halfStroke));\n },\n\n getTotalLengthHTML: function(ctx) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && pathNode.getTotalLength()\n },\n getPointAtTotalLengthHTML: function(ctx, totalLength) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && lively.Point.ensure(pathNode.getPointAtLength(totalLength));\n },\n});\nObject.extend(lively.morphic, {\n CSS: {}\n});\n\nObject.subclass('lively.morphic.CSS.Fill',\n'settings', {\n isCSSFill: true\n},\n'initializing', {\n initialize: function(cssBackgroundString) {\n this.cssBackgroundString = cssBackgroundString || \"\";\n }\n},\n'rendering', {\n applyToNode: function(node) {\n if (node.style) {\n node.style.background = this.cssBackgroundString;\n }\n }\n});\n\n\nlively.morphic.Shapes.Shape.addMethods(\n 'stylesheets', {\n\n\n\t\t\tsetStyleSheet: function(value) {\n\t\t\t\treturn this.shapeSetter('StyleSheet', value);\n\t\t\t},\n\t\t\tgetStyleSheet: function() {\n\t\t\t\treturn this.shapeGetter('StyleSheet') || \"\";\n\t\t\t},\n\n\t\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('AppearanceStylingMode', value);\n\t\t\t},\n\t\t\tgetAppearanceStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('AppearanceStylingMode');\n\t\t\t},\n\n\t\t\tsetBorderStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('BorderStylingMode', value);\n\t\t\t},\n\t\t\tgetBorderStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('BorderStylingMode');\n\t\t\t},\n\n\t\t\tupdateComputedStyles: function() {\n\t\t\t\treturn this.shapeSetter('ComputedStyles');\n\n\t\t\t}\n\n \n }\n );\n \n\n lively.morphic.Morph.addMethods(\n\t'stylesheets', {\n\t setOriginClass: function(className) {\n this.originClass = className;\n return this.renderContextDispatch('setOriginClass',className);\n },\n setOriginClassHTML: function(ctx, className) {\n var o = ctx.originNode;\n if (o) o.className = className;\n },\n\t\tapplyStyleSheet: function(style) {\n\t\t\tthis.setStyleSheet(style);\n\t\t},\n\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t// TRUE when appearance is styled through style sheets,\n\t\t\t// FALSE when appearance is styled through style dialog\n\t\t\tthis.shape.setAppearanceStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tapplyStyleSheetFromFile: function(file, resourcePath){\n\t\t // use the resourcePath parameter if the resources addressed\n\t\t // in the CSS file are in a different directory than the CSS'.\n\t\t // (use \"\" to leave the urls untouched)\n\t\t \n\t\t var absPath = file;\n\t\t // is the filename absolute? if not then make it absolute.\n\t\t if (absPath.search('http://')<0) {\n\t\t absPath = document.location.href.toString().split('?')[0];\n\t\t absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1);\n\t\t absPath += \"/\"+file;\n\t\t }\n\t\t var url = new URL(absPath);\n\t\t \n\t\t URL.proxy = null;\n \n\t\t\tvar webR = new WebResource(url);\n webR.forceUncached();\n\t\t\tvar webRGet = webR.get();\n\t\t\tif (webRGet.status.code() == 200) {\n\t\t\t // add resource path to all relative urls in the css\n\t\t\t var css = webRGet.content;\n\t\t\t \n\t\t\t var resPath = resourcePath;\n\t\t\t if (!resPath){\n resPath = absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1); \n\t\t\t }\n\t\t\t var urlReplace = \"url(\"+resPath;\n\t\t\t var urlReplaceSingle = \"url('\"+resPath;\n\t\t\t var urlReplaceDouble = 'url(\"'+resPath;\t\t\t \t\t\t \n\t\t\t css = css.replace(/url\\([\\s]*\\'(?![\\s]*http)/g, urlReplaceSingle).replace(/url\\([\\s]*\\\"(?![\\s]*http)/g, urlReplaceDouble ).replace(/url\\((?![\\s]*[\\'|\\\"])(?![\\s]*http)/g, urlReplace );\n \n \n // insert line breaks so the css is more legible\n css = css.replace(/\\;(?![\\s]*(\\r\\n|\\n|\\r))/g,\";\\n\").replace(/\\}(?![\\s]*(\\r\\n|\\n|\\r))/g,\"}\\n\").replace(/\\{(?![\\s]*(\\r\\n|\\n|\\r))/g,\"{\\n\");\n console.log(css);\n \n // set the style sheet\n this.setStyleSheet(css);\n\t\t\t}\n\t\t\telse {\n throw new Error(\"Couldn't load stylesheet at \"+absPath+\" --> \" +webRGet.status.code());\n\t\t\t}\n\t\t\t\n\t\t\treturn {\n\t\t\t\tstatus: webRGet.status.code(),\n\t\t\t\tresponseText: webRGet.content\n\t\t\t};\n\t\t},\n\t\t\t\t\t\n\t\tsetStyleSheet: function(value) {\n\t\t\tthis.setNodeId();\n\t\t\tthis.shape.setStyleSheet(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetStyleSheet: function() {\n\t\t\tvar r = this.shape.getStyleSheet();\n\t\t\t//this.updateComputedStyles();\n\t\t\treturn r;\n\t\t}, \n\t\n\t\tgetAppearanceStylingMode: function() {\n\t\t\treturn this.shape.getAppearanceStylingMode();\n\t\t},\n\n\t\tsetBorderStylingMode: function(value) {\n\t\t\t// TRUE when border is styled through style sheets,\n\t\t\t// FALSE when border is styled through style dialog\n\t\t\tthis.shape.setBorderStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetBorderStylingMode: function() {\n\t\t\treturn this.shape.getBorderStylingMode();\n\t\t},\n\n\t\n\t\tupdateComputedStyles: function() {\n\t\t\tthis.shape.updateComputedStyles();\n\t\t\tthis.submorphs.each(function(m){m.updateComputedStyles();});\n\t\t},\n\t}\n);\n\nlively.morphic.Box.subclass('lively.morphic.SimpleText',\n'simple text', {\n htmlDispatchTable: {\n setText: 'setTextHTML'\n },\n \n initialize: function($super, bounds, optText){\n $super(bounds);\n this.text = optText || \"Simple Text\";\n },\n setText: function(text){\n this.text = text; \n return this.renderContextDispatch('setText', text); \n },\n setTextHTML: function(ctx, text){\n ctx.shapeNode.innerHTML = text; \n },\n \n appendHTML: function($super, ctx) {\n $super(ctx);\n if (ctx.shapeNode) {\n this.setTextHTML(ctx, this.text);\n }\n },\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set text', function(evt) {\n $world.prompt('Set text', function(input) {\n if (input !== null)\n self.setText(input || '');\n }, this.text);\n }])\n return items;\n },\n \n}\n\n);\n\n\n}) // end of module\n","_syntaxHighlightTimeout":null,"parseErrors":null,"lastSyntaxHighlightTime":1,"specialHighlighting":"topLevel","styleClass":["Browser_codePaneText"],"focusHaloBorderWidth":0.5,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"951":{"_Position":{"__isSmartRef__":true,"id":952},"renderContextTable":{"__isSmartRef__":true,"id":953},"_Extent":{"__isSmartRef__":true,"id":954},"_Padding":{"__isSmartRef__":true,"id":955},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":956},"_Fill":{"__isSmartRef__":true,"id":124},"_NodeClass":["morph","text"],"_NodeId":"morph-b057d86c-ca60-403b-81cd-cbf4a3f936b6","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"952":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"953":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"954":{"x":910,"y":501.6,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"955":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"956":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"957":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"958":{"style":{"__isSmartRef__":true,"id":959},"chunkOwner":{"__isSmartRef__":true,"id":950},"_id":"_317","storedString":"module('lively.morphic.HTML').requires('lively.morphic.Rendering', 'lively.morphic.PathShapes', 'lively.Traits', 'apps.Less').toRun(function() {\n\nColor.addMethods(\n'HTML rendering', {\n toCSSString: Color.prototype.toRGBAString\n});\n\nTrait('LinearGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format(cssPrefix + 'linear-gradient(%sdeg',\n this.vector.topLeft().subPt(this.vector.bottomRight()).theta().toDegrees());\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n // default webkit way of defining gradients\n var str = Strings.format('%sgradient(linear, %s\\% %s\\%, %s\\% %s\\%',\n cssPrefix,\n this.vector.x * 100.0,\n this.vector.y * 100.0,\n this.vector.maxX() * 100.0,\n this.vector.maxY() * 100.0);\n for (var i = 0; i < this.stops.length; i++)\n str += ',color-stop(' + this.stops[i].offset + ', ' + this.stops[i].color + ')';\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.LinearGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nTrait('RadialGradientCSSTrait',\n'HTML rendering', {\n toCSSStringFirefoxAndOpera: function(bounds, cssPrefix) {\n var str = Strings.format('-moz-radial-gradient(50% 50%, circle cover');\n for (var i = 0; i < this.stops.length; i++)\n str += ', ' + this.stops[i].color + ' ' + (this.stops[i].offset*100) + '%'\n str += ')';\n return str;\n },\n toCSSStringIE: function(bounds, cssPrefix) {\n module('apps.Base64').load(true);\n var str = [];\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n for (var i = 0; i < this.stops.length; i++)\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n str.push('');\n return \"url('data:image/svg+xml;base64,\" + Base64.encode(str.join(' ') + ' ') + \"') no-repeat;\";\n },\n toCSSStringWebkit: function(bounds, cssPrefix) {\n bounds = bounds || new Rectangle(0,0, 20, 20);\n var str = Strings.format('%sgradient(radial, %s\\% %s\\%, %s, %s\\% %s\\%, %s',\n cssPrefix,\n this.focus.x * 100.0, // inner circle x coordinate\n this.focus.y * 100.0, // inner circle y coordinate\n 0.0, // inner circle radius\n 50.0, // outer circle x coordinate\n 50.0, // outer circle y coordinate\n bounds.width/2); // outer circle radius\n for (var i = 0; i < this.stops.length; i++)\n str += Strings.format(',color-stop(%s, %s)', this.stops[i].offset, this.stops[i].color.toRGBAString());\n str += ')';\n return str;\n },\n toCSSStringUnknown: function() {\n console.warn('Trying to detect how CSS gradients are rendered but wasn\\'t able to recognize browser');\n return '';\n },\n})\n.applyTo(lively.morphic.RadialGradient, {\n alias: (function() {\n if (UserAgent.fireFoxVersion || UserAgent.isOpera) return {toCSSStringFirefoxAndOpera: 'toCSSString'};\n if (UserAgent.isIE) return {toCSSStringIE: 'toCSSString'};\n if (UserAgent.webKitVersion) return {toCSSStringWebkit: 'toCSSString'};\n return {toCSSStringUnknown: 'toCSSString'};\n })(),\n})\n\nlively.morphic.Rendering.RenderContext.subclass('lively.morphic.HTML.RenderContext',\n'settings', {\n renderContextTableName: 'htmlDispatchTable',\n});\n\nlively.morphic.Morph.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n replaceRenderContext: 'replaceRenderContextHTML',\n init: 'initHTML',\n append: 'appendHTML',\n remove: 'removeHTML',\n onRenderFinished: 'onRenderFinishedHTML',\n triggerEvent: 'triggerEventHTML',\n setTransform: 'setTransformHTML',\n setPosition: 'setPositionHTML',\n setRotation: 'setRotationHTML',\n setExtent: 'setExtentHTML',\n setScale: 'setScaleHTML',\n setVisible: 'setVisibleHTML',\n adjustOrigin: 'adjustOriginHTML',\n setPivotPoint: 'setPivotPointHTML',\n setClipMode: 'setClipModeHTML',\n showsVerticalScrollBar: 'showsVerticalScrollBarHTML',\n showsHorizontalScrollBar: 'showsHorizontalScrollBarHTML',\n getScrollBarExtent: 'getScrollBarExtentHTML',\n setHandStyle: 'setHandStyleHTML',\n setPointerEvents: 'setPointerEventsHTML',\n setToolTip: 'setToolTipHTML',\n focus: 'focusHTML',\n blur: 'blurHTML',\n setFocusable: 'setFocusableHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setOriginClass: 'setOriginClassHTML'\n },\n},\n'udpating', {\n setTransformHTML: function(ctx, value) {\n },\n setPositionHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setRotationHTML: function(ctx, rad) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, rad, this.getScale(), this.getPivotPoint());\n },\n setExtentHTML: function(ctx, value) {\n if (ctx.morphNode)\n ctx.domInterface.setExtent(ctx.morphNode, value);\n },\n setScaleHTML: function(ctx, scale) {\n if (ctx.morphNode)\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), scale, this.getPivotPoint());\n },\n setVisibleHTML: function(ctx, bool) {\n if (ctx.morphNode)\n ctx.morphNode.style.visibility = bool ? '' : 'hidden';\n },\n adjustOriginHTML: function(ctx, value) {\n },\n setPivotPointHTML: function(ctx, value) {\n ctx.domInterface.setHTMLTransform(ctx.morphNode, this.getRotation(), this.getScale(), value);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n if (!ctx.shapeNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.shapeNode, clipMode);\n },\n\n setClipModeHTMLForNode: function(ctx, node, state) {\n if (!node) { return /*should not happen...*/};\n var style = node.style;\n if (!style) return;\n if (typeof state === \"string\") {\n style.overflowX = state;\n style.overflowY = state;\n } else if (typeof state === \"object\") {\n if (!state.x) style.removeProperty('overflow-x');\n else style.overflowX = state.x;\n if (!state.y) style.removeProperty('overflow-y');\n else style.overflowY = state.y;\n } else {\n style.removeProperty('overflow-x');\n style.removeProperty('overflow-y');\n }\n },\n\n showsHorizontalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullHeight = ctx.shapeNode.offsetHeight - this.getBorderWidth()*2,\n innerHeight = ctx.shapeNode.clientHeight;\n return innerHeight > 0 && fullHeight !== innerHeight;\n },\n showsVerticalScrollBarHTML: function(ctx) {\n if (!ctx.shapeNode) return false;\n var fullWidth = ctx.shapeNode.offsetWidth - this.getBorderWidth()*2,\n innerWidth = ctx.shapeNode.clientWidth;\n return innerWidth > 0 && fullWidth !== innerWidth;\n },\n getScrollBarExtentHTML: function(ctx) {\n if (!this.constructor.prototype._cachedScrollBarExtent)\n this.constructor.prototype._cachedScrollBarExtent =\n ctx.domInterface.computeScrollBarExtentHTML();\n return this.constructor.prototype._cachedScrollBarExtent;\n },\n setHandStyleHTML: function(ctx, styleName) {\n if (!ctx.morphNode) return;\n if (!styleName || styleName == '') ctx.morphNode.style.cursor = null;\n else ctx.morphNode.style.cursor = styleName;\n },\n setToolTipHTML: function(ctxt, string) {\n if (ctxt.morphNode)\n ctxt.morphNode.setAttribute('title', string)\n },\n\n setStyleSheetHTML: function(ctx, css) {\n\n }\n\n},\n'rendering', {\n renderWithHTML: function() {\n this.replaceRenderContextCompletely(new lively.morphic.HTML.RenderContext());\n },\n initHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = ctx.domInterface.htmlRect();\n this.setFocusableHTML(ctx, this.isFocusable());\n this.setPivotPointHTML(ctx, this.getPivotPoint())\n ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n this.setPositionHTML(ctx, this.getPosition());\n this.setRotationHTML(ctx, this.getRotation());\n this.setScaleHTML(ctx, this.getScale());\n this.setClipModeHTML(ctx, this.getClipMode());\n this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode, ctx.shapeNode);\n if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n insertMorphNodeInHTML: function(ctx, morphNode, parentNode, optAfterNode) {\n if (!optAfterNode || !$A(parentNode.childNodes).include(optAfterNode)) {\n if (morphNode.parentNode === parentNode) return;\n ctx.domInterface.append(parentNode, morphNode);\n return\n }\n if (morphNode.nextSibling === optAfterNode) return;\n parentNode.insertBefore(morphNode, optAfterNode);\n },\n replaceRenderContextHTML: function(oldCtx, newCtx) {\n oldCtx.removeNode(oldCtx.morphNode);\n },\n onRenderFinishedHTML: function(ctx) {\n // FIXME, this is a hack\n if (this.delayedClipMode) {\n var clipMode = this.delayedClipMode;\n delete this.delayedClipMode;\n this.setClipMode(clipMode);\n }\n }\n},\n'removing', {\n removeHTML: function(ctx) {\n this.owner && this.owner.removeMorph(this);\n ctx.removeNode(ctx.morphNode);\n },\n},\n'events', {\n triggerEventHTML: function(ctx, evt) {\n return ctx.morphNode ? ctx.morphNode.dispatchEvent(evt) : null;\n },\n setPointerEventsHTML: function(ctx, value) {\n if (ctx.morphNode) ctx.morphNode.style.pointerEvents = value;\n },\n focusHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && this.isFocused()) node.blur();\n },\n setFocusableHTML: function(ctx, boolOrIndex) {\n if (!ctx.morphNode) return;\n if (typeof boolOrIndex === \"boolean\") {\n ctx.morphNode.tabIndex = -1;\n } else if (typeof boolOrIndex === \"number\") {\n ctx.morphNode.tabIndex = boolOrIndex;\n } else delete ctx.morphNode.tabIndex\n },\n});\n\nlively.morphic.World.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setScroll: 'setScrollHTML',\n\n }\n},\n'scrolling', {\n setScrollHTML: function(ctx, value) {\n var x = value[0], // array conforms to setScroll/getScroll interface\n y = value[1], // of the Scrollable trait\n xDiff = x - window.scrollX,\n yDiff = y - window.scrollY;\n window.scrollBy(xDiff, yDiff);\n },\n});\n\nlively.morphic.Text.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateText: 'updateTextHTML',\n setTextExtent: 'setTextExtentHTML',\n setMaxTextWidth: 'setMaxTextWidthHTML',\n setMaxTextHeight: 'setMaxTextHeightHTML',\n setMinTextWidth: 'setMinTextWidthHTML',\n setMinTextHeight: 'setMinTextHeightHTML',\n getTextExtent: 'getTextExtentHTML',\n getTextString: 'getTextStringHTML',\n ignoreTextEvents: 'ignoreTextEventsHTML',\n unignoreTextEvents: 'unignoreTextEventsHTML',\n enableTextEvents: 'enableTextEventsHTML',\n setFontFamily: 'setFontFamilyHTML',\n setFontSize: 'setFontSizeHTML',\n setTextColor: 'setTextColorHTML',\n setFontWeight: 'setFontWeightHTML',\n setFontStyle: 'setFontStyleHTML',\n setTextDecoration: 'setTextDecorationHTML',\n setPadding: 'setPaddingHTML',\n setAlign: 'setAlignHTML',\n setVerticalAlign: 'setVerticalAlignHTML',\n setDisplay: 'setDisplayHTML',\n setWhiteSpaceHandling: 'setWhiteSpaceHandlingHTML',\n focusMorph: 'focusMorphHTML',\n setInputAllowed: 'setInputAllowedHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.textNode) ctx.textNode = this.createTextNodeHTML();\n $super(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize());\n this.setFontFamilyHTML(ctx, this.getFontFamily());\n this.setAlignHTML(ctx, this.getAlign());\n this.setVerticalAlignHTML(ctx, this.getVerticalAlign());\n this.setDisplayHTML(ctx, this.getDisplay());\n this.setTextColorHTML(ctx, this.getTextColor());\n this.setWhiteSpaceHandlingHTML(ctx, this.getWhiteSpaceHandling());\n this.setInputAllowedHTML(ctx, this.inputAllowed());\n this.fit();\n if (this.textChunks) {\n this.textChunks.forEach(function(chunk) { chunk.addTo(this) }, this)\n } else {\n this.updateTextHTML(ctx, this.textString);\n }\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendTextHTML(ctx);\n this.fit();\n },\n appendTextHTML: function(ctx) {\n if (!ctx.morphNode) throw dbgOn(new Error('appendText: no morphNode!'))\n if (!ctx.shapeNode) throw dbgOn(new Error('appendText: no shapeNode!'))\n if (!ctx.textNode) throw dbgOn(new Error('appendText: no textNode!'))\n ctx.shapeNode.appendChild(ctx.textNode);\n },\n updateTextHTML: function(ctx, string) {\n this.firstTextChunk().textString = string;\n },\n onRenderFinishedHTML: function($super, ctx) {\n $super(ctx);\n this.fit.bind(this).delay(0);\n }\n},\n'accessing', {\n getTextExtentHTML: function(ctx) {\n if (!ctx.textNode) return pt(0,0);\n return ctx.textNode.scrollHeight != 0 ?\n pt(ctx.textNode.scrollWidth, ctx.textNode.scrollHeight) : this.getExtent();\n },\n setTextExtentHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setExtent(ctx.textNode, value);\n },\n\n setMaxTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxWidth(ctx.textNode, value);\n },\n setMaxTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMaxHeight(ctx.textNode, value);\n },\n setMinTextHeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinHeight(ctx.textNode, value);\n },\n setMinTextWidthHTML: function(ctx, value) {\n if (ctx.textNode) ctx.domInterface.setMinWidth(ctx.textNode, value);\n },\n getTextStringHTML: function(ctx) {\n //return ctx.textNode ? ctx.textNode.textContent : ''\n return this.getTextChunks().reduce(function (s, ea) {\n return s + ea.textString;\n }, '');\n },\n setFontSizeHTML: function(ctx, size) {\n if (ctx.textNode) ctx.textNode.style.fontSize = size + 'pt'\n },\n setFontFamilyHTML: function(ctx, fontName) {\n if (ctx.textNode) ctx.textNode.style.fontFamily = fontName;\n },\n setTextColorHTML: function(ctx, color) {\n if (ctx.textNode) {\n if (color && color.toCSSString) color = color.toCSSString();\n ctx.textNode.style.color = color\n }\n },\n\n setFontWeightHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontWeight = value;\n },\n setFontStyleHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.fontStyle = value;\n },\n setTextDecorationHTML: function(ctx, value) {\n if (ctx.textNode) ctx.textNode.style.textDecoration = value;\n },\n\n setPaddingHTML: function(ctx, r) {\n // TODO Deprecated, to be removed\n console.warn('lively.morphic.Text>>setPaddingHTML should not be called anymore!!!')\n },\n setAlignHTML: function(ctx, alignMode) {\n if (!ctx.textNode) return;\n ctx.textNode.style.textAlign = alignMode;\n this.setWhiteSpaceHandling(alignMode === 'justify' ? 'pre-line' : 'pre-wrap');\n },\n setVerticalAlignHTML: function(ctx, valignMode) {\n if (ctx.textNode)\n ctx.textNode.style.verticalAlign = valignMode;\n },\n setDisplayHTML: function(ctx, mode) {\n if (ctx.textNode)\n ctx.textNode.style.display = mode;\n },\n setWhiteSpaceHandlingHTML: function(ctx, modeString) {\n if (ctx.textNode)\n ctx.textNode.style.whiteSpace = modeString || 'normal';\n },\n getWhiteSpaceHandlingHTML: function(ctx) {\n return ctx.textNode ? (ctx.textNode.style.whiteSpace || 'normal') : 'normal';\n },\n setInputAllowedHTML: function(ctx, bool) {\n if (ctx.textNode) {\n ctx.textNode.contenteditable = bool;\n ctx.textNode.setAttribute('contenteditable', bool);\n }\n }\n},\n'event management', {\n // << ------------------ FIXME\n ignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong, \"contentEditable\"\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = false;\n },\n\n unignoreTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n\n enableTextEventsHTML: function(ctx) {\n // FIXME this seems totally wrong,\n // and has nothing to do with inputs!!!\n if (ctx.textNode)\n ctx.textNode.contentEditable = true;\n },\n // --------------------->> /FIXME\n\n focusHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n focusMorphHTML: function(ctx) {\n var node = ctx.morphNode;\n if (node && !this.isFocused() && node.tabIndex !== undefined) node.focus();\n },\n blurHTML: function(ctx) {\n var node = ctx.textNode;\n if (node && this.isFocused()) node.blur();\n },\n},\n'node creation', {\n createTextNodeHTML: function() {\n var node = XHTMLNS.create('div');\n node.className = 'visibleSelection';\n node.style.cssText = 'position: absolute;' + // needed for text extent calculation\n 'word-wrap: break-word;';\n return node;\n },\n});\n\nlively.morphic.List.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n updateListContent: 'updateListContentHTML',\n resizeList: 'resizeListHTML',\n getItemIndexFromEvent: 'getItemIndexFromEventHTML',\n getListExtent: 'getListExtentHTML',\n setSize: 'setSizeHTML',\n renderAsDropDownList: 'renderAsDropDownListHTML',\n setFontSize: 'setFontSizeHTML',\n setFontFamily: 'setFontFamilyHTML',\n getSelectedIndexes: 'getSelectedIndexesHTML',\n enableMultipleSelections: 'enableMultipleSelectionsHTML',\n selectAllAt: 'selectAllAtHTML',\n clearSelections: 'clearSelectionsHTML',\n deselectAt: 'deselectAtHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.listNode)\n ctx.listNode = this.createListNodeHTML();\n ctx.subNodes = [];\n $super(ctx);\n if (this.shape) // FIXME should also be done when no shape exists...?\n this.updateList(this.itemList || [])\n if (this.isDropDownList) this.renderAsDropDownListHTML(ctx);\n if (this.isMultipleSelectionList) this.enableMultipleSelectionsHTML(ctx);\n this.setFontSizeHTML(ctx, this.getFontSize())\n this.setFontFamilyHTML(ctx, this.getFontFamily())\n },\n appendHTML: function($super, ctx, optMorphAfter) {\n $super(ctx, optMorphAfter);\n this.appendListHTML(ctx);\n },\n appendListHTML: function(ctx) {\n ctx.shapeNode.appendChild(ctx.listNode);\n this.resizeListHTML(ctx);\n },\n\n setClipModeHTML: function(ctx, clipMode) {\n // FIXME duplication wiht super, delay logic\n // can be extracted\n if (!ctx.listNode || this.delayedClipMode) {\n this.delayedClipMode = clipMode;\n return;\n }\n this.setClipModeHTMLForNode(ctx, ctx.listNode, clipMode);\n },\n\n setSizeHTML: function(ctx, size) {\n if (ctx.listNode) ctx.listNode.size = size;\n },\n setSize: function(size) {\n this.renderContextDispatch('setSize', size);\n },\n\n},\n'list specific', {\n removeListContentHTML: function(ctx) {\n ctx.subNodes = [];\n while(ctx.listNode.childNodes.length > 0) {\n var node = ctx.listNode.childNodes[0];\n node.parentNode.removeChild(node);\n }\n },\n updateListContentHTML: function(ctx, itemStrings) {\n if (!itemStrings) itemStrings = [];\n var scroll = this.getScroll();\n if(!ctx || !ctx.subNodes) return;\n if (ctx.subNodes.length > 0) this.removeListContentHTML(ctx);\n var extent = this.getExtent();\n for (var i = 0; i < itemStrings.length; i++) {\n var option = XHTMLNS.create('option');\n option.textContent = itemStrings[i];\n ctx.listNode.appendChild(option);\n ctx.subNodes.push(option);\n }\n this.resizeListHTML(ctx);\n this.selectAllAtHTML(ctx, [this.selectedLineNo]);\n },\n resizeListHTML: function(ctx) {\n var borderWidth = this.getBorderWidth(),\n extent = this.getExtent().subPt(pt(2*borderWidth, 2*borderWidth)),\n listNode = ctx.listNode;\n listNode.style.left = this.shape.getPosition().x /*+ this.padding.left()*/ + 'px';\n listNode.style.top = this.shape.getPosition().y /*+ this.padding.top()*/ + 'px';\n listNode.style.width = extent.x /*- this.padding.right() - this.padding.left())*/ + 'px';\n listNode.style.height = extent.y /*- this.padding.bottom() - this.padding.top()*/ + 'px';\n },\n getItemIndexFromEventHTML: function(ctx, evt) {\n var target = evt.target,\n idx = ctx.subNodes.indexOf(target);\n return idx;\n },\n deselectNodesHTML: function(ctx) {\n if (ctx.subNodes) {\n ctx.subNodes.forEach(function(ea) { ea.selected = false })\n }\n },\n},\n'drop down support HTML', {\n renderAsDropDownListHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.size = 1\n },\n},\n'multiple selection support HTML', {\n enableMultipleSelectionsHTML: function(ctx) {\n if (ctx.listNode) ctx.listNode.multiple = true;\n },\n getSelectedIndexesHTML: function(ctx) {\n var indexes = ctx.subNodes\n .collect(function(ea, i) { return ea.selected && i })\n .select(function(idxOrNull) { return idxOrNull || idxOrNull === 0 })\n return indexes;\n },\n deselectAtHTML: function(ctx, idx) {\n if (!ctx.listNode) return;\n if (idx < 0 || idx >= this.itemList.length) return;\n var node = ctx.subNodes[idx];\n if (node) node.selected = false;\n },\n selectAllAtHTML: function(ctx, indexes) {\n if (!ctx.listNode) return;\n for (var i = 0; i < indexes.length; i++) {\n var idx = indexes[i];\n if (idx < 0 || idx >= this.itemList.length) continue;\n var node = ctx.subNodes[idx];\n if (!node) continue;\n node.selected = true;\n if (node.scrollIntoViewIfNeeded) // no Firefox support\n node.scrollIntoViewIfNeeded();\n }\n },\n clearSelectionsHTML: function(ctx) { this.deselectNodesHTML(ctx) },\n},\n'node creation', {\n createListNodeHTML: function() {\n var node = XHTMLNS.create('select');\n node.size = 2; // hmm 1 is drop downlist, any value hight is normal list\n node.style.cssText = 'white-space: pre';\n node.className = 'visibleSelection';\n return node;\n },\n getListExtentHTML: function(ctx) {\n return ctx.listNode.scrollHeight != 0 ? pt(ctx.listNode.scrollWidth, ctx.listNode.scrollHeight) : this.getExtent()\n },\n},\n'styling', {\n setFontSizeHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontSize = value + 'pt'\n },\n setFontFamilyHTML: function(ctx, value) {\n if (ctx.listNode) ctx.listNode.style.fontFamily = value\n },\n});\n\nlively.morphic.Shapes.Shape.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n init: 'initHTML',\n appendShape: 'renderHTML',\n setPosition: 'setPositionHTML',\n setExtent: 'setExtentHTML',\n setPadding: 'setPaddingHTML',\n setFill: 'setFillHTML',\n setBorderColor: 'setBorderColorHTML',\n setBorderWidth: 'setBorderWidthHTML',\n setStrokeOpacity: 'setStrokeOpacityHTML',\n setBorderRadius: 'setBorderRadiusHTML',\n setBorderStyle: 'setBorderStyleHTML',\n setOpacity: 'setOpacityHTML',\n setNodeClass: 'setNodeClassHTML',\n setNodeId: 'setNodeIdHTML',\n setStyleSheet: 'setStyleSheetHTML',\n setAppearanceStylingMode: 'setAppearanceStylingModeHTML',\n setBorderStylingMode: 'setBorderStylingModeHTML',\n setComputedStyles: 'setComputedStylesHTML',\n setComputedBorderWidth: 'setComputedBorderWidthHTML'\n },\n},\n'initializing', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n throw new Error('Cannot call Shape>>initHTML because no shapeNode exists')\n this.setPositionHTML(ctx, this.getPosition());\n this.setExtentHTML(ctx, this.getExtent());\n this.setFillHTML(ctx, this.getFill());\n this.setFillOpacity(this.getFillOpacity())\n this.setOpacityHTML(ctx, this.getOpacity());\n this.setBorderWidthHTML(ctx, this.getBorderWidth()); // The other border props are initialized there as well\n this.setBorderStyleHTML(ctx, this.getBorderStyle());\n this.setPaddingHTML(ctx, this.getPadding()); // also sets extent\n\n this.getNodeClass() && this.setNodeClassHTML(ctx, this.getNodeClass());\n if (this.getNodeId()) {\n this.setNodeIdHTML(ctx, this.getNodeId());\n this.getStyleSheet && this.setStyleSheetHTML(ctx, this.getStyleSheet());\n }\n\n if (UserAgent.fireFoxVersion)\n ctx.shapeNode['-moz-user-modify'] = 'read-only'\n },\n renderHTML: function(ctx) {\n if (ctx.shapeNode.parentNode) return;\n var child = ctx.morphNode.childNodes[0];\n if (!child) ctx.morphNode.appendChild(ctx.shapeNode)\n else ctx.morphNode.insertBefore(ctx.shapeNode, child)\n },\n},\n'updating', {\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var padding = this.getPadding(),\n paddingWidth = padding.left() + padding.right(),\n paddingHeight = padding.top() + padding.bottom(),\n // HTML isn't using fractions for pixels, rounds internally,\n // this has to be reflected to compensate HTML's box model\n borderWidth = Math.floor(this.getBorderWidth()),\n realExtent = value\n .addXY(-2 * borderWidth, -2 * borderWidth)\n .addXY(-paddingWidth, -paddingHeight);\n realExtent = realExtent.maxPt(pt(0,0));\n ctx.domInterface.setExtent(ctx.shapeNode, realExtent);\n return realExtent;\n },\n setFillHTML: function(ctx, value) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetAppearance) {\n ctx.domInterface.setFill(ctx.shapeNode, null, this.getBounds());\n } else {\n ctx.domInterface.setFill(ctx.shapeNode, value, this.getBounds());\n }\n },\n setBorderColorHTML: function(ctx, fill) {\n var alpha;\n if (this.getStrokeOpacity() != 1) {\n alpha = this.getStrokeOpacity();\n } else {\n alpha = fill === null ? 0 : fill.a;\n }\n return this.setBorderHTML(ctx, this.getBorderWidth(), fill, alpha)\n },\n setBorderStyleHTML: function(ctx, value) {\n if (ctx.shapeNode) {\n var style = this.isStyleSheetBorder ? null : value;\n ctx.shapeNode.style.borderStyle = style;\n }\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n setBorderRadiusHTML: function(ctx, value) {\n // does not make sense for morphs in general\n },\n setStrokeOpacityHTML: function(ctx, opacity) {\n return this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), opacity)\n },\n setBorderHTML: function(ctx, width, fill, opacity) {\n if (!ctx.shapeNode) return;\n if (this.isStyleSheetBorder) {\n ctx.shapeNode.style['border'] = null;\n } else {\n if ((fill instanceof Color) && opacity) fill = fill.withA(opacity);\n if (!fill) fill = Color.rgba(0,0,0,0);\n ctx.shapeNode.style['border'] = this.getBorderStyle() + ' ' + width + 'px ' +\n fill.toCSSString(this.getBounds(), ctx.domInterface.html5CssPrefix);\n }\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n if (ctx.shapeNode) ctx.shapeNode.style.opacity = this.isStyleSheetAppearance ? null : value;\n },\n setPaddingHTML: function(ctx, r) {\n if (r === undefined || !ctx.shapeNode) return r;\n // Rectangle.inset(left, top, right, bottom) ==>\n // CSS padding: [padding-top] [padding-right] [padding-bottom] [padding-left]\n var s = r.top() + \"px \" + r.right() + \"px \" + r.bottom() + \"px \" + r.left() + \"px\";\n ctx.shapeNode.style.padding = s;\n return r;\n },\n\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.shapeNode.className = a;\n },\n\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.shapeNode.id = value;\n },\n\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.shapeNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Shape node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.shapeNode) return;\n var style = window.getComputedStyle(ctx.shapeNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n\n setComputedBorderWidthHTML: function(ctx, width) {},\n\n setAppearanceStylingModeHTML: function(ctx, value) {\n this.isStyleSheetAppearance = value;\n this.setFillHTML(ctx, this.shapeGetter(\"Fill\"));\n this.setOpacityHTML(ctx, this.shapeGetter(\"Opacity\"));\n },\n\n setBorderStylingModeHTML: function(ctx, value) {\n this.isStyleSheetBorder = value;\n this.setBorderHTML(ctx, this.getBorderWidth(), this.getBorderColor(), this.getStrokeOpacity());\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n }\n\n});\n\nlively.morphic.Shapes.Rectangle.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n this.setBorderRadiusHTML(ctx, this.getBorderRadius());\n },\n},\n'updating', {\n setBorderRadiusHTML: function(ctx, value) {\n var borderRadius = (this.isStyleSheetBorder) ? null : value;\n if (Object.isString(value)) {\n // irregular border radius for windows e.g.\n ctx.getShapeNode().style.borderRadius = borderRadius ;\n } else {\n ctx.domInterface.setHTMLBorderRadius(ctx.getShapeNode(), borderRadius , borderRadius);\n }\n },\n});\n\nlively.morphic.Shapes.Ellipse.addMethods(\n'rendering', {\n initHTML: function($super, ctx) {\n // border radius is used to make a rectangle into an ellipse\n if (!ctx.shapeNode)\n ctx.shapeNode = ctx.domInterface.htmlRect();\n $super(ctx);\n },\n},\n'updating', {\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n if (ctx.shapeNode)\n ctx.domInterface.setHTMLBorderRadiusPoint(ctx.shapeNode, value);\n },\n setBorderRadiusHTML: function(ctx, value) {\n // ellipses border radius are the radius of the ellipse itself\n return;\n },\n});\n\nlively.morphic.Shapes.Image.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n setImageURL: 'setImageURLHTML',\n getNativeExtent: 'getNativeExtentHTML',\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.imgNode = ctx.domInterface.htmlImg();\n ctx.shapeNode.appendChild(ctx.imgNode);\n ctx.imgNode.draggable = false;\n }\n $super(ctx);\n this.setImageURLHTML(ctx, this.getImageURL());\n },\n},\n'updating', {\n setImageURLHTML: function(ctx, urlString) {\n if (!ctx.imgNode) return;\n var shape = this;\n ctx.imgNode.onload = function(evt) { shape.isLoaded = true }\n ctx.imgNode.src = urlString;\n },\n},\n'accessing', {\n getNativeExtentHTML: function(ctx) {\n return pt(ctx.imgNode.naturalWidth, ctx.imgNode.naturalHeight)\n },\n setExtentHTML: function($super, ctx, value) {\n $super(ctx, value);\n var extentWithoutBorder = value.addXY(-2*this.getBorderWidth(), -2*this.getBorderWidth());\n if (ctx.imgNode)\n ctx.domInterface.setExtent(ctx.imgNode, extentWithoutBorder);\n },\n\n});\n\nlively.morphic.Shapes.External.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getExtent: 'getExtentHTML',\n initFromStringifiedShapeNode: 'initFromStringifiedShapeNodeHTML'\n },\n},\n'rendering', {\n initHTML: function($super, ctx) {\n ctx.shapeNode = this.shapeNode;\n },\n renderHTML: function($super, ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = this.shapeNode;\n }\n $super(ctx);\n },\n},\n'initializing', {\n initFromStringifiedShapeNodeHTML: function(ctx) {\n var element;\n if (this.stringifiedShapeNode) {\n element = stringToXML(this.stringifiedShapeNode);\n element.parentNode && element.parentNode.removeChild(element);\n }\n if (!element) {\n element = XHTMLNS.create('div');\n element.style.backgroundColor = Color.red.toCSSString();\n }\n var $element = new jQuery.fn.init(element),\n width = $element.width() || 0,\n height = $element.height() || 0,\n extent = pt(width, height);\n this.setExtent(extent);\n this.shapeNode = element;\n ctx && (ctx.shapeNode = element);\n },\n},\n'accessing', {\n getExtentHTML: function(ctx) {\n var $node = $(ctx.shapeNode);\n return pt($node.width() || 0, $node.height() || 0);\n },\n setOpacityHTML: function(ctx, value) { if (ctx.shapeNode.style) ctx.shapeNode.style.opacity = value; },\n\n});\n\nlively.morphic.Shapes.Path.addMethods(\n'HTML render settings', {\n htmlDispatchTable: {\n getPathNode: 'getPathNodeHTML',\n setPathElements: 'setPathElementsHTML',\n getPathBounds: 'getPathBoundsHTML',\n getTotalLength: 'getTotalLengthHTML',\n getPointAtTotalLength: 'getPointAtTotalLengthHTML',\n },\n},\n'HTML rendering', {\n initHTML: function(ctx) {\n if (!ctx.shapeNode) {\n ctx.shapeNode = XHTMLNS.create('div');\n ctx.svgNode = NodeFactory.create('svg', {style: 'position: absolute'}); // otherwise there can be a line offset\n ctx.shapeNode.appendChild(ctx.svgNode);\n ctx.pathNode = NodeFactory.create('path');\n ctx.svgNode.appendChild(ctx.pathNode);\n }\n lively.morphic.Shapes.Shape.prototype.initHTML.call(this, ctx); //$super(ctx);\n this.setBorderColorHTML(ctx, this.getBorderColor());\n this.setPathElementsHTML(ctx, this.getPathElements());\n },\n},\n'accessing', {\n setPathElementsHTML: function(ctx, elements) {\n var pathNode = this.getPathNodeHTML(ctx);\n if (!pathNode) return;\n pathNode.setAttributeNS(null, \"d\", this.createSVGDataFromElements(elements));\n var bounds = this.getBounds();\n\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n\n setExtentHTML: function(ctx, value) {\n ctx.domInterface.setExtent(ctx.svgNode, value);\n },\n setFillHTML: function(ctx, value) {\n if (ctx.svgNode)\n ctx.domInterface.setFill(ctx.svgNode, value, this.getBounds());\n },\n setBorderStyleHTML: function(ctx, value) {\n if (value == 'dashed')\n ctx.svgNode.setAttribute('stroke-dasharray', '7 4')\n else if (value == 'dotted')\n ctx.svgNode.setAttribute('stroke-dasharray', '2 2')\n else\n ctx.svgNode.removeAttribute('stroke-dasharray')\n },\n setBorderColorHTML: function(ctx, fill) {\n ctx.domInterface.setSVGFillOrStrokePaint(this.getPathNodeHTML(ctx), 'stroke', fill)\n },\n setBorderWidthHTML: function(ctx, value) {\n var node = this.getPathNodeHTML(ctx);\n node && node.setAttribute('stroke-width', String(value));\n\n // borderWidth affects the bounds and the svg viewBox to extend the path equally into all directions\n var bounds = this.getBounds();\n this.setBounds(bounds);\n ctx.domInterface.setSVGViewbox(ctx.svgNode, bounds);\n },\n},\n'svg specific', {\n setElementsFromSVGData: function(data) {\n var elements = lively.morphic.Shapes.PathElement.parse(data);\n this.setPathElements(elements);\n },\n getPathNodeHTML: function(ctx) { return ctx.pathNode },\n getDefsNodeHTML: function(ctx) {\n var defNode = ctx.svgNode.getElementsByTagName('defs')[0];\n if (!defNode) {\n defNode = NodeFactory.create('defs');\n ctx.svgNode.insertBefore(defNode, ctx.svgNode.childNodes[0]);\n }\n return defNode;\n },\n\n getPathBoundsHTML: function (ctx) {\n var vertices = this.vertices(),\n minX = vertices.min(function(ea) { return ea.x; }),\n minY = vertices.min(function(ea) { return ea.y; }),\n maxX = vertices.max(function(ea) { return ea.x; }),\n maxY = vertices.max(function(ea) { return ea.y; }),\n halfStroke = Math.floor(this.getBorderWidth() / 2);\n return rect(pt(minX - 1 - halfStroke, minY - 1 - halfStroke),\n pt(maxX + halfStroke, maxY + halfStroke));\n },\n\n getTotalLengthHTML: function(ctx) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && pathNode.getTotalLength()\n },\n getPointAtTotalLengthHTML: function(ctx, totalLength) {\n var pathNode = this.getPathNodeHTML(ctx);\n return pathNode && lively.Point.ensure(pathNode.getPointAtLength(totalLength));\n },\n});\nObject.extend(lively.morphic, {\n CSS: {}\n});\n\nObject.subclass('lively.morphic.CSS.Fill',\n'settings', {\n isCSSFill: true\n},\n'initializing', {\n initialize: function(cssBackgroundString) {\n this.cssBackgroundString = cssBackgroundString || \"\";\n }\n},\n'rendering', {\n applyToNode: function(node) {\n if (node.style) {\n node.style.background = this.cssBackgroundString;\n }\n }\n});\n\n\nlively.morphic.Shapes.Shape.addMethods(\n 'stylesheets', {\n\n\n\t\t\tsetStyleSheet: function(value) {\n\t\t\t\treturn this.shapeSetter('StyleSheet', value);\n\t\t\t},\n\t\t\tgetStyleSheet: function() {\n\t\t\t\treturn this.shapeGetter('StyleSheet') || \"\";\n\t\t\t},\n\n\t\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('AppearanceStylingMode', value);\n\t\t\t},\n\t\t\tgetAppearanceStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('AppearanceStylingMode');\n\t\t\t},\n\n\t\t\tsetBorderStylingMode: function(value) {\n\t\t\t\treturn this.shapeSetter('BorderStylingMode', value);\n\t\t\t},\n\t\t\tgetBorderStylingMode: function() {\n\t\t\t\treturn this.shapeGetter('BorderStylingMode');\n\t\t\t},\n\n\t\t\tupdateComputedStyles: function() {\n\t\t\t\treturn this.shapeSetter('ComputedStyles');\n\n\t\t\t}\n\n \n }\n );\n \n\n lively.morphic.Morph.addMethods(\n\t'stylesheets', {\n\t setOriginClass: function(className) {\n this.originClass = className;\n return this.renderContextDispatch('setOriginClass',className);\n },\n setOriginClassHTML: function(ctx, className) {\n var o = ctx.originNode;\n if (o) o.className = className;\n },\n\t\tapplyStyleSheet: function(style) {\n\t\t\tthis.setStyleSheet(style);\n\t\t},\n\t\tsetAppearanceStylingMode: function(value) {\n\t\t\t// TRUE when appearance is styled through style sheets,\n\t\t\t// FALSE when appearance is styled through style dialog\n\t\t\tthis.shape.setAppearanceStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tapplyStyleSheetFromFile: function(file, resourcePath){\n\t\t // use the resourcePath parameter if the resources addressed\n\t\t // in the CSS file are in a different directory than the CSS'.\n\t\t // (use \"\" to leave the urls untouched)\n\t\t \n\t\t var absPath = file;\n\t\t // is the filename absolute? if not then make it absolute.\n\t\t if (absPath.search('http://')<0) {\n\t\t absPath = document.location.href.toString().split('?')[0];\n\t\t absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1);\n\t\t absPath += \"/\"+file;\n\t\t }\n\t\t var url = new URL(absPath);\n\t\t \n\t\t URL.proxy = null;\n \n\t\t\tvar webR = new WebResource(url);\n webR.forceUncached();\n\t\t\tvar webRGet = webR.get();\n\t\t\tif (webRGet.status.code() == 200) {\n\t\t\t // add resource path to all relative urls in the css\n\t\t\t var css = webRGet.content;\n\t\t\t \n\t\t\t var resPath = resourcePath;\n\t\t\t if (!resPath){\n resPath = absPath = absPath.substring(0, absPath.lastIndexOf('/') + 1); \n\t\t\t }\n\t\t\t var urlReplace = \"url(\"+resPath;\n\t\t\t var urlReplaceSingle = \"url('\"+resPath;\n\t\t\t var urlReplaceDouble = 'url(\"'+resPath;\t\t\t \t\t\t \n\t\t\t css = css.replace(/url\\([\\s]*\\'(?![\\s]*http)/g, urlReplaceSingle).replace(/url\\([\\s]*\\\"(?![\\s]*http)/g, urlReplaceDouble ).replace(/url\\((?![\\s]*[\\'|\\\"])(?![\\s]*http)/g, urlReplace );\n \n \n // insert line breaks so the css is more legible\n css = css.replace(/\\;(?![\\s]*(\\r\\n|\\n|\\r))/g,\";\\n\").replace(/\\}(?![\\s]*(\\r\\n|\\n|\\r))/g,\"}\\n\").replace(/\\{(?![\\s]*(\\r\\n|\\n|\\r))/g,\"{\\n\");\n console.log(css);\n \n // set the style sheet\n this.setStyleSheet(css);\n\t\t\t}\n\t\t\telse {\n throw new Error(\"Couldn't load stylesheet at \"+absPath+\" --> \" +webRGet.status.code());\n\t\t\t}\n\t\t\t\n\t\t\treturn {\n\t\t\t\tstatus: webRGet.status.code(),\n\t\t\t\tresponseText: webRGet.content\n\t\t\t};\n\t\t},\n\t\t\t\t\t\n\t\tsetStyleSheet: function(value) {\n\t\t\tthis.setNodeId();\n\t\t\tthis.shape.setStyleSheet(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetStyleSheet: function() {\n\t\t\tvar r = this.shape.getStyleSheet();\n\t\t\t//this.updateComputedStyles();\n\t\t\treturn r;\n\t\t}, \n\t\n\t\tgetAppearanceStylingMode: function() {\n\t\t\treturn this.shape.getAppearanceStylingMode();\n\t\t},\n\n\t\tsetBorderStylingMode: function(value) {\n\t\t\t// TRUE when border is styled through style sheets,\n\t\t\t// FALSE when border is styled through style dialog\n\t\t\tthis.shape.setBorderStylingMode(value);\n\t\t\tthis.updateComputedStyles();\n\t\t},\n\t\tgetBorderStylingMode: function() {\n\t\t\treturn this.shape.getBorderStylingMode();\n\t\t},\n\n\t\n\t\tupdateComputedStyles: function() {\n\t\t\tthis.shape.updateComputedStyles();\n\t\t\tthis.submorphs.each(function(m){m.updateComputedStyles();});\n\t\t},\n\t}\n);\n\nlively.morphic.Box.subclass('lively.morphic.SimpleText',\n'simple text', {\n htmlDispatchTable: {\n setText: 'setTextHTML'\n },\n \n initialize: function($super, bounds, optText){\n $super(bounds);\n this.text = optText || \"Simple Text\";\n },\n setText: function(text){\n this.text = text; \n return this.renderContextDispatch('setText', text); \n },\n setTextHTML: function(ctx, text){\n ctx.shapeNode.innerHTML = text; \n },\n \n appendHTML: function($super, ctx) {\n $super(ctx);\n if (ctx.shapeNode) {\n this.setTextHTML(ctx, this.text);\n }\n },\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set text', function(evt) {\n $world.prompt('Set text', function(input) {\n if (input !== null)\n self.setText(input || '');\n }, this.text);\n }])\n return items;\n },\n \n}\n\n);\n\n\n}) // end of module\n","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"959":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"960":{"morph":{"__isSmartRef__":true,"id":950},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"961":{"x":0,"y":410.40000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"962":{"x":910,"y":501.6,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"963":{"scaleVertical":true,"scaleHorizontal":true},"964":{"sourceObj":{"__isSmartRef__":true,"id":950},"sourceAttrName":"textString","targetObj":{"__isSmartRef__":true,"id":950},"targetMethodName":"highlightJavaScriptSyntax","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"965":{"sourceObj":{"__isSmartRef__":true,"id":950},"sourceAttrName":"savedTextString","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setSourceString","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":966},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"966":{"source":{"__isSmartRef__":true,"id":950},"target":{"__isSmartRef__":true,"id":149}},"967":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":950}},"968":{"sourceObj":{"__isSmartRef__":true,"id":149},"sourceAttrName":"targetURL","targetObj":{"__isSmartRef__":true,"id":134},"targetMethodName":"setTextString","converter":null,"converterString":null,"updaterString":"function ($upd, value) { value && $upd(String(value)) }","varMapping":{"__isSmartRef__":true,"id":969},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":970},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"969":{"source":{"__isSmartRef__":true,"id":149},"target":{"__isSmartRef__":true,"id":134}},"970":{"updater":{"__isSmartRef__":true,"id":971}},"971":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":969},"source":"function ($upd, value) { value && $upd(String(value)) }","funcProperties":{"__isSmartRef__":true,"id":972},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"972":{},"973":{"source":{"__isSmartRef__":true,"id":134},"target":{"__isSmartRef__":true,"id":149}},"974":{"submorphs":[{"__isSmartRef__":true,"id":975}],"scripts":[],"shape":{"__isSmartRef__":true,"id":986},"derivationIds":[],"id":"2CB9CC55-C371-4846-9125-EF72561956BA","renderContextTable":{"__isSmartRef__":true,"id":997},"eventHandler":{"__isSmartRef__":true,"id":998},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":999},"priorExtent":{"__isSmartRef__":true,"id":1000},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":975},"owner":{"__isSmartRef__":true,"id":133},"attributeConnections":[{"__isSmartRef__":true,"id":1001}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"layout":{"__isSmartRef__":true,"id":1003},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"975":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":976},"derivationIds":[],"id":"52336A3D-EEFC-4257-8134-AF206F0EDA16","renderContextTable":{"__isSmartRef__":true,"id":981},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":982}],"eventHandler":{"__isSmartRef__":true,"id":984},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":974},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":985},"_MaxTextWidth":105.2,"_MinTextWidth":105.2,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"976":{"_Position":{"__isSmartRef__":true,"id":977},"renderContextTable":{"__isSmartRef__":true,"id":978},"_Extent":{"__isSmartRef__":true,"id":979},"_Padding":{"__isSmartRef__":true,"id":980},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-52336a3d-eefc-4257-8134-af206f0eda16","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"977":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"978":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"979":{"x":109.2,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"980":{"x":2,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"981":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"982":{"style":{"__isSmartRef__":true,"id":983},"chunkOwner":{"__isSmartRef__":true,"id":975},"_id":"_171","storedString":"codebase","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"983":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"984":{"morph":{"__isSmartRef__":true,"id":975},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"985":{"x":109.2,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"986":{"_Position":{"__isSmartRef__":true,"id":987},"renderContextTable":{"__isSmartRef__":true,"id":988},"_Extent":{"__isSmartRef__":true,"id":985},"_Padding":{"__isSmartRef__":true,"id":989},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-2cb9cc55-c371-4846-9125-ef72561956ba","_Fill":{"__isSmartRef__":true,"id":990},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"987":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"988":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"989":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"990":{"stops":[{"__isSmartRef__":true,"id":991},{"__isSmartRef__":true,"id":993},{"__isSmartRef__":true,"id":994},{"__isSmartRef__":true,"id":995}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"991":{"offset":0,"color":{"__isSmartRef__":true,"id":992}},"992":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"993":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"994":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"995":{"offset":1,"color":{"__isSmartRef__":true,"id":996}},"996":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"997":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"998":{"morph":{"__isSmartRef__":true,"id":974},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"999":{"x":728,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1000":{"x":109.2,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1001":{"sourceObj":{"__isSmartRef__":true,"id":974},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setTargetURL","converter":null,"converterString":"function () { return URL.codeBase.withFilename('lively/')}","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1002},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1002":{"source":{"__isSmartRef__":true,"id":974},"target":{"__isSmartRef__":true,"id":149}},"1003":{"scaleVertical":true,"scaleHorizontal":true},"1004":{"submorphs":[{"__isSmartRef__":true,"id":1005}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1016},"derivationIds":[],"id":"BA730411-E8E7-4453-8A41-9C72117ACB59","renderContextTable":{"__isSmartRef__":true,"id":1027},"eventHandler":{"__isSmartRef__":true,"id":1028},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1029},"priorExtent":{"__isSmartRef__":true,"id":1030},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1005},"owner":{"__isSmartRef__":true,"id":133},"attributeConnections":[{"__isSmartRef__":true,"id":1031}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"layout":{"__isSmartRef__":true,"id":1033},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1005":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1006},"derivationIds":[],"id":"68256D26-538F-438E-A069-CD143624931F","renderContextTable":{"__isSmartRef__":true,"id":1011},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1012}],"eventHandler":{"__isSmartRef__":true,"id":1014},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1004},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1015},"_MaxTextWidth":68.8,"_MinTextWidth":68.8,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1006":{"_Position":{"__isSmartRef__":true,"id":1007},"renderContextTable":{"__isSmartRef__":true,"id":1008},"_Extent":{"__isSmartRef__":true,"id":1009},"_Padding":{"__isSmartRef__":true,"id":1010},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-68256d26-538f-438e-a069-cd143624931f","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1007":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1008":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1009":{"x":72.8,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1010":{"x":2,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1011":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1012":{"style":{"__isSmartRef__":true,"id":1013},"chunkOwner":{"__isSmartRef__":true,"id":1005},"_id":"_172","storedString":"local","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1013":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1014":{"morph":{"__isSmartRef__":true,"id":1005},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1015":{"x":72.8,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1016":{"_Position":{"__isSmartRef__":true,"id":1017},"renderContextTable":{"__isSmartRef__":true,"id":1018},"_Extent":{"__isSmartRef__":true,"id":1015},"_Padding":{"__isSmartRef__":true,"id":1019},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-ba730411-e8e7-4453-8a41-9c72117acb59","_Fill":{"__isSmartRef__":true,"id":1020},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1017":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1018":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1019":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1020":{"stops":[{"__isSmartRef__":true,"id":1021},{"__isSmartRef__":true,"id":1023},{"__isSmartRef__":true,"id":1024},{"__isSmartRef__":true,"id":1025}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1021":{"offset":0,"color":{"__isSmartRef__":true,"id":1022}},"1022":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1023":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1024":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1025":{"offset":1,"color":{"__isSmartRef__":true,"id":1026}},"1026":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1027":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1028":{"morph":{"__isSmartRef__":true,"id":1004},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1029":{"x":837.2,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1030":{"x":72.8,"y":27.36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1031":{"sourceObj":{"__isSmartRef__":true,"id":1004},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":149},"targetMethodName":"setTargetURL","converter":null,"converterString":"function () {\n return $world.getUserName() ? $world.getUserDir() : URL.source.getDirectory() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1032},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1032":{"source":{"__isSmartRef__":true,"id":1004},"target":{"__isSmartRef__":true,"id":149}},"1033":{"scaleVertical":true,"scaleHorizontal":true},"1034":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1035},"derivationIds":[],"id":"E8F279C8-A19B-4ED2-A106-D833D75210D3","renderContextTable":{"__isSmartRef__":true,"id":1047},"eventHandler":{"__isSmartRef__":true,"id":1048},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"draggingEnabled":true,"_Position":{"__isSmartRef__":true,"id":1049},"fixed":[{"__isSmartRef__":true,"id":151},{"__isSmartRef__":true,"id":185},{"__isSmartRef__":true,"id":217},{"__isSmartRef__":true,"id":249},{"__isSmartRef__":true,"id":281},{"__isSmartRef__":true,"id":313},{"__isSmartRef__":true,"id":345}],"scalingBelow":[{"__isSmartRef__":true,"id":950}],"scalingAbove":[{"__isSmartRef__":true,"id":384},{"__isSmartRef__":true,"id":801},{"__isSmartRef__":true,"id":876},{"__isSmartRef__":true,"id":913}],"minHeight":20,"pointerConnection":null,"priorExtent":{"__isSmartRef__":true,"id":1050},"owner":{"__isSmartRef__":true,"id":133},"styleClass":["Browser_resizer"],"layout":{"__isSmartRef__":true,"id":1051},"__LivelyClassName__":"lively.morphic.HorizontalDivider","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1035":{"_Position":{"__isSmartRef__":true,"id":1036},"renderContextTable":{"__isSmartRef__":true,"id":1037},"_Extent":{"__isSmartRef__":true,"id":1038},"_Padding":{"__isSmartRef__":true,"id":1039},"_Fill":{"__isSmartRef__":true,"id":1040},"_NodeClass":["morph","box","horizontaldivider"],"_NodeId":"morph-e8f279c8-a19b-4ed2-a106-d833d75210d3","_BorderRadius":3,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1036":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1037":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1038":{"x":910,"y":9.120000000000001,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1039":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1040":{"stops":[{"__isSmartRef__":true,"id":1041},{"__isSmartRef__":true,"id":1043},{"__isSmartRef__":true,"id":1045}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1041":{"offset":0,"color":{"__isSmartRef__":true,"id":1042}},"1042":{"r":0.92,"g":0.92,"b":0.92,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1043":{"offset":0.5,"color":{"__isSmartRef__":true,"id":1044}},"1044":{"r":0.8400000000000001,"g":0.8400000000000001,"b":0.8400000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1045":{"offset":1,"color":{"__isSmartRef__":true,"id":1046}},"1046":{"r":0.7200000000000001,"g":0.7200000000000001,"b":0.7200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1047":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1048":{"morph":{"__isSmartRef__":true,"id":1034},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1049":{"x":0,"y":401.28000000000003,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1050":{"x":910,"y":9.120000000000001,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1051":{"scaleVertical":true,"scaleHorizontal":true},"1052":{"_Position":{"__isSmartRef__":true,"id":1053},"renderContextTable":{"__isSmartRef__":true,"id":1054},"_Extent":{"__isSmartRef__":true,"id":1055},"_Padding":{"__isSmartRef__":true,"id":1056},"_NodeClass":["morph","box","panel","browserpanel"],"_NodeId":"morph-0468bb32-8339-4456-be77-6bc305e60e5e","_Fill":{"__isSmartRef__":true,"id":1057},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1053":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1054":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1055":{"x":910,"y":912,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1056":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1057":{"r":0.9019607843137255,"g":0.9019607843137255,"b":0.9019607843137255,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1058":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1059":{"morph":{"__isSmartRef__":true,"id":133},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1060":{"resizeWidth":true,"resizeHeight":true,"adjustForNewBounds":true},"1061":{"x":0,"y":21,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"1062":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1063},"derivationIds":["B53B73E3-9838-46CE-8266-6510394E7D71"],"id":"5F2053C0-A0A1-43BB-8983-D558855B31C7","renderContextTable":{"__isSmartRef__":true,"id":1072},"eventHandler":{"__isSmartRef__":true,"id":1073},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"owner":{"__isSmartRef__":true,"id":1},"_Position":{"__isSmartRef__":true,"id":1074},"dragStartPoint":null,"originalTargetExtent":null,"__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1075},"__LivelyClassName__":"lively.morphic.Path"},"1063":{"dontChangeShape":false,"cachedVertices":null,"_PathElements":[{"__isSmartRef__":true,"id":1064},{"__isSmartRef__":true,"id":1065},{"__isSmartRef__":true,"id":1066}],"renderContextTable":{"__isSmartRef__":true,"id":1067},"_Position":{"__isSmartRef__":true,"id":1068},"_Extent":{"__isSmartRef__":true,"id":1069},"_Padding":{"__isSmartRef__":true,"id":1070},"_BorderWidth":0,"_BorderColor":null,"_NodeClass":["morph","path"],"_NodeId":"morph-b53b73e3-9838-46ce-8266-6510394e7d71","_Fill":{"__isSmartRef__":true,"id":1071},"__SourceModuleName__":"Global.lively.morphic.PathShapes","__LivelyClassName__":"lively.morphic.Shapes.Path"},"1064":{"isAbsolute":true,"x":14,"y":0,"__SourceModuleName__":"Global.lively.morphic.PathShapes","__LivelyClassName__":"lively.morphic.Shapes.MoveTo"},"1065":{"isAbsolute":true,"x":14,"y":14,"__SourceModuleName__":"Global.lively.morphic.PathShapes","__LivelyClassName__":"lively.morphic.Shapes.LineTo"},"1066":{"isAbsolute":true,"x":0,"y":14,"__SourceModuleName__":"Global.lively.morphic.PathShapes","__LivelyClassName__":"lively.morphic.Shapes.LineTo"},"1067":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML","getPathNode":"getPathNodeHTML","setPathElements":"setPathElementsHTML","getPathBounds":"getPathBoundsHTML","getTotalLength":"getTotalLengthHTML","getPointAtTotalLength":"getPointAtTotalLengthHTML"},"1068":{"x":-1,"y":-1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1069":{"x":15,"y":15,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1070":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"1071":{"r":0.8,"g":0.8,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1072":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1073":{"morph":{"__isSmartRef__":true,"id":1062},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"1074":{"x":896,"y":919,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1075":{"onDragStart":{"__isSmartRef__":true,"id":1076},"onDrag":{"__isSmartRef__":true,"id":1083},"onDragEnd":{"__isSmartRef__":true,"id":1090}},"1076":{"varMapping":{"__isSmartRef__":true,"id":1077},"source":"function onDragStart(evt) {\n this.dragStartPoint = evt.mousePoint;\n this.originalTargetExtent = this.owner.getExtent();\n }","funcProperties":{"__isSmartRef__":true,"id":1082},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1077":{"this":{"__isSmartRef__":true,"id":1062},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1078}},"1078":{"$super":{"__isSmartRef__":true,"id":1079}},"1079":{"varMapping":{"__isSmartRef__":true,"id":1080},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1081},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1080":{"obj":{"__isSmartRef__":true,"id":1062},"name":"onDragStart"},"1081":{},"1082":{},"1083":{"varMapping":{"__isSmartRef__":true,"id":1084},"source":"function onDrag(evt) {\n var moveDelta = evt.mousePoint.subPt(this.dragStartPoint)\n if (evt.isShiftDown()) {\n var maxDelta = Math.max(moveDelta.x, moveDelta.y);\n\t moveDelta = pt(maxDelta, maxDelta);\n };\n this.owner.setExtent(this.originalTargetExtent.addPt(moveDelta));\n this.align(this.bounds().bottomRight(), this.owner.getExtent());\n }","funcProperties":{"__isSmartRef__":true,"id":1089},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1084":{"this":{"__isSmartRef__":true,"id":1062},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1085}},"1085":{"$super":{"__isSmartRef__":true,"id":1086}},"1086":{"varMapping":{"__isSmartRef__":true,"id":1087},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1088},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1087":{"obj":{"__isSmartRef__":true,"id":1062},"name":"onDrag"},"1088":{},"1089":{},"1090":{"varMapping":{"__isSmartRef__":true,"id":1091},"source":"function onDragEnd(evt) {\n this.dragStartPoint = null;\n this.originalTargetExtent = null;\n }","funcProperties":{"__isSmartRef__":true,"id":1096},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1091":{"this":{"__isSmartRef__":true,"id":1062},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1092}},"1092":{"$super":{"__isSmartRef__":true,"id":1093}},"1093":{"varMapping":{"__isSmartRef__":true,"id":1094},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1095},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"1094":{"obj":{"__isSmartRef__":true,"id":1062},"name":"onDragEnd"},"1095":{},"1096":{},"1097":{"renderContextTable":{"__isSmartRef__":true,"id":1098},"_Padding":{"__isSmartRef__":true,"id":1099},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_NodeClass":["morph","window"],"_NodeId":"morph-a6996304-c96a-490a-8ed6-665f1ff030bf","_Extent":{"__isSmartRef__":true,"id":1100},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"1098":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1099":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"1100":{"x":910,"y":933,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"1101":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1102":{"morph":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"1103":{"adjustForNewBounds":true},"1104":{"x":22,"y":19,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1105":{"x":910,"y":933,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"1106":{"x":300,"y":23,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1107":{"submorphs":[{"__isSmartRef__":true,"id":1108},{"__isSmartRef__":true,"id":1824},{"__isSmartRef__":true,"id":1944}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1979},"derivationIds":[],"id":"A6996304-C96A-490A-8ED6-665F1FF030BF","renderContextTable":{"__isSmartRef__":true,"id":1983},"eventHandler":{"__isSmartRef__":true,"id":1984},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"draggingEnabled":true,"layout":{"__isSmartRef__":true,"id":1985},"LK2":true,"_Position":{"__isSmartRef__":true,"id":1986},"priorExtent":{"__isSmartRef__":true,"id":1987},"targetMorph":{"__isSmartRef__":true,"id":1108},"reframeHandle":{"__isSmartRef__":true,"id":1944},"titleBar":{"__isSmartRef__":true,"id":1824},"contentOffset":{"__isSmartRef__":true,"id":1822},"collapsedTransform":null,"collapsedExtent":null,"expandedTransform":null,"expandedExtent":null,"ignoreEventsOnExpand":false,"owner":{"__isSmartRef__":true,"id":0},"highlighted":false,"prevDragPos":{"__isSmartRef__":true,"id":1988},"isBeingDragged":false,"_Rotation":0,"_Scale":1,"showsHalos":false,"__LivelyClassName__":"lively.morphic.Window","__SourceModuleName__":"Global.lively.morphic.Widgets","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"1108":{"submorphs":[{"__isSmartRef__":true,"id":1109},{"__isSmartRef__":true,"id":1744},{"__isSmartRef__":true,"id":1773},{"__isSmartRef__":true,"id":1349},{"__isSmartRef__":true,"id":1600},{"__isSmartRef__":true,"id":1647},{"__isSmartRef__":true,"id":1684},{"__isSmartRef__":true,"id":1802},{"__isSmartRef__":true,"id":1721},{"__isSmartRef__":true,"id":1125},{"__isSmartRef__":true,"id":1156},{"__isSmartRef__":true,"id":1187},{"__isSmartRef__":true,"id":1218},{"__isSmartRef__":true,"id":1249},{"__isSmartRef__":true,"id":1280},{"__isSmartRef__":true,"id":1311}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1813},"derivationIds":[],"id":"C18FDD92-1A70-4964-B921-C17298440604","renderContextTable":{"__isSmartRef__":true,"id":1819},"eventHandler":{"__isSmartRef__":true,"id":1820},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1821},"_Position":{"__isSmartRef__":true,"id":1822},"locationPane":{"__isSmartRef__":true,"id":1109},"codeBaseDirBtn":{"__isSmartRef__":true,"id":1744},"localDirBtn":{"__isSmartRef__":true,"id":1773},"Pane1":{"__isSmartRef__":true,"id":1349},"Pane2":{"__isSmartRef__":true,"id":1600},"Pane3":{"__isSmartRef__":true,"id":1647},"Pane4":{"__isSmartRef__":true,"id":1684},"midResizer":{"__isSmartRef__":true,"id":1802},"sourcePane":{"__isSmartRef__":true,"id":1721},"ownerWidget":{"__isSmartRef__":true,"id":1123},"owner":{"__isSmartRef__":true,"id":1107},"ownerApp":{"__isSmartRef__":true,"id":1123},"targetURL":{"__isSmartRef__":true,"id":1347},"priorExtent":{"__isSmartRef__":true,"id":1823},"__LivelyClassName__":"lively.ide.BrowserPanel","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1109":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1110},"derivationIds":[],"id":"5DE42895-4351-4EF5-AE31-E25E644334A3","renderContextTable":{"__isSmartRef__":true,"id":1115},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1116}],"eventHandler":{"__isSmartRef__":true,"id":1118},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"_Position":{"__isSmartRef__":true,"id":1119},"priorExtent":{"__isSmartRef__":true,"id":1120},"_MaxTextWidth":746.7999999999994,"_MinTextWidth":746.7999999999994,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1108},"isInputLine":true,"layout":{"__isSmartRef__":true,"id":1121},"noEval":true,"styleClass":["Browser_locationInput"],"attributeConnections":[{"__isSmartRef__":true,"id":1122}],"doNotSerialize":["$$savedTextString"],"doNotCopyProperties":["$$savedTextString"],"_TextColor":{"__isSmartRef__":true,"id":956},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1110":{"_Position":{"__isSmartRef__":true,"id":1111},"renderContextTable":{"__isSmartRef__":true,"id":1112},"_Extent":{"__isSmartRef__":true,"id":1113},"_Padding":{"__isSmartRef__":true,"id":1114},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":124},"_NodeClass":["morph","text"],"_NodeId":"morph-5de42895-4351-4ef5-ae31-e25e644334a3","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1111":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1112":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1113":{"x":748.7999999999994,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1114":{"x":1,"y":1,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1115":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1116":{"style":{"__isSmartRef__":true,"id":1117},"chunkOwner":{"__isSmartRef__":true,"id":1109},"_id":"_205","storedString":"http://lively-kernel.org/repository/webwerkstatt/core/lively/morphic/","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1117":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1118":{"morph":{"__isSmartRef__":true,"id":1109},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1119":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1120":{"x":748.7999999999994,"y":27.480000000000015,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1121":{"scaleVertical":true,"scaleHorizontal":true},"1122":{"sourceObj":{"__isSmartRef__":true,"id":1109},"sourceAttrName":"savedTextString","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setTargetURL","converter":null,"converterString":"function (value) { return new URL(value) }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1743},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1123":{"buttonCommands":[{"__isSmartRef__":true,"id":1124},{"__isSmartRef__":true,"id":1155},{"__isSmartRef__":true,"id":1186},{"__isSmartRef__":true,"id":1217},{"__isSmartRef__":true,"id":1248},{"__isSmartRef__":true,"id":1279},{"__isSmartRef__":true,"id":1310}],"RootFilters":[{"__isSmartRef__":true,"id":1341}],"Pane1Filters":[{"__isSmartRef__":true,"id":1342},{"__isSmartRef__":true,"id":1343}],"Pane2Filters":[{"__isSmartRef__":true,"id":1344}],"Pane3Filters":[{"__isSmartRef__":true,"id":1345}],"Pane4Filters":[{"__isSmartRef__":true,"id":1346}],"evaluate":true,"targetURL":{"__isSmartRef__":true,"id":1347},"panel":{"__isSmartRef__":true,"id":1108},"attributeConnections":[{"__isSmartRef__":true,"id":1348},{"__isSmartRef__":true,"id":1599},{"__isSmartRef__":true,"id":1646},{"__isSmartRef__":true,"id":1683},{"__isSmartRef__":true,"id":1720},{"__isSmartRef__":true,"id":1738}],"SourceString":"module('lively.morphic.HTMLExperiments').requires('lively.morphic.HTML').toRun(function() {\n\ncop.create('lively.morphic.RelativeLayer').refineClass(lively.morphic.Morph, {\n adjustOrigin: function() {},\n \n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n\n var parentNode = false;//ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"HTMLShape\") {\n \n parentNode = ownerCtx.shapeNode;\n parentNode.appendChild(ctx.shapeNode);\n \n }\n else if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n \n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode); \n \n }\n }\n\n \n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nsetPositionHTML: function(ctx) {},\n\nsetRotationHTML: function(ctx) {},\n\nsetScaleHTML: function(ctx) {},\n\n \n \n }\n);\n\nlively.morphic.Morph.subclass('lively.morphic.HTMLMorph',\n'settings', {\n tagName: 'div'\n},\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n },\n},\n'initializing', {\n initialize: function($super, bounds, tagName) {\n if (tagName) this.tagName = tagName;\n $super(new lively.morphic.Shapes.HTMLShape(this.tagName, bounds));\n } \n \n},\n\n'accessing',{\n resetExtent: function() {\n this.shape.resetExtent(); \n },\n setContent: function(content){\n this.renderContextDispatch('setContent', content);\n },\n setContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.shapeNode.appendChild(textNode);\n },\n getContent: function(){\n return this.content || \"\"; \n },\n addMorph: function($super, morph, optMorphBefore) {\n // enable Relative Layout Layer\n morph.addWithLayer(lively.morphic.RelativeLayer);\n $super(morph,optMorphBefore);\n },\n setAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(shapeNode).attr(attribute, value);\n else ctx.shapeNode.removeAttribute(attribute);\n},\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n \n\n\n}\n\n\n);\n\n\n\nlively.morphic.Morph.subclass('lively.morphic.RelativeMorph',\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n resetExtent: 'resetExtentHTML',\n },\n},\n'properties', {\n \ntagName: 'div',\n \nadjustOrigin: function() {\n \n},\ninitialize: function($super, tag, optContent) {\n if (tag) this.tagName = tag;\n if (optContent) this.content = optContent;\n $super(new lively.morphic.Shapes.NullShape());\n},\nappendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"NullShape\") {\n \n parentNode = ownerCtx.morphNode; \n \n }\n else\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode);\n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetPosition: function() {\n var ctx = this.renderContext();\n //var ownerCtx = this.owner.renderContext();\n var ownerPos = this.owner.getPosition();\n //var p = $(ctx.morphNode).position();\n var o = $(ctx.morphNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n},\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\n\n \ninitHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = XHTMLNS.create(this.tagName);;\n if (this.content) this.setContentHTML(ctx, this.content);\n if (this.extentOverride) this.setExtent(this.extentOverride);\n else this.resetExtent();\n this.setFocusableHTML(ctx, this.isFocusable());\n //this.setPivotPointHTML(ctx, this.getPivotPoint())\n //ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n //this.setPositionHTML(ctx, this.getPosition());\n //this.setRotationHTML(ctx, this.getRotation());\n //this.setScaleHTML(ctx, this.getScale());\n //this.setClipModeHTML(ctx, this.getClipMode());\n //this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\nsetContent: function(content){\n this.renderContextDispatch('setContent', content); \n},\nsetContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.morphNode.appendChild(textNode);\n},\ngetContent: function(){\n return this.content || \"\"; \n},\n\nsetAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(ctx.morphNode).attr(attribute, value);\n else ctx.morphNode.removeAttribute(attribute);\n},\nsetPositionHTML: function(ctx) {\n \n},\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nresetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n},\n\nresetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.morphNode.style.width = null;\n ctx.morphNode.style.height = null; \n},\n\n\nsetRotationHTML: function(ctx) {\n \n},\n\nsetScaleHTML: function(ctx) {\n \n},\n\n\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n});\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.HTMLShape',\n'documentation', {\n documentation: 'an HTMLMorph shape',\n},\n'initializing', {\n\n htmlDispatchTable: {\n resetExtent: 'resetExtentHTML',\n },\n\n initialize: function($super, tagName, optBounds){\n this.tagName = tagName;\n $super(optBounds);\n },\n \n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = XHTMLNS.create(this.tagName);\n },\n\n},\n'updating', {\n resetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n },\n\n resetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.shapeNode.style.width = null;\n ctx.shapeNode.style.height = null; \n },\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var ownerPos = this.owner.getPosition();\n var o = $(ctx.shapeNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n \n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.shapeNode).width(), $(ctx.shapeNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.shapeNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.shapeNode).outerWidth();\n var h = $(ctx.shapeNode).outerHeight();\n return pt(w, h);\n },\n\n setFillHTML: function(ctx, value) {},\n\n setBorderStyleHTML: function(ctx, value) {},\n setBorderWidthHTML: function(ctx, width) {},\n setBorderHTML: function(ctx, width, fill, opacity) {},\n\n setOpacityHTML: function(ctx, value) {},\n setPaddingHTML: function(ctx, r) {},\n\n\n \n\n\n}\n);\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.NullShape',\n'documentation', {\n documentation: 'a shape that does not get rendered and acts as a proxy to the morph itself',\n},\n'initializing', {\n initHTML: function(ctx) {\n ctx.shapeNode = XHTMLNS.create('div');\n },\n renderHTML: function(ctx) {\n\n },\n},\n'updating', {\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var p = $(ctx.morphNode).position();\n return pt(p.left, p.top);\n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.morphNode).width(), $(ctx.morphNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.morphNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.morphNode).outerWidth();\n var h = $(ctx.morphNode).outerHeight();\n return pt(w, h);\n },\n\n \n setFillHTML: function(ctx, value) {\n \n },\n\n setBorderStyleHTML: function(ctx, value) {\n\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n\n\n setBorderHTML: function(ctx, width, fill, opacity) {\n\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n\n },\n setPaddingHTML: function(ctx, r) {\n\n },\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.morphNode.id = value;\n },\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.morphNode.className = a;\n },\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.morphNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Morph node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.morphNode) return;\n var style = window.getComputedStyle(ctx.morphNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n \n\n\n}\n);\n\n\n\n}) // end of module","sourceString":"module('lively.morphic.HTMLExperiments').requires('lively.morphic.HTML').toRun(function() {\n\ncop.create('lively.morphic.RelativeLayer').refineClass(lively.morphic.Morph, {\n adjustOrigin: function() {},\n \n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n\n var parentNode = false;//ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"HTMLShape\") {\n \n parentNode = ownerCtx.shapeNode;\n parentNode.appendChild(ctx.shapeNode);\n \n }\n else if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n \n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode); \n \n }\n }\n\n \n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nsetPositionHTML: function(ctx) {},\n\nsetRotationHTML: function(ctx) {},\n\nsetScaleHTML: function(ctx) {},\n\n \n \n }\n);\n\nlively.morphic.Morph.subclass('lively.morphic.HTMLMorph',\n'settings', {\n tagName: 'div'\n},\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n },\n},\n'initializing', {\n initialize: function($super, bounds, tagName) {\n if (tagName) this.tagName = tagName;\n $super(new lively.morphic.Shapes.HTMLShape(this.tagName, bounds));\n } \n \n},\n\n'accessing',{\n resetExtent: function() {\n this.shape.resetExtent(); \n },\n setContent: function(content){\n this.renderContextDispatch('setContent', content);\n },\n setContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.shapeNode.appendChild(textNode);\n },\n getContent: function(){\n return this.content || \"\"; \n },\n addMorph: function($super, morph, optMorphBefore) {\n // enable Relative Layout Layer\n morph.addWithLayer(lively.morphic.RelativeLayer);\n $super(morph,optMorphBefore);\n },\n setAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(shapeNode).attr(attribute, value);\n else ctx.shapeNode.removeAttribute(attribute);\n},\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n \n\n\n}\n\n\n);\n\n\n\nlively.morphic.Morph.subclass('lively.morphic.RelativeMorph',\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n resetExtent: 'resetExtentHTML',\n },\n},\n'properties', {\n \ntagName: 'div',\n \nadjustOrigin: function() {\n \n},\ninitialize: function($super, tag, optContent) {\n if (tag) this.tagName = tag;\n if (optContent) this.content = optContent;\n $super(new lively.morphic.Shapes.NullShape());\n},\nappendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"NullShape\") {\n \n parentNode = ownerCtx.morphNode; \n \n }\n else\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode);\n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetPosition: function() {\n var ctx = this.renderContext();\n //var ownerCtx = this.owner.renderContext();\n var ownerPos = this.owner.getPosition();\n //var p = $(ctx.morphNode).position();\n var o = $(ctx.morphNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n},\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\n\n \ninitHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = XHTMLNS.create(this.tagName);;\n if (this.content) this.setContentHTML(ctx, this.content);\n if (this.extentOverride) this.setExtent(this.extentOverride);\n else this.resetExtent();\n this.setFocusableHTML(ctx, this.isFocusable());\n //this.setPivotPointHTML(ctx, this.getPivotPoint())\n //ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n //this.setPositionHTML(ctx, this.getPosition());\n //this.setRotationHTML(ctx, this.getRotation());\n //this.setScaleHTML(ctx, this.getScale());\n //this.setClipModeHTML(ctx, this.getClipMode());\n //this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\nsetContent: function(content){\n this.renderContextDispatch('setContent', content); \n},\nsetContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.morphNode.appendChild(textNode);\n},\ngetContent: function(){\n return this.content || \"\"; \n},\n\nsetAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(ctx.morphNode).attr(attribute, value);\n else ctx.morphNode.removeAttribute(attribute);\n},\nsetPositionHTML: function(ctx) {\n \n},\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nresetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n},\n\nresetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.morphNode.style.width = null;\n ctx.morphNode.style.height = null; \n},\n\n\nsetRotationHTML: function(ctx) {\n \n},\n\nsetScaleHTML: function(ctx) {\n \n},\n\n\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n});\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.HTMLShape',\n'documentation', {\n documentation: 'an HTMLMorph shape',\n},\n'initializing', {\n\n htmlDispatchTable: {\n resetExtent: 'resetExtentHTML',\n },\n\n initialize: function($super, tagName, optBounds){\n this.tagName = tagName;\n $super(optBounds);\n },\n \n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = XHTMLNS.create(this.tagName);\n },\n\n},\n'updating', {\n resetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n },\n\n resetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.shapeNode.style.width = null;\n ctx.shapeNode.style.height = null; \n },\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var ownerPos = this.owner.getPosition();\n var o = $(ctx.shapeNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n \n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.shapeNode).width(), $(ctx.shapeNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.shapeNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.shapeNode).outerWidth();\n var h = $(ctx.shapeNode).outerHeight();\n return pt(w, h);\n },\n\n setFillHTML: function(ctx, value) {},\n\n setBorderStyleHTML: function(ctx, value) {},\n setBorderWidthHTML: function(ctx, width) {},\n setBorderHTML: function(ctx, width, fill, opacity) {},\n\n setOpacityHTML: function(ctx, value) {},\n setPaddingHTML: function(ctx, r) {},\n\n\n \n\n\n}\n);\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.NullShape',\n'documentation', {\n documentation: 'a shape that does not get rendered and acts as a proxy to the morph itself',\n},\n'initializing', {\n initHTML: function(ctx) {\n ctx.shapeNode = XHTMLNS.create('div');\n },\n renderHTML: function(ctx) {\n\n },\n},\n'updating', {\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var p = $(ctx.morphNode).position();\n return pt(p.left, p.top);\n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.morphNode).width(), $(ctx.morphNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.morphNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.morphNode).outerWidth();\n var h = $(ctx.morphNode).outerHeight();\n return pt(w, h);\n },\n\n \n setFillHTML: function(ctx, value) {\n \n },\n\n setBorderStyleHTML: function(ctx, value) {\n\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n\n\n setBorderHTML: function(ctx, width, fill, opacity) {\n\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n\n },\n setPaddingHTML: function(ctx, r) {\n\n },\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.morphNode.id = value;\n },\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.morphNode.className = a;\n },\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.morphNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Morph node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.morphNode) return;\n var style = window.getComputedStyle(ctx.morphNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n \n\n\n}\n);\n\n\n\n}) // end of module","doNotSerialize":["$$targetURL"],"doNotCopyProperties":["$$targetURL"],"_rootNode":{"__isSmartRef__":true,"id":1360},"Pane1Selection":{"__isSmartRef__":true,"id":1383},"pane1Selection":{"__isSmartRef__":true,"id":1383},"Pane2Selection":null,"pane2Selection":null,"Pane3Selection":null,"pane3Selection":null,"Pane4Selection":null,"pane4Selection":null,"Pane4Content":["-----"],"Pane3Content":["-----"],"Pane2Content":[{"__isSmartRef__":true,"id":1608},{"__isSmartRef__":true,"id":1610},{"__isSmartRef__":true,"id":1612},{"__isSmartRef__":true,"id":1614},{"__isSmartRef__":true,"id":1616}],"Pane1Content":[{"__isSmartRef__":true,"id":1357},{"__isSmartRef__":true,"id":1517},{"__isSmartRef__":true,"id":1518},{"__isSmartRef__":true,"id":1519},{"__isSmartRef__":true,"id":1520},{"__isSmartRef__":true,"id":1521},{"__isSmartRef__":true,"id":1522},{"__isSmartRef__":true,"id":1523},{"__isSmartRef__":true,"id":1524},{"__isSmartRef__":true,"id":1525},{"__isSmartRef__":true,"id":1526},{"__isSmartRef__":true,"id":1527},{"__isSmartRef__":true,"id":1528},{"__isSmartRef__":true,"id":1529},{"__isSmartRef__":true,"id":1530},{"__isSmartRef__":true,"id":1531},{"__isSmartRef__":true,"id":1532},{"__isSmartRef__":true,"id":1533},{"__isSmartRef__":true,"id":1534},{"__isSmartRef__":true,"id":1535},{"__isSmartRef__":true,"id":1536},{"__isSmartRef__":true,"id":1537},{"__isSmartRef__":true,"id":1538},{"__isSmartRef__":true,"id":1539},{"__isSmartRef__":true,"id":1540},{"__isSmartRef__":true,"id":1541},{"__isSmartRef__":true,"id":1542},{"__isSmartRef__":true,"id":1543},{"__isSmartRef__":true,"id":1544},{"__isSmartRef__":true,"id":1545},{"__isSmartRef__":true,"id":1546},{"__isSmartRef__":true,"id":1547},{"__isSmartRef__":true,"id":1548},{"__isSmartRef__":true,"id":1549},{"__isSmartRef__":true,"id":1550},{"__isSmartRef__":true,"id":1551},{"__isSmartRef__":true,"id":1552},{"__isSmartRef__":true,"id":1553},{"__isSmartRef__":true,"id":1554},{"__isSmartRef__":true,"id":1555},{"__isSmartRef__":true,"id":1556},{"__isSmartRef__":true,"id":1557},{"__isSmartRef__":true,"id":1558},{"__isSmartRef__":true,"id":1559},{"__isSmartRef__":true,"id":1560},{"__isSmartRef__":true,"id":1561},{"__isSmartRef__":true,"id":1562},{"__isSmartRef__":true,"id":1563},{"__isSmartRef__":true,"id":1564},{"__isSmartRef__":true,"id":1565},{"__isSmartRef__":true,"id":1566}],"view":{"__isSmartRef__":true,"id":1107},"Pane1Menu":[["Add to world requirements"],["remove"],["reparse"],["-------"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"Pane2Menu":[["-------"],["add class"],["add object extension"],["add layer"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"Pane3Menu":[["-------"],["open in text editor"],["show versions"],["diff versions"],["get module part"]],"currentModuleName":"lively.morphic.HTMLExperiments","__LivelyClassName__":"lively.ide.SystemBrowser","__SourceModuleName__":"Global.lively.ide.SystemCodeBrowser"},"1124":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1125},"__LivelyClassName__":"lively.ide.AddNewFileCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1125":{"submorphs":[{"__isSmartRef__":true,"id":1126}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1137},"derivationIds":[],"id":"0275E4A4-5EE8-47C9-977F-28F11622265C","renderContextTable":{"__isSmartRef__":true,"id":1148},"eventHandler":{"__isSmartRef__":true,"id":1149},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1150},"priorExtent":{"__isSmartRef__":true,"id":1136},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1126},"command":{"__isSmartRef__":true,"id":1124},"attributeConnections":[{"__isSmartRef__":true,"id":1151},{"__isSmartRef__":true,"id":1152}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1154},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1126":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1127},"derivationIds":[],"id":"EEA8104F-4339-4F4B-844E-7571C2DED6C1","renderContextTable":{"__isSmartRef__":true,"id":1132},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1133}],"eventHandler":{"__isSmartRef__":true,"id":1135},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1125},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1136},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1127":{"_Position":{"__isSmartRef__":true,"id":1128},"renderContextTable":{"__isSmartRef__":true,"id":1129},"_Extent":{"__isSmartRef__":true,"id":1130},"_Padding":{"__isSmartRef__":true,"id":1131},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-eea8104f-4339-4f4b-844e-7571c2ded6c1","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1128":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1129":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1130":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1131":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1132":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1133":{"style":{"__isSmartRef__":true,"id":1134},"chunkOwner":{"__isSmartRef__":true,"id":1126},"_id":"_89","storedString":"Add module","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1134":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1135":{"morph":{"__isSmartRef__":true,"id":1126},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1136":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1137":{"_Position":{"__isSmartRef__":true,"id":1138},"renderContextTable":{"__isSmartRef__":true,"id":1139},"_Extent":{"__isSmartRef__":true,"id":1130},"_Padding":{"__isSmartRef__":true,"id":1140},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-0275e4a4-5ee8-47c9-977f-28f11622265c","_Fill":{"__isSmartRef__":true,"id":1141},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1138":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1139":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1140":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1141":{"stops":[{"__isSmartRef__":true,"id":1142},{"__isSmartRef__":true,"id":1144},{"__isSmartRef__":true,"id":1145},{"__isSmartRef__":true,"id":1146}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1142":{"offset":0,"color":{"__isSmartRef__":true,"id":1143}},"1143":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1144":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1145":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1146":{"offset":1,"color":{"__isSmartRef__":true,"id":1147}},"1147":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1148":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1149":{"morph":{"__isSmartRef__":true,"id":1125},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1150":{"x":0,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1151":{"sourceObj":{"__isSmartRef__":true,"id":1125},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1124},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1152":{"sourceObj":{"__isSmartRef__":true,"id":1125},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1125},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1153},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1153":{"source":{"__isSmartRef__":true,"id":1125},"target":{"__isSmartRef__":true,"id":1125}},"1154":{"scaleVertical":true,"scaleHorizontal":true},"1155":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1156},"__LivelyClassName__":"lively.ide.AllModulesLoadCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1156":{"submorphs":[{"__isSmartRef__":true,"id":1157}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1168},"derivationIds":[],"id":"EE9B77CA-95A4-4821-B6C2-0D148EDAD78F","renderContextTable":{"__isSmartRef__":true,"id":1179},"eventHandler":{"__isSmartRef__":true,"id":1180},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1181},"priorExtent":{"__isSmartRef__":true,"id":1167},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1157},"command":{"__isSmartRef__":true,"id":1155},"attributeConnections":[{"__isSmartRef__":true,"id":1182},{"__isSmartRef__":true,"id":1183}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1185},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1157":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1158},"derivationIds":[],"id":"82BF3142-4A5D-4FB4-BA9A-C22F09D7CC9A","renderContextTable":{"__isSmartRef__":true,"id":1163},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1164}],"eventHandler":{"__isSmartRef__":true,"id":1166},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1156},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1167},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1158":{"_Position":{"__isSmartRef__":true,"id":1159},"renderContextTable":{"__isSmartRef__":true,"id":1160},"_Extent":{"__isSmartRef__":true,"id":1161},"_Padding":{"__isSmartRef__":true,"id":1162},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-82bf3142-4a5d-4fb4-ba9a-c22f09d7cc9a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1159":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1160":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1161":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1162":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1163":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1164":{"style":{"__isSmartRef__":true,"id":1165},"chunkOwner":{"__isSmartRef__":true,"id":1157},"_id":"_93","storedString":"Load all","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1165":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1166":{"morph":{"__isSmartRef__":true,"id":1157},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1167":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1168":{"_Position":{"__isSmartRef__":true,"id":1169},"renderContextTable":{"__isSmartRef__":true,"id":1170},"_Extent":{"__isSmartRef__":true,"id":1161},"_Padding":{"__isSmartRef__":true,"id":1171},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-ee9b77ca-95a4-4821-b6c2-0d148edad78f","_Fill":{"__isSmartRef__":true,"id":1172},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1169":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1170":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1171":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1172":{"stops":[{"__isSmartRef__":true,"id":1173},{"__isSmartRef__":true,"id":1175},{"__isSmartRef__":true,"id":1176},{"__isSmartRef__":true,"id":1177}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1173":{"offset":0,"color":{"__isSmartRef__":true,"id":1174}},"1174":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1175":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1176":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1177":{"offset":1,"color":{"__isSmartRef__":true,"id":1178}},"1178":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1179":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1180":{"morph":{"__isSmartRef__":true,"id":1156},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1181":{"x":133.71428571428564,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1182":{"sourceObj":{"__isSmartRef__":true,"id":1156},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1155},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1183":{"sourceObj":{"__isSmartRef__":true,"id":1156},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1156},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1184},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1184":{"source":{"__isSmartRef__":true,"id":1156},"target":{"__isSmartRef__":true,"id":1156}},"1185":{"scaleVertical":true,"scaleHorizontal":true},"1186":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1187},"__LivelyClassName__":"lively.ide.ShowLineNumbersCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1187":{"submorphs":[{"__isSmartRef__":true,"id":1188}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1199},"derivationIds":[],"id":"220FF624-BF2C-47F4-879E-6B8D8CBB7F40","renderContextTable":{"__isSmartRef__":true,"id":1210},"eventHandler":{"__isSmartRef__":true,"id":1211},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1212},"priorExtent":{"__isSmartRef__":true,"id":1198},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1188},"command":{"__isSmartRef__":true,"id":1186},"attributeConnections":[{"__isSmartRef__":true,"id":1213},{"__isSmartRef__":true,"id":1214}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1216},"isPressed":false,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1188":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1189},"derivationIds":[],"id":"77C93302-D98D-4C02-A993-30F37DFBC472","renderContextTable":{"__isSmartRef__":true,"id":1194},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1195}],"eventHandler":{"__isSmartRef__":true,"id":1197},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1187},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1198},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1189":{"_Position":{"__isSmartRef__":true,"id":1190},"renderContextTable":{"__isSmartRef__":true,"id":1191},"_Extent":{"__isSmartRef__":true,"id":1192},"_Padding":{"__isSmartRef__":true,"id":1193},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-77c93302-d98d-4c02-a993-30f37dfbc472","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1190":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1191":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1192":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1193":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1194":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1195":{"style":{"__isSmartRef__":true,"id":1196},"chunkOwner":{"__isSmartRef__":true,"id":1188},"_id":"_97","storedString":"LineNo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1196":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1197":{"morph":{"__isSmartRef__":true,"id":1188},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1198":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1199":{"_Position":{"__isSmartRef__":true,"id":1200},"renderContextTable":{"__isSmartRef__":true,"id":1201},"_Extent":{"__isSmartRef__":true,"id":1192},"_Padding":{"__isSmartRef__":true,"id":1202},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-220ff624-bf2c-47f4-879e-6b8d8cbb7f40","_Fill":{"__isSmartRef__":true,"id":1203},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1200":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1201":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1202":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1203":{"stops":[{"__isSmartRef__":true,"id":1204},{"__isSmartRef__":true,"id":1206},{"__isSmartRef__":true,"id":1207},{"__isSmartRef__":true,"id":1208}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1204":{"offset":0,"color":{"__isSmartRef__":true,"id":1205}},"1205":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1206":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1207":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1208":{"offset":1,"color":{"__isSmartRef__":true,"id":1209}},"1209":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1210":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1211":{"morph":{"__isSmartRef__":true,"id":1187},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1212":{"x":267.4285714285713,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1213":{"sourceObj":{"__isSmartRef__":true,"id":1187},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1186},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1214":{"sourceObj":{"__isSmartRef__":true,"id":1187},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1187},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1215},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1215":{"source":{"__isSmartRef__":true,"id":1187},"target":{"__isSmartRef__":true,"id":1187}},"1216":{"scaleVertical":true,"scaleHorizontal":true},"1217":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1218},"__LivelyClassName__":"lively.ide.ParserDebugCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1218":{"submorphs":[{"__isSmartRef__":true,"id":1219}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1230},"derivationIds":[],"id":"497F4CAC-EF0B-43E5-8C19-AD826D0DE272","renderContextTable":{"__isSmartRef__":true,"id":1241},"eventHandler":{"__isSmartRef__":true,"id":1242},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1243},"priorExtent":{"__isSmartRef__":true,"id":1229},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1219},"command":{"__isSmartRef__":true,"id":1217},"attributeConnections":[{"__isSmartRef__":true,"id":1244},{"__isSmartRef__":true,"id":1245}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1247},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1219":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1220},"derivationIds":[],"id":"6DAC57BF-FAC1-4872-BE1C-6463263FACF4","renderContextTable":{"__isSmartRef__":true,"id":1225},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1226}],"eventHandler":{"__isSmartRef__":true,"id":1228},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1218},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1229},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1220":{"_Position":{"__isSmartRef__":true,"id":1221},"renderContextTable":{"__isSmartRef__":true,"id":1222},"_Extent":{"__isSmartRef__":true,"id":1223},"_Padding":{"__isSmartRef__":true,"id":1224},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-6dac57bf-fac1-4872-be1c-6463263facf4","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1221":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1222":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1223":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1224":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1225":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1226":{"style":{"__isSmartRef__":true,"id":1227},"chunkOwner":{"__isSmartRef__":true,"id":1219},"_id":"_101","storedString":"Dbg errors is off","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1227":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1228":{"morph":{"__isSmartRef__":true,"id":1219},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1229":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1230":{"_Position":{"__isSmartRef__":true,"id":1231},"renderContextTable":{"__isSmartRef__":true,"id":1232},"_Extent":{"__isSmartRef__":true,"id":1223},"_Padding":{"__isSmartRef__":true,"id":1233},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-497f4cac-ef0b-43e5-8c19-ad826d0de272","_Fill":{"__isSmartRef__":true,"id":1234},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1231":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1232":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1233":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1234":{"stops":[{"__isSmartRef__":true,"id":1235},{"__isSmartRef__":true,"id":1237},{"__isSmartRef__":true,"id":1238},{"__isSmartRef__":true,"id":1239}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1235":{"offset":0,"color":{"__isSmartRef__":true,"id":1236}},"1236":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1237":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1238":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1239":{"offset":1,"color":{"__isSmartRef__":true,"id":1240}},"1240":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1241":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1242":{"morph":{"__isSmartRef__":true,"id":1218},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1243":{"x":401.1428571428569,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1244":{"sourceObj":{"__isSmartRef__":true,"id":1218},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1217},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1245":{"sourceObj":{"__isSmartRef__":true,"id":1218},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1218},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1246},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1246":{"source":{"__isSmartRef__":true,"id":1218},"target":{"__isSmartRef__":true,"id":1218}},"1247":{"scaleVertical":true,"scaleHorizontal":true},"1248":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1249},"__LivelyClassName__":"lively.ide.EvaluateCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1249":{"submorphs":[{"__isSmartRef__":true,"id":1250}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1261},"derivationIds":[],"id":"E356851E-3344-40B3-B525-F2308268E8CD","renderContextTable":{"__isSmartRef__":true,"id":1272},"eventHandler":{"__isSmartRef__":true,"id":1273},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1274},"priorExtent":{"__isSmartRef__":true,"id":1260},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1250},"command":{"__isSmartRef__":true,"id":1248},"attributeConnections":[{"__isSmartRef__":true,"id":1275},{"__isSmartRef__":true,"id":1276}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1278},"isPressed":false,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1250":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1251},"derivationIds":[],"id":"0FDDF748-2A3B-46E3-AF0C-D99FE9DDD451","renderContextTable":{"__isSmartRef__":true,"id":1256},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1257}],"eventHandler":{"__isSmartRef__":true,"id":1259},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1249},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1260},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1251":{"_Position":{"__isSmartRef__":true,"id":1252},"renderContextTable":{"__isSmartRef__":true,"id":1253},"_Extent":{"__isSmartRef__":true,"id":1254},"_Padding":{"__isSmartRef__":true,"id":1255},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-0fddf748-2a3b-46e3-af0c-d99fe9ddd451","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1252":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1253":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1254":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1255":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1256":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1257":{"style":{"__isSmartRef__":true,"id":1258},"chunkOwner":{"__isSmartRef__":true,"id":1250},"_id":"_105","storedString":"Eval on","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1258":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1259":{"morph":{"__isSmartRef__":true,"id":1250},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1260":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1261":{"_Position":{"__isSmartRef__":true,"id":1262},"renderContextTable":{"__isSmartRef__":true,"id":1263},"_Extent":{"__isSmartRef__":true,"id":1254},"_Padding":{"__isSmartRef__":true,"id":1264},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-e356851e-3344-40b3-b525-f2308268e8cd","_Fill":{"__isSmartRef__":true,"id":1265},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1262":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1263":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1264":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1265":{"stops":[{"__isSmartRef__":true,"id":1266},{"__isSmartRef__":true,"id":1268},{"__isSmartRef__":true,"id":1269},{"__isSmartRef__":true,"id":1270}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1266":{"offset":0,"color":{"__isSmartRef__":true,"id":1267}},"1267":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1268":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1269":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1270":{"offset":1,"color":{"__isSmartRef__":true,"id":1271}},"1271":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1272":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1273":{"morph":{"__isSmartRef__":true,"id":1249},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1274":{"x":534.8571428571425,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1275":{"sourceObj":{"__isSmartRef__":true,"id":1249},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1248},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1276":{"sourceObj":{"__isSmartRef__":true,"id":1249},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1249},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1277},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1277":{"source":{"__isSmartRef__":true,"id":1249},"target":{"__isSmartRef__":true,"id":1249}},"1278":{"scaleVertical":true,"scaleHorizontal":true},"1279":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1280},"__LivelyClassName__":"lively.ide.SortCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1280":{"submorphs":[{"__isSmartRef__":true,"id":1281}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1292},"derivationIds":[],"id":"8E648661-C780-4BF4-8FA9-1E33E6386B82","renderContextTable":{"__isSmartRef__":true,"id":1303},"eventHandler":{"__isSmartRef__":true,"id":1304},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1305},"priorExtent":{"__isSmartRef__":true,"id":1291},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1281},"command":{"__isSmartRef__":true,"id":1279},"attributeConnections":[{"__isSmartRef__":true,"id":1306},{"__isSmartRef__":true,"id":1307}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1309},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1281":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1282},"derivationIds":[],"id":"2F4924D1-7FF2-4266-A52E-49EB4E273A29","renderContextTable":{"__isSmartRef__":true,"id":1287},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1288}],"eventHandler":{"__isSmartRef__":true,"id":1290},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1280},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1291},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1282":{"_Position":{"__isSmartRef__":true,"id":1283},"renderContextTable":{"__isSmartRef__":true,"id":1284},"_Extent":{"__isSmartRef__":true,"id":1285},"_Padding":{"__isSmartRef__":true,"id":1286},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-2f4924d1-7ff2-4266-a52e-49eb4e273a29","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1283":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1284":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1285":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1286":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1287":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1288":{"style":{"__isSmartRef__":true,"id":1289},"chunkOwner":{"__isSmartRef__":true,"id":1281},"_id":"_109","storedString":"Sort","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1289":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1290":{"morph":{"__isSmartRef__":true,"id":1281},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1291":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1292":{"_Position":{"__isSmartRef__":true,"id":1293},"renderContextTable":{"__isSmartRef__":true,"id":1294},"_Extent":{"__isSmartRef__":true,"id":1285},"_Padding":{"__isSmartRef__":true,"id":1295},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-8e648661-c780-4bf4-8fa9-1e33e6386b82","_Fill":{"__isSmartRef__":true,"id":1296},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1293":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1294":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1295":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1296":{"stops":[{"__isSmartRef__":true,"id":1297},{"__isSmartRef__":true,"id":1299},{"__isSmartRef__":true,"id":1300},{"__isSmartRef__":true,"id":1301}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1297":{"offset":0,"color":{"__isSmartRef__":true,"id":1298}},"1298":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1299":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1300":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1301":{"offset":1,"color":{"__isSmartRef__":true,"id":1302}},"1302":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1303":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1304":{"morph":{"__isSmartRef__":true,"id":1280},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1305":{"x":668.5714285714279,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1306":{"sourceObj":{"__isSmartRef__":true,"id":1280},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1279},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1307":{"sourceObj":{"__isSmartRef__":true,"id":1280},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1280},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1308},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1308":{"source":{"__isSmartRef__":true,"id":1280},"target":{"__isSmartRef__":true,"id":1280}},"1309":{"scaleVertical":true,"scaleHorizontal":true},"1310":{"browser":{"__isSmartRef__":true,"id":1123},"button":{"__isSmartRef__":true,"id":1311},"__LivelyClassName__":"lively.ide.ViewSourceCommand","__SourceModuleName__":"Global.lively.ide.BrowserCommands"},"1311":{"submorphs":[{"__isSmartRef__":true,"id":1312}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1323},"derivationIds":[],"id":"F002B780-4D2A-425F-A309-9FFF07013E67","renderContextTable":{"__isSmartRef__":true,"id":1334},"eventHandler":{"__isSmartRef__":true,"id":1335},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1336},"priorExtent":{"__isSmartRef__":true,"id":1322},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1312},"command":{"__isSmartRef__":true,"id":1310},"attributeConnections":[{"__isSmartRef__":true,"id":1337},{"__isSmartRef__":true,"id":1338}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1340},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1312":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1313},"derivationIds":[],"id":"1A26D36F-1187-401D-A104-20CE56E35048","renderContextTable":{"__isSmartRef__":true,"id":1318},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1319}],"eventHandler":{"__isSmartRef__":true,"id":1321},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":9,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1311},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1322},"_MaxTextWidth":133.71428571428564,"_MinTextWidth":133.71428571428564,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1313":{"_Position":{"__isSmartRef__":true,"id":1314},"renderContextTable":{"__isSmartRef__":true,"id":1315},"_Extent":{"__isSmartRef__":true,"id":1316},"_Padding":{"__isSmartRef__":true,"id":1317},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-1a26d36f-1187-401d-a104-20ce56e35048","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1314":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1315":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1316":{"x":133.71428571428564,"y":36.59999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1317":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1318":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1319":{"style":{"__isSmartRef__":true,"id":1320},"chunkOwner":{"__isSmartRef__":true,"id":1312},"_id":"_113","storedString":"View as...","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1320":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1321":{"morph":{"__isSmartRef__":true,"id":1312},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1322":{"x":133.71428571428564,"y":36.63999999999999,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1323":{"_Position":{"__isSmartRef__":true,"id":1324},"renderContextTable":{"__isSmartRef__":true,"id":1325},"_Extent":{"__isSmartRef__":true,"id":1316},"_Padding":{"__isSmartRef__":true,"id":1326},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-f002b780-4d2a-425f-a309-9fff07013e67","_Fill":{"__isSmartRef__":true,"id":1327},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1324":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1325":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1326":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1327":{"stops":[{"__isSmartRef__":true,"id":1328},{"__isSmartRef__":true,"id":1330},{"__isSmartRef__":true,"id":1331},{"__isSmartRef__":true,"id":1332}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1328":{"offset":0,"color":{"__isSmartRef__":true,"id":1329}},"1329":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1330":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1331":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1332":{"offset":1,"color":{"__isSmartRef__":true,"id":1333}},"1333":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1334":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1335":{"morph":{"__isSmartRef__":true,"id":1311},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1336":{"x":802.2857142857138,"y":366.00000000000017,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1337":{"sourceObj":{"__isSmartRef__":true,"id":1311},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1310},"targetMethodName":"trigger","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1338":{"sourceObj":{"__isSmartRef__":true,"id":1311},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1311},"targetMethodName":"setLabel","converter":null,"converterString":"function () { return this.getSourceObj().command.asString() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1339},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1339":{"source":{"__isSmartRef__":true,"id":1311},"target":{"__isSmartRef__":true,"id":1311}},"1340":{"scaleVertical":true,"scaleHorizontal":true},"1341":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1342":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1343":{"attributes":["isClassNode","isGrammarNode","isChangeNode","isFunctionNode","isObjectNode"],"__LivelyClassName__":"lively.ide.NodeTypeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1344":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1345":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1346":{"__LivelyClassName__":"lively.ide.NodeFilter","__SourceModuleName__":"Global.lively.ide.BrowserFramework"},"1347":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"1348":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"setPane1Content","targetObj":{"__isSmartRef__":true,"id":1349},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1598},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1349":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1350},"derivationIds":[],"id":"6CD0AC4A-F2F0-4133-ADE0-E259A936829E","renderContextTable":{"__isSmartRef__":true,"id":1356},"itemList":[{"__isSmartRef__":true,"id":1357},{"__isSmartRef__":true,"id":1517},{"__isSmartRef__":true,"id":1518},{"__isSmartRef__":true,"id":1519},{"__isSmartRef__":true,"id":1520},{"__isSmartRef__":true,"id":1521},{"__isSmartRef__":true,"id":1522},{"__isSmartRef__":true,"id":1523},{"__isSmartRef__":true,"id":1524},{"__isSmartRef__":true,"id":1525},{"__isSmartRef__":true,"id":1526},{"__isSmartRef__":true,"id":1527},{"__isSmartRef__":true,"id":1528},{"__isSmartRef__":true,"id":1529},{"__isSmartRef__":true,"id":1530},{"__isSmartRef__":true,"id":1531},{"__isSmartRef__":true,"id":1532},{"__isSmartRef__":true,"id":1533},{"__isSmartRef__":true,"id":1534},{"__isSmartRef__":true,"id":1535},{"__isSmartRef__":true,"id":1536},{"__isSmartRef__":true,"id":1537},{"__isSmartRef__":true,"id":1538},{"__isSmartRef__":true,"id":1539},{"__isSmartRef__":true,"id":1540},{"__isSmartRef__":true,"id":1541},{"__isSmartRef__":true,"id":1542},{"__isSmartRef__":true,"id":1543},{"__isSmartRef__":true,"id":1544},{"__isSmartRef__":true,"id":1545},{"__isSmartRef__":true,"id":1546},{"__isSmartRef__":true,"id":1547},{"__isSmartRef__":true,"id":1548},{"__isSmartRef__":true,"id":1549},{"__isSmartRef__":true,"id":1550},{"__isSmartRef__":true,"id":1551},{"__isSmartRef__":true,"id":1552},{"__isSmartRef__":true,"id":1553},{"__isSmartRef__":true,"id":1554},{"__isSmartRef__":true,"id":1555},{"__isSmartRef__":true,"id":1556},{"__isSmartRef__":true,"id":1557},{"__isSmartRef__":true,"id":1558},{"__isSmartRef__":true,"id":1559},{"__isSmartRef__":true,"id":1560},{"__isSmartRef__":true,"id":1561},{"__isSmartRef__":true,"id":1562},{"__isSmartRef__":true,"id":1563},{"__isSmartRef__":true,"id":1564},{"__isSmartRef__":true,"id":1565},{"__isSmartRef__":true,"id":1566}],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":1567},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1568},"selection":{"__isSmartRef__":true,"id":1569},"selectedLineNo":21,"priorExtent":{"__isSmartRef__":true,"id":1570},"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1571},"attributeConnections":[{"__isSmartRef__":true,"id":1572},{"__isSmartRef__":true,"id":1577},{"__isSmartRef__":true,"id":1579},{"__isSmartRef__":true,"id":1581}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1583},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"1350":{"_Position":{"__isSmartRef__":true,"id":1351},"renderContextTable":{"__isSmartRef__":true,"id":1352},"_Extent":{"__isSmartRef__":true,"id":1353},"_Padding":{"__isSmartRef__":true,"id":1354},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":1355},"_NodeClass":["morph","box","list"],"_NodeId":"morph-6cd0ac4a-f2f0-4133-ade0-e259a936829e","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1351":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1352":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1353":{"x":233.99999999999986,"y":338.54999999999984,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1354":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1355":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1356":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"1357":{"isListItem":true,"string":"tests/","value":{"__isSmartRef__":true,"id":1358}},"1358":{"target":{"__isSmartRef__":true,"id":1359},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"localName":"tests/","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1359":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/tests/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"1360":{"target":{"__isSmartRef__":true,"id":396},"browser":{"__isSmartRef__":true,"id":1123},"parent":null,"allFiles":["lively/morphic/HTML.js","lively/morphic/jqueryflot.js","lively/morphic/EventExperiments.js","lively/morphic/Widgets.js","lively/morphic/Chris.js","lively/morphic/Rendering.js","lively/morphic/Layout.js","lively/morphic/Serialization.js","lively/morphic/MorphAddons.js","lively/morphic/SAPWorkSheetTest.js","lively/morphic/SAPWorkSheet.js","lively/morphic/ObjectMigration.js","lively/morphic/ColorChooserDraft.js","lively/morphic/SAPCommonWidgets.js","lively/morphic/Compat.js","lively/morphic/Shapes.js","lively/morphic/Grid.js","lively/morphic/Core.js","lively/morphic/HTMLExperiments.js","lively/morphic/TextCore.js","lively/morphic/testsubText.js","lively/morphic/test_1.js","lively/morphic/SAPBPCWidgets.js","lively/morphic/Tests.js","lively/morphic/test4.js","lively/morphic/Events.js","lively/morphic/Graffle.js","lively/morphic/Halos.js","lively/morphic/SAPUI5.js","lively/morphic/Complete.js","lively/morphic/Canvas.js","lively/morphic/ModernWindow.js","lively/morphic/StyleSheets.js","lively/morphic/Connectors.js","lively/morphic/test.js","lively/morphic/CompatLayer.js","lively/morphic/jquery.flot.js","lively/morphic/Styles.js","lively/morphic/Paragraphs.js","lively/morphic/DiffMerge.js","lively/morphic/SVG.js","lively/morphic/ScriptingSupport.js","lively/morphic/WidgetsAddOns.js","lively/morphic/PathShapes.js","lively/morphic/Graphics.js","lively/morphic/AdditionalMorphs.js","lively/morphic/Experiments.js"],"subNamespacePaths":[{"__isSmartRef__":true,"id":1359},{"__isSmartRef__":true,"id":1361}],"parentNamespacePath":{"__isSmartRef__":true,"id":1362},"_childNodes":[{"__isSmartRef__":true,"id":1358},{"__isSmartRef__":true,"id":1363},{"__isSmartRef__":true,"id":1364},{"__isSmartRef__":true,"id":1365},{"__isSmartRef__":true,"id":1366},{"__isSmartRef__":true,"id":1367},{"__isSmartRef__":true,"id":1368},{"__isSmartRef__":true,"id":1369},{"__isSmartRef__":true,"id":1370},{"__isSmartRef__":true,"id":1371},{"__isSmartRef__":true,"id":1372},{"__isSmartRef__":true,"id":1373},{"__isSmartRef__":true,"id":1374},{"__isSmartRef__":true,"id":1375},{"__isSmartRef__":true,"id":1376},{"__isSmartRef__":true,"id":1377},{"__isSmartRef__":true,"id":1378},{"__isSmartRef__":true,"id":1379},{"__isSmartRef__":true,"id":1380},{"__isSmartRef__":true,"id":1381},{"__isSmartRef__":true,"id":1382},{"__isSmartRef__":true,"id":1383},{"__isSmartRef__":true,"id":1488},{"__isSmartRef__":true,"id":1489},{"__isSmartRef__":true,"id":1490},{"__isSmartRef__":true,"id":1491},{"__isSmartRef__":true,"id":1492},{"__isSmartRef__":true,"id":1493},{"__isSmartRef__":true,"id":1494},{"__isSmartRef__":true,"id":1495},{"__isSmartRef__":true,"id":1496},{"__isSmartRef__":true,"id":1497},{"__isSmartRef__":true,"id":1498},{"__isSmartRef__":true,"id":1499},{"__isSmartRef__":true,"id":1500},{"__isSmartRef__":true,"id":1501},{"__isSmartRef__":true,"id":1502},{"__isSmartRef__":true,"id":1503},{"__isSmartRef__":true,"id":1504},{"__isSmartRef__":true,"id":1505},{"__isSmartRef__":true,"id":1506},{"__isSmartRef__":true,"id":1507},{"__isSmartRef__":true,"id":1508},{"__isSmartRef__":true,"id":1509},{"__isSmartRef__":true,"id":1510},{"__isSmartRef__":true,"id":1511},{"__isSmartRef__":true,"id":1512},{"__isSmartRef__":true,"id":1513},{"__isSmartRef__":true,"id":1514},{"__isSmartRef__":true,"id":1515},{"__isSmartRef__":true,"id":1516}],"__LivelyClassName__":"lively.ide.SourceControlNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1361":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/video/","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"1362":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/core/lively/morphic/../","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"1363":{"target":{"__isSmartRef__":true,"id":1361},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"localName":"video/","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1364":{"target":{"__isSmartRef__":true,"id":1362},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"localName":"../","__LivelyClassName__":"lively.ide.NamespaceNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1365":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/AdditionalMorphs.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1366":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Canvas.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1367":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Chris.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1368":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/ColorChooserDraft.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1369":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Compat.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1370":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/CompatLayer.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1371":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Complete.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1372":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Connectors.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1373":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Core.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1374":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/DiffMerge.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1375":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/EventExperiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1376":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Events.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1377":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Experiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1378":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Graffle.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1379":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Graphics.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1380":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Grid.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1381":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Halos.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1382":{"target":{"__isSmartRef__":true,"id":419},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/HTML.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1383":{"target":{"__isSmartRef__":true,"id":1384},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/HTMLExperiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1384":{"name":"lively.morphic.HTMLExperiments","type":"moduleDef","startIndex":0,"stopIndex":16193,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1385},{"__isSmartRef__":true,"id":1386},{"__isSmartRef__":true,"id":1398},{"__isSmartRef__":true,"id":1399},{"__isSmartRef__":true,"id":1415},{"__isSmartRef__":true,"id":1416},{"__isSmartRef__":true,"id":1441},{"__isSmartRef__":true,"id":1442},{"__isSmartRef__":true,"id":1463},{"__isSmartRef__":true,"id":1464},{"__isSmartRef__":true,"id":1487}],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1385":{"name":null,"type":"comment","startIndex":92,"stopIndex":92,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1386":{"name":"lively.morphic.RelativeLayer","type":"copDef","startIndex":93,"stopIndex":2068,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1387}],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1387":{"name":"lively.morphic.Morph","type":"copSubElement","startIndex":135,"stopIndex":2066,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1388},{"__isSmartRef__":true,"id":1390},{"__isSmartRef__":true,"id":1391},{"__isSmartRef__":true,"id":1392},{"__isSmartRef__":true,"id":1393},{"__isSmartRef__":true,"id":1394},{"__isSmartRef__":true,"id":1395},{"__isSmartRef__":true,"id":1396},{"__isSmartRef__":true,"id":1397}],"sourceControl":{"__isSmartRef__":true,"id":396},"refineSelector":"refineClass","_owner":{"__isSmartRef__":true,"id":1386},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1388":{"name":"adjustOrigin","type":"propertyDef","startIndex":172,"stopIndex":203,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1389":{"name":"default category","type":"categoryDef","startIndex":77,"stopIndex":1972,"fileName":null,"_subElements":[{"__isSmartRef__":true,"id":1388},{"__isSmartRef__":true,"id":1390},{"__isSmartRef__":true,"id":1391},{"__isSmartRef__":true,"id":1392},{"__isSmartRef__":true,"id":1393},{"__isSmartRef__":true,"id":1394},{"__isSmartRef__":true,"id":1395},{"__isSmartRef__":true,"id":1396},{"__isSmartRef__":true,"id":1397}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1390":{"name":"appendHTML","type":"propertyDef","startIndex":210,"stopIndex":1629,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1391":{"name":"getBounds","type":"propertyDef","startIndex":1636,"stopIndex":1769,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1392":{"name":"getRotation","type":"propertyDef","startIndex":1772,"stopIndex":1813,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1393":{"name":"getScale","type":"propertyDef","startIndex":1815,"stopIndex":1853,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1394":{"name":"setExtent","type":"propertyDef","startIndex":1856,"stopIndex":1946,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1395":{"name":"setPositionHTML","type":"propertyDef","startIndex":1949,"stopIndex":1982,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1396":{"name":"setRotationHTML","type":"propertyDef","startIndex":1985,"stopIndex":2018,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1397":{"name":"setScaleHTML","type":"propertyDef","startIndex":2021,"stopIndex":2051,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1389},"_owner":{"__isSmartRef__":true,"id":1387},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1398":{"name":null,"type":"comment","startIndex":2069,"stopIndex":2069,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1399":{"name":"lively.morphic.HTMLMorph","type":"klassDef","startIndex":2070,"stopIndex":3939,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1400},{"__isSmartRef__":true,"id":1402},{"__isSmartRef__":true,"id":1404},{"__isSmartRef__":true,"id":1406},{"__isSmartRef__":true,"id":1408},{"__isSmartRef__":true,"id":1409},{"__isSmartRef__":true,"id":1410},{"__isSmartRef__":true,"id":1411},{"__isSmartRef__":true,"id":1412},{"__isSmartRef__":true,"id":1413},{"__isSmartRef__":true,"id":1414}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Morph","categories":[{"__isSmartRef__":true,"id":1401},{"__isSmartRef__":true,"id":1403},{"__isSmartRef__":true,"id":1405},{"__isSmartRef__":true,"id":1407}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1400":{"name":"tagName","type":"propertyDef","startIndex":2142,"stopIndex":2160,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1401},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1401":{"name":"settings","type":"categoryDef","startIndex":2128,"stopIndex":2162,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1400}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1402":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":2190,"stopIndex":2301,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1403},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1403":{"name":"HTML render settings","type":"categoryDef","startIndex":2164,"stopIndex":2304,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1402}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1404":{"name":"initialize","type":"propertyDef","startIndex":2324,"stopIndex":2518,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1405},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1405":{"name":"initializing","type":"categoryDef","startIndex":2306,"stopIndex":2520,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1404}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1406":{"name":"resetExtent","type":"propertyDef","startIndex":2537,"stopIndex":2610,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1407":{"name":"accessing","type":"categoryDef","startIndex":2523,"stopIndex":3936,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1406},{"__isSmartRef__":true,"id":1408},{"__isSmartRef__":true,"id":1409},{"__isSmartRef__":true,"id":1410},{"__isSmartRef__":true,"id":1411},{"__isSmartRef__":true,"id":1412},{"__isSmartRef__":true,"id":1413},{"__isSmartRef__":true,"id":1414}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1408":{"name":"setContent","type":"propertyDef","startIndex":2612,"stopIndex":2711,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1409":{"name":"setContentHTML","type":"propertyDef","startIndex":2713,"stopIndex":2896,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1410":{"name":"getContent","type":"propertyDef","startIndex":2898,"stopIndex":2970,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1411":{"name":"addMorph","type":"propertyDef","startIndex":2972,"stopIndex":3169,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1412":{"name":"setAttribute","type":"propertyDef","startIndex":3171,"stopIndex":3287,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1413":{"name":"setAttributeHTML","type":"propertyDef","startIndex":3289,"stopIndex":3445,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1414":{"name":"morphMenuItems","type":"propertyDef","startIndex":3448,"stopIndex":3932,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1407},"className":"lively.morphic.HTMLMorph","_owner":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1415":{"name":null,"type":"comment","startIndex":3940,"stopIndex":3942,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1416":{"name":"lively.morphic.RelativeMorph","type":"klassDef","startIndex":3943,"stopIndex":9123,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1417},{"__isSmartRef__":true,"id":1419},{"__isSmartRef__":true,"id":1421},{"__isSmartRef__":true,"id":1422},{"__isSmartRef__":true,"id":1423},{"__isSmartRef__":true,"id":1424},{"__isSmartRef__":true,"id":1425},{"__isSmartRef__":true,"id":1426},{"__isSmartRef__":true,"id":1427},{"__isSmartRef__":true,"id":1428},{"__isSmartRef__":true,"id":1429},{"__isSmartRef__":true,"id":1430},{"__isSmartRef__":true,"id":1431},{"__isSmartRef__":true,"id":1432},{"__isSmartRef__":true,"id":1433},{"__isSmartRef__":true,"id":1434},{"__isSmartRef__":true,"id":1435},{"__isSmartRef__":true,"id":1436},{"__isSmartRef__":true,"id":1437},{"__isSmartRef__":true,"id":1438},{"__isSmartRef__":true,"id":1439},{"__isSmartRef__":true,"id":1440}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Morph","categories":[{"__isSmartRef__":true,"id":1418},{"__isSmartRef__":true,"id":1420}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1417":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":4031,"stopIndex":4182,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1418},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1418":{"name":"HTML render settings","type":"categoryDef","startIndex":4005,"stopIndex":4185,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1417}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1419":{"name":"tagName","type":"propertyDef","startIndex":4208,"stopIndex":4222,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1420":{"name":"properties","type":"categoryDef","startIndex":4187,"stopIndex":9120,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1419},{"__isSmartRef__":true,"id":1421},{"__isSmartRef__":true,"id":1422},{"__isSmartRef__":true,"id":1423},{"__isSmartRef__":true,"id":1424},{"__isSmartRef__":true,"id":1425},{"__isSmartRef__":true,"id":1426},{"__isSmartRef__":true,"id":1427},{"__isSmartRef__":true,"id":1428},{"__isSmartRef__":true,"id":1429},{"__isSmartRef__":true,"id":1430},{"__isSmartRef__":true,"id":1431},{"__isSmartRef__":true,"id":1432},{"__isSmartRef__":true,"id":1433},{"__isSmartRef__":true,"id":1434},{"__isSmartRef__":true,"id":1435},{"__isSmartRef__":true,"id":1436},{"__isSmartRef__":true,"id":1437},{"__isSmartRef__":true,"id":1438},{"__isSmartRef__":true,"id":1439},{"__isSmartRef__":true,"id":1440}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1421":{"name":"adjustOrigin","type":"propertyDef","startIndex":4229,"stopIndex":4262,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1422":{"name":"initialize","type":"propertyDef","startIndex":4264,"stopIndex":4444,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1423":{"name":"appendHTML","type":"propertyDef","startIndex":4446,"stopIndex":5950,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1424":{"name":"getBounds","type":"propertyDef","startIndex":5957,"stopIndex":6090,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1425":{"name":"getPosition","type":"propertyDef","startIndex":6093,"stopIndex":6378,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1426":{"name":"getRotation","type":"propertyDef","startIndex":6380,"stopIndex":6421,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1427":{"name":"getScale","type":"propertyDef","startIndex":6423,"stopIndex":6461,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1428":{"name":"initHTML","type":"propertyDef","startIndex":6470,"stopIndex":7585,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1429":{"name":"setContent","type":"propertyDef","startIndex":7587,"stopIndex":7678,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1430":{"name":"setContentHTML","type":"propertyDef","startIndex":7680,"stopIndex":7843,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1431":{"name":"getContent","type":"propertyDef","startIndex":7845,"stopIndex":7905,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1432":{"name":"setAttribute","type":"propertyDef","startIndex":7908,"stopIndex":8020,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1433":{"name":"setAttributeHTML","type":"propertyDef","startIndex":8022,"stopIndex":8182,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1434":{"name":"setPositionHTML","type":"propertyDef","startIndex":8184,"stopIndex":8223,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1435":{"name":"setExtent","type":"propertyDef","startIndex":8225,"stopIndex":8315,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1436":{"name":"resetExtent","type":"propertyDef","startIndex":8318,"stopIndex":8398,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1437":{"name":"resetExtentHTML","type":"propertyDef","startIndex":8401,"stopIndex":8552,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1438":{"name":"setRotationHTML","type":"propertyDef","startIndex":8556,"stopIndex":8595,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1439":{"name":"setScaleHTML","type":"propertyDef","startIndex":8598,"stopIndex":8634,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1440":{"name":"morphMenuItems","type":"propertyDef","startIndex":8639,"stopIndex":9119,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1420},"className":"lively.morphic.RelativeMorph","_owner":{"__isSmartRef__":true,"id":1416},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1441":{"name":null,"type":"comment","startIndex":9124,"stopIndex":9125,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1442":{"name":"lively.morphic.Shapes.HTMLShape","type":"klassDef","startIndex":9126,"stopIndex":11229,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1443},{"__isSmartRef__":true,"id":1445},{"__isSmartRef__":true,"id":1447},{"__isSmartRef__":true,"id":1448},{"__isSmartRef__":true,"id":1449},{"__isSmartRef__":true,"id":1451},{"__isSmartRef__":true,"id":1452},{"__isSmartRef__":true,"id":1453},{"__isSmartRef__":true,"id":1454},{"__isSmartRef__":true,"id":1455},{"__isSmartRef__":true,"id":1456},{"__isSmartRef__":true,"id":1457},{"__isSmartRef__":true,"id":1458},{"__isSmartRef__":true,"id":1459},{"__isSmartRef__":true,"id":1460},{"__isSmartRef__":true,"id":1461},{"__isSmartRef__":true,"id":1462}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Shapes.Shape","categories":[{"__isSmartRef__":true,"id":1444},{"__isSmartRef__":true,"id":1446},{"__isSmartRef__":true,"id":1450}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1443":{"name":"documentation","type":"propertyDef","startIndex":9217,"stopIndex":9256,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1444},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1444":{"name":"documentation","type":"categoryDef","startIndex":9198,"stopIndex":9259,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1443}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1445":{"name":"htmlDispatchTable","type":"propertyDef","startIndex":9280,"stopIndex":9351,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1446},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1446":{"name":"initializing","type":"categoryDef","startIndex":9261,"stopIndex":9604,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1445},{"__isSmartRef__":true,"id":1447},{"__isSmartRef__":true,"id":1448}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1447":{"name":"initialize","type":"propertyDef","startIndex":9354,"stopIndex":9472,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1446},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1448":{"name":"initHTML","type":"propertyDef","startIndex":9479,"stopIndex":9600,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1446},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1449":{"name":"resetExtent","type":"propertyDef","startIndex":9620,"stopIndex":9712,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1450":{"name":"updating","type":"categoryDef","startIndex":9606,"stopIndex":11226,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1449},{"__isSmartRef__":true,"id":1451},{"__isSmartRef__":true,"id":1452},{"__isSmartRef__":true,"id":1453},{"__isSmartRef__":true,"id":1454},{"__isSmartRef__":true,"id":1455},{"__isSmartRef__":true,"id":1456},{"__isSmartRef__":true,"id":1457},{"__isSmartRef__":true,"id":1458},{"__isSmartRef__":true,"id":1459},{"__isSmartRef__":true,"id":1460},{"__isSmartRef__":true,"id":1461},{"__isSmartRef__":true,"id":1462}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1451":{"name":"resetExtentHTML","type":"propertyDef","startIndex":9715,"stopIndex":9886,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1452":{"name":"getBounds","type":"propertyDef","startIndex":9888,"stopIndex":9975,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1453":{"name":"getPosition","type":"propertyDef","startIndex":9977,"stopIndex":10215,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1454":{"name":"setPositionHTML","type":"propertyDef","startIndex":10217,"stopIndex":10372,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1455":{"name":"setExtentHTML","type":"propertyDef","startIndex":10374,"stopIndex":10732,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1456":{"name":"getExtent","type":"propertyDef","startIndex":10734,"stopIndex":10926,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1457":{"name":"setFillHTML","type":"propertyDef","startIndex":10929,"stopIndex":10969,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1458":{"name":"setBorderStyleHTML","type":"propertyDef","startIndex":10972,"stopIndex":11019,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1459":{"name":"setBorderWidthHTML","type":"propertyDef","startIndex":11021,"stopIndex":11068,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1460":{"name":"setBorderHTML","type":"propertyDef","startIndex":11070,"stopIndex":11127,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1461":{"name":"setOpacityHTML","type":"propertyDef","startIndex":11130,"stopIndex":11173,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1462":{"name":"setPaddingHTML","type":"propertyDef","startIndex":11175,"stopIndex":11214,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1450},"className":"lively.morphic.Shapes.HTMLShape","_owner":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1463":{"name":null,"type":"comment","startIndex":11230,"stopIndex":11231,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1464":{"name":"lively.morphic.Shapes.NullShape","type":"klassDef","startIndex":11232,"stopIndex":16171,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1465},{"__isSmartRef__":true,"id":1467},{"__isSmartRef__":true,"id":1469},{"__isSmartRef__":true,"id":1470},{"__isSmartRef__":true,"id":1472},{"__isSmartRef__":true,"id":1473},{"__isSmartRef__":true,"id":1474},{"__isSmartRef__":true,"id":1475},{"__isSmartRef__":true,"id":1476},{"__isSmartRef__":true,"id":1477},{"__isSmartRef__":true,"id":1478},{"__isSmartRef__":true,"id":1479},{"__isSmartRef__":true,"id":1480},{"__isSmartRef__":true,"id":1481},{"__isSmartRef__":true,"id":1482},{"__isSmartRef__":true,"id":1483},{"__isSmartRef__":true,"id":1484},{"__isSmartRef__":true,"id":1485},{"__isSmartRef__":true,"id":1486}],"sourceControl":{"__isSmartRef__":true,"id":396},"superclassName":"lively.morphic.Shapes.Shape","categories":[{"__isSmartRef__":true,"id":1466},{"__isSmartRef__":true,"id":1468},{"__isSmartRef__":true,"id":1471}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1465":{"name":"documentation","type":"propertyDef","startIndex":11323,"stopIndex":11418,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1466},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1466":{"name":"documentation","type":"categoryDef","startIndex":11304,"stopIndex":11421,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1465}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1467":{"name":"initHTML","type":"propertyDef","startIndex":11441,"stopIndex":11523,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1468},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1468":{"name":"initializing","type":"categoryDef","startIndex":11423,"stopIndex":11566,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1467},{"__isSmartRef__":true,"id":1469}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1469":{"name":"renderHTML","type":"propertyDef","startIndex":11525,"stopIndex":11563,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1468},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1470":{"name":"getBounds","type":"propertyDef","startIndex":11582,"stopIndex":11669,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1471":{"name":"updating","type":"categoryDef","startIndex":11568,"stopIndex":16168,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[{"__isSmartRef__":true,"id":1470},{"__isSmartRef__":true,"id":1472},{"__isSmartRef__":true,"id":1473},{"__isSmartRef__":true,"id":1474},{"__isSmartRef__":true,"id":1475},{"__isSmartRef__":true,"id":1476},{"__isSmartRef__":true,"id":1477},{"__isSmartRef__":true,"id":1478},{"__isSmartRef__":true,"id":1479},{"__isSmartRef__":true,"id":1480},{"__isSmartRef__":true,"id":1481},{"__isSmartRef__":true,"id":1482},{"__isSmartRef__":true,"id":1483},{"__isSmartRef__":true,"id":1484},{"__isSmartRef__":true,"id":1485},{"__isSmartRef__":true,"id":1486}],"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1472":{"name":"getPosition","type":"propertyDef","startIndex":11671,"stopIndex":11825,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1473":{"name":"setPositionHTML","type":"propertyDef","startIndex":11827,"stopIndex":11982,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1474":{"name":"setExtentHTML","type":"propertyDef","startIndex":11984,"stopIndex":12342,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1475":{"name":"getExtent","type":"propertyDef","startIndex":12344,"stopIndex":12536,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1476":{"name":"setFillHTML","type":"propertyDef","startIndex":12544,"stopIndex":12598,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1477":{"name":"setBorderStyleHTML","type":"propertyDef","startIndex":12601,"stopIndex":12654,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1478":{"name":"setBorderWidthHTML","type":"propertyDef","startIndex":12656,"stopIndex":12949,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1479":{"name":"setBorderHTML","type":"propertyDef","startIndex":12953,"stopIndex":13016,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1480":{"name":"compensateShapeNode","type":"propertyDef","startIndex":13018,"stopIndex":13930,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1481":{"name":"setOpacityHTML","type":"propertyDef","startIndex":13932,"stopIndex":13981,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1482":{"name":"setPaddingHTML","type":"propertyDef","startIndex":13983,"stopIndex":14028,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1483":{"name":"setNodeIdHTML","type":"propertyDef","startIndex":14030,"stopIndex":14208,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1484":{"name":"setNodeClassHTML","type":"propertyDef","startIndex":14210,"stopIndex":14401,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1485":{"name":"setStyleSheetHTML","type":"propertyDef","startIndex":14403,"stopIndex":15720,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1486":{"name":"setComputedStylesHTML","type":"propertyDef","startIndex":15723,"stopIndex":16158,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"_isStatic":false,"category":{"__isSmartRef__":true,"id":1471},"className":"lively.morphic.Shapes.NullShape","_owner":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1487":{"name":null,"type":"comment","startIndex":16172,"stopIndex":16174,"fileName":"lively/morphic/HTMLExperiments.js","_subElements":[],"sourceControl":{"__isSmartRef__":true,"id":396},"__LivelyClassName__":"lively.ide.FileFragment","__SourceModuleName__":"Global.lively.ide.FileParsing"},"1488":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/jquery.flot.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1489":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/jqueryflot.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1490":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Layout.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1491":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/ModernWindow.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1492":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/MorphAddons.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1493":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/ObjectMigration.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1494":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Paragraphs.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1495":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/PathShapes.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1496":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Rendering.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1497":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SAPBPCWidgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1498":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SAPCommonWidgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1499":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SAPUI5.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1500":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SAPWorkSheet.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1501":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SAPWorkSheetTest.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1502":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/ScriptingSupport.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1503":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Serialization.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1504":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Shapes.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1505":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Styles.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1506":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/StyleSheets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1507":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/SVG.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1508":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/test.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1509":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/test4.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1510":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/test_1.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1511":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Tests.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1512":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/testsubText.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1513":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/TextCore.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1514":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/Widgets.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1515":{"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/WidgetsAddOns.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1516":{"target":{"__isSmartRef__":true,"id":717},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.ChangeSetNode","__SourceModuleName__":"Global.lively.ide.LocalBrowser"},"1517":{"isListItem":true,"string":"video/","value":{"__isSmartRef__":true,"id":1363}},"1518":{"isListItem":true,"string":"../","value":{"__isSmartRef__":true,"id":1364}},"1519":{"isListItem":true,"string":"AdditionalMorphs.js (not parsed)","value":{"__isSmartRef__":true,"id":1365}},"1520":{"isListItem":true,"string":"Canvas.js (not parsed)","value":{"__isSmartRef__":true,"id":1366}},"1521":{"isListItem":true,"string":"Chris.js (not parsed)","value":{"__isSmartRef__":true,"id":1367}},"1522":{"isListItem":true,"string":"ColorChooserDraft.js (not parsed)","value":{"__isSmartRef__":true,"id":1368}},"1523":{"isListItem":true,"string":"Compat.js (not parsed)","value":{"__isSmartRef__":true,"id":1369}},"1524":{"isListItem":true,"string":"CompatLayer.js (not parsed)","value":{"__isSmartRef__":true,"id":1370}},"1525":{"isListItem":true,"string":"Complete.js (not parsed)","value":{"__isSmartRef__":true,"id":1371}},"1526":{"isListItem":true,"string":"Connectors.js (not parsed)","value":{"__isSmartRef__":true,"id":1372}},"1527":{"isListItem":true,"string":"Core.js (not parsed)","value":{"__isSmartRef__":true,"id":1373}},"1528":{"isListItem":true,"string":"DiffMerge.js (not parsed)","value":{"__isSmartRef__":true,"id":1374}},"1529":{"isListItem":true,"string":"EventExperiments.js (not parsed)","value":{"__isSmartRef__":true,"id":1375}},"1530":{"isListItem":true,"string":"Events.js (not parsed)","value":{"__isSmartRef__":true,"id":1376}},"1531":{"isListItem":true,"string":"Experiments.js (not parsed)","value":{"__isSmartRef__":true,"id":1377}},"1532":{"isListItem":true,"string":"Graffle.js (not parsed)","value":{"__isSmartRef__":true,"id":1378}},"1533":{"isListItem":true,"string":"Graphics.js (not parsed)","value":{"__isSmartRef__":true,"id":1379}},"1534":{"isListItem":true,"string":"Grid.js (not parsed)","value":{"__isSmartRef__":true,"id":1380}},"1535":{"isListItem":true,"string":"Halos.js (not parsed)","value":{"__isSmartRef__":true,"id":1381}},"1536":{"isListItem":true,"string":"HTML.js","value":{"__isSmartRef__":true,"id":1382}},"1537":{"isListItem":true,"string":"HTMLExperiments.js","value":{"__isSmartRef__":true,"id":1383}},"1538":{"isListItem":true,"string":"jquery.flot.js (not parsed)","value":{"__isSmartRef__":true,"id":1488}},"1539":{"isListItem":true,"string":"jqueryflot.js (not parsed)","value":{"__isSmartRef__":true,"id":1489}},"1540":{"isListItem":true,"string":"Layout.js (not parsed)","value":{"__isSmartRef__":true,"id":1490}},"1541":{"isListItem":true,"string":"ModernWindow.js (not parsed)","value":{"__isSmartRef__":true,"id":1491}},"1542":{"isListItem":true,"string":"MorphAddons.js (not parsed)","value":{"__isSmartRef__":true,"id":1492}},"1543":{"isListItem":true,"string":"ObjectMigration.js (not parsed)","value":{"__isSmartRef__":true,"id":1493}},"1544":{"isListItem":true,"string":"Paragraphs.js (not parsed)","value":{"__isSmartRef__":true,"id":1494}},"1545":{"isListItem":true,"string":"PathShapes.js (not parsed)","value":{"__isSmartRef__":true,"id":1495}},"1546":{"isListItem":true,"string":"Rendering.js (not parsed)","value":{"__isSmartRef__":true,"id":1496}},"1547":{"isListItem":true,"string":"SAPBPCWidgets.js (not parsed)","value":{"__isSmartRef__":true,"id":1497}},"1548":{"isListItem":true,"string":"SAPCommonWidgets.js (not parsed)","value":{"__isSmartRef__":true,"id":1498}},"1549":{"isListItem":true,"string":"SAPUI5.js (not parsed)","value":{"__isSmartRef__":true,"id":1499}},"1550":{"isListItem":true,"string":"SAPWorkSheet.js (not parsed)","value":{"__isSmartRef__":true,"id":1500}},"1551":{"isListItem":true,"string":"SAPWorkSheetTest.js (not parsed)","value":{"__isSmartRef__":true,"id":1501}},"1552":{"isListItem":true,"string":"ScriptingSupport.js (not parsed)","value":{"__isSmartRef__":true,"id":1502}},"1553":{"isListItem":true,"string":"Serialization.js (not parsed)","value":{"__isSmartRef__":true,"id":1503}},"1554":{"isListItem":true,"string":"Shapes.js (not parsed)","value":{"__isSmartRef__":true,"id":1504}},"1555":{"isListItem":true,"string":"Styles.js (not parsed)","value":{"__isSmartRef__":true,"id":1505}},"1556":{"isListItem":true,"string":"StyleSheets.js (not parsed)","value":{"__isSmartRef__":true,"id":1506}},"1557":{"isListItem":true,"string":"SVG.js (not parsed)","value":{"__isSmartRef__":true,"id":1507}},"1558":{"isListItem":true,"string":"test.js (not parsed)","value":{"__isSmartRef__":true,"id":1508}},"1559":{"isListItem":true,"string":"test4.js (not parsed)","value":{"__isSmartRef__":true,"id":1509}},"1560":{"isListItem":true,"string":"test_1.js (not parsed)","value":{"__isSmartRef__":true,"id":1510}},"1561":{"isListItem":true,"string":"Tests.js (not parsed)","value":{"__isSmartRef__":true,"id":1511}},"1562":{"isListItem":true,"string":"testsubText.js (not parsed)","value":{"__isSmartRef__":true,"id":1512}},"1563":{"isListItem":true,"string":"TextCore.js (not parsed)","value":{"__isSmartRef__":true,"id":1513}},"1564":{"isListItem":true,"string":"Widgets.js (not parsed)","value":{"__isSmartRef__":true,"id":1514}},"1565":{"isListItem":true,"string":"WidgetsAddOns.js (not parsed)","value":{"__isSmartRef__":true,"id":1515}},"1566":{"isListItem":true,"string":"Local code","value":{"__isSmartRef__":true,"id":1516}},"1567":{"morph":{"__isSmartRef__":true,"id":1349},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1568":{"x":0,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1569":{"target":{"__isSmartRef__":true,"id":1384},"browser":{"__isSmartRef__":true,"id":1123},"parent":{"__isSmartRef__":true,"id":1360},"moduleName":"lively/morphic/HTMLExperiments.js","showAll":false,"__LivelyClassName__":"lively.ide.CompleteFileFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1570":{"x":233.99999999999986,"y":338.91999999999985,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1571":{"scaleVertical":true,"scaleHorizontal":true},"1572":{"sourceObj":{"__isSmartRef__":true,"id":1349},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setPane1Selection","converter":null,"converterString":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":1573},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1574},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1573":{"source":{"__isSmartRef__":true,"id":1349},"target":{"__isSmartRef__":true,"id":1123}},"1574":{"updater":{"__isSmartRef__":true,"id":1575}},"1575":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":1573},"source":"function ($upd, v) { $upd(v, this.sourceObj) }","funcProperties":{"__isSmartRef__":true,"id":1576},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1576":{},"1577":{"sourceObj":{"__isSmartRef__":true,"id":1349},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane1Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1578},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1578":{"source":{"__isSmartRef__":true,"id":1349},"target":{"__isSmartRef__":true,"id":1123}},"1579":{"sourceObj":{"__isSmartRef__":true,"id":1349},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane1Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1580},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1580":{"source":{"__isSmartRef__":true,"id":1349},"target":{"__isSmartRef__":true,"id":1123}},"1581":{"sourceObj":{"__isSmartRef__":true,"id":1349},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane1Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1582},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1582":{"source":{"__isSmartRef__":true,"id":1349},"target":{"__isSmartRef__":true,"id":1123}},"1583":{"onDownPressed":{"__isSmartRef__":true,"id":1584},"onUpPressed":{"__isSmartRef__":true,"id":1591}},"1584":{"varMapping":{"__isSmartRef__":true,"id":1585},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1590},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1585":{"this":{"__isSmartRef__":true,"id":1349},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1586}},"1586":{"$super":{"__isSmartRef__":true,"id":1587}},"1587":{"varMapping":{"__isSmartRef__":true,"id":1588},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1589},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1588":{"obj":{"__isSmartRef__":true,"id":1349},"name":"onDownPressed"},"1589":{},"1590":{},"1591":{"varMapping":{"__isSmartRef__":true,"id":1592},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1597},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1592":{"this":{"__isSmartRef__":true,"id":1349},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1593}},"1593":{"$super":{"__isSmartRef__":true,"id":1594}},"1594":{"varMapping":{"__isSmartRef__":true,"id":1595},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1596},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1595":{"obj":{"__isSmartRef__":true,"id":1349},"name":"onUpPressed"},"1596":{},"1597":{},"1598":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1349}},"1599":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"setPane2Content","targetObj":{"__isSmartRef__":true,"id":1600},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1645},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1600":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1601},"derivationIds":[],"id":"C65993EF-1631-4DB3-BB5E-6057261D386F","renderContextTable":{"__isSmartRef__":true,"id":1607},"itemList":[{"__isSmartRef__":true,"id":1608},{"__isSmartRef__":true,"id":1610},{"__isSmartRef__":true,"id":1612},{"__isSmartRef__":true,"id":1614},{"__isSmartRef__":true,"id":1616}],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":1618},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1619},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":1620},"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1621},"attributeConnections":[{"__isSmartRef__":true,"id":1622},{"__isSmartRef__":true,"id":1624},{"__isSmartRef__":true,"id":1626},{"__isSmartRef__":true,"id":1628}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1630},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"1601":{"_Position":{"__isSmartRef__":true,"id":1602},"renderContextTable":{"__isSmartRef__":true,"id":1603},"_Extent":{"__isSmartRef__":true,"id":1604},"_Padding":{"__isSmartRef__":true,"id":1605},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":1606},"_NodeClass":["morph","box","list"],"_NodeId":"morph-c65993ef-1631-4db3-bb5e-6057261d386f","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1602":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1603":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1604":{"x":233.99999999999986,"y":338.54999999999984,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1605":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1606":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1607":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"1608":{"isListItem":true,"string":"lively.morphic.RelativeLayer","value":{"__isSmartRef__":true,"id":1609}},"1609":{"target":{"__isSmartRef__":true,"id":1386},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.CopFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1610":{"isListItem":true,"string":"lively.morphic.HTMLMorph","value":{"__isSmartRef__":true,"id":1611}},"1611":{"target":{"__isSmartRef__":true,"id":1399},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1612":{"isListItem":true,"string":"lively.morphic.RelativeMorph","value":{"__isSmartRef__":true,"id":1613}},"1613":{"target":{"__isSmartRef__":true,"id":1416},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1614":{"isListItem":true,"string":"lively.morphic.Shapes.HTMLShape","value":{"__isSmartRef__":true,"id":1615}},"1615":{"target":{"__isSmartRef__":true,"id":1442},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1616":{"isListItem":true,"string":"lively.morphic.Shapes.NullShape","value":{"__isSmartRef__":true,"id":1617}},"1617":{"target":{"__isSmartRef__":true,"id":1464},"browser":{"__isSmartRef__":true,"id":1123},"__LivelyClassName__":"lively.ide.CategorizedClassFragmentNode","__SourceModuleName__":"Global.lively.ide.SystemBrowserNodes"},"1618":{"morph":{"__isSmartRef__":true,"id":1600},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1619":{"x":233.99999999999986,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1620":{"x":233.99999999999986,"y":338.91999999999985,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1621":{"scaleVertical":true,"scaleHorizontal":true},"1622":{"sourceObj":{"__isSmartRef__":true,"id":1600},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setPane2Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":1623},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1623":{"source":{"__isSmartRef__":true,"id":1600},"target":{"__isSmartRef__":true,"id":1123}},"1624":{"sourceObj":{"__isSmartRef__":true,"id":1600},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane2Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1625},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1625":{"source":{"__isSmartRef__":true,"id":1600},"target":{"__isSmartRef__":true,"id":1123}},"1626":{"sourceObj":{"__isSmartRef__":true,"id":1600},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane2Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1627},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1627":{"source":{"__isSmartRef__":true,"id":1600},"target":{"__isSmartRef__":true,"id":1123}},"1628":{"sourceObj":{"__isSmartRef__":true,"id":1600},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane2Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1629},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1629":{"source":{"__isSmartRef__":true,"id":1600},"target":{"__isSmartRef__":true,"id":1123}},"1630":{"onDownPressed":{"__isSmartRef__":true,"id":1631},"onUpPressed":{"__isSmartRef__":true,"id":1638}},"1631":{"varMapping":{"__isSmartRef__":true,"id":1632},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1637},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1632":{"this":{"__isSmartRef__":true,"id":1600},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1633}},"1633":{"$super":{"__isSmartRef__":true,"id":1634}},"1634":{"varMapping":{"__isSmartRef__":true,"id":1635},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1636},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1635":{"obj":{"__isSmartRef__":true,"id":1600},"name":"onDownPressed"},"1636":{},"1637":{},"1638":{"varMapping":{"__isSmartRef__":true,"id":1639},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1644},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1639":{"this":{"__isSmartRef__":true,"id":1600},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1640}},"1640":{"$super":{"__isSmartRef__":true,"id":1641}},"1641":{"varMapping":{"__isSmartRef__":true,"id":1642},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1643},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1642":{"obj":{"__isSmartRef__":true,"id":1600},"name":"onUpPressed"},"1643":{},"1644":{},"1645":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1600}},"1646":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"setPane3Content","targetObj":{"__isSmartRef__":true,"id":1647},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1682},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1647":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1648},"derivationIds":[],"id":"BFD7027F-2B0F-4820-9D28-CF5FE41DB35A","renderContextTable":{"__isSmartRef__":true,"id":1654},"itemList":["-----"],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":1655},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1656},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":1657},"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1658},"attributeConnections":[{"__isSmartRef__":true,"id":1659},{"__isSmartRef__":true,"id":1661},{"__isSmartRef__":true,"id":1663},{"__isSmartRef__":true,"id":1665}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1667},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"1648":{"_Position":{"__isSmartRef__":true,"id":1649},"renderContextTable":{"__isSmartRef__":true,"id":1650},"_Extent":{"__isSmartRef__":true,"id":1651},"_Padding":{"__isSmartRef__":true,"id":1652},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":1653},"_NodeClass":["morph","box","list"],"_NodeId":"morph-bfd7027f-2b0f-4820-9d28-cf5fe41db35a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1649":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1650":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1651":{"x":233.99999999999986,"y":338.54999999999984,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1652":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1653":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1654":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"1655":{"morph":{"__isSmartRef__":true,"id":1647},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1656":{"x":467.9999999999997,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1657":{"x":233.99999999999986,"y":338.91999999999985,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1658":{"scaleVertical":true,"scaleHorizontal":true},"1659":{"sourceObj":{"__isSmartRef__":true,"id":1647},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setPane3Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":1660},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1660":{"source":{"__isSmartRef__":true,"id":1647},"target":{"__isSmartRef__":true,"id":1123}},"1661":{"sourceObj":{"__isSmartRef__":true,"id":1647},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane3Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1662},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1662":{"source":{"__isSmartRef__":true,"id":1647},"target":{"__isSmartRef__":true,"id":1123}},"1663":{"sourceObj":{"__isSmartRef__":true,"id":1647},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane3Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1664},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1664":{"source":{"__isSmartRef__":true,"id":1647},"target":{"__isSmartRef__":true,"id":1123}},"1665":{"sourceObj":{"__isSmartRef__":true,"id":1647},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane3Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1666},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1666":{"source":{"__isSmartRef__":true,"id":1647},"target":{"__isSmartRef__":true,"id":1123}},"1667":{"onDownPressed":{"__isSmartRef__":true,"id":1668},"onUpPressed":{"__isSmartRef__":true,"id":1675}},"1668":{"varMapping":{"__isSmartRef__":true,"id":1669},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1674},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1669":{"this":{"__isSmartRef__":true,"id":1647},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1670}},"1670":{"$super":{"__isSmartRef__":true,"id":1671}},"1671":{"varMapping":{"__isSmartRef__":true,"id":1672},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1673},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1672":{"obj":{"__isSmartRef__":true,"id":1647},"name":"onDownPressed"},"1673":{},"1674":{},"1675":{"varMapping":{"__isSmartRef__":true,"id":1676},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1681},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1676":{"this":{"__isSmartRef__":true,"id":1647},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1677}},"1677":{"$super":{"__isSmartRef__":true,"id":1678}},"1678":{"varMapping":{"__isSmartRef__":true,"id":1679},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1680},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1679":{"obj":{"__isSmartRef__":true,"id":1647},"name":"onUpPressed"},"1680":{},"1681":{},"1682":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1647}},"1683":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"setPane4Content","targetObj":{"__isSmartRef__":true,"id":1684},"targetMethodName":"updateList","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1719},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1684":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1685},"derivationIds":[],"id":"E7EAD2B4-5BC3-443B-A4B1-978325720B7A","renderContextTable":{"__isSmartRef__":true,"id":1691},"itemList":["-----"],"_FontFamily":"Helvetica","eventHandler":{"__isSmartRef__":true,"id":1692},"grabbingEnabled":false,"droppingEnabled":true,"halosEnabled":true,"_ClipMode":"auto","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1693},"selection":null,"selectedLineNo":-1,"priorExtent":{"__isSmartRef__":true,"id":1694},"owner":{"__isSmartRef__":true,"id":1108},"layout":{"__isSmartRef__":true,"id":1695},"attributeConnections":[{"__isSmartRef__":true,"id":1696},{"__isSmartRef__":true,"id":1698},{"__isSmartRef__":true,"id":1700},{"__isSmartRef__":true,"id":1702}],"doNotSerialize":["$$selection"],"doNotCopyProperties":["$$selection"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1704},"__LivelyClassName__":"lively.morphic.List","__SourceModuleName__":"Global.lively.morphic.Core"},"1685":{"_Position":{"__isSmartRef__":true,"id":1686},"renderContextTable":{"__isSmartRef__":true,"id":1687},"_Extent":{"__isSmartRef__":true,"id":1688},"_Padding":{"__isSmartRef__":true,"id":1689},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":1690},"_NodeClass":["morph","box","list"],"_NodeId":"morph-e7ead2b4-5bc3-443b-a4b1-978325720b7a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1686":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1687":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1688":{"x":233.99999999999986,"y":338.54999999999984,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1689":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1690":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1691":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateListContent":"updateListContentHTML","resizeList":"resizeListHTML","getItemIndexFromEvent":"getItemIndexFromEventHTML","getListExtent":"getListExtentHTML","setSize":"setSizeHTML","renderAsDropDownList":"renderAsDropDownListHTML","setFontSize":"setFontSizeHTML","setFontFamily":"setFontFamilyHTML","getSelectedIndexes":"getSelectedIndexesHTML","enableMultipleSelections":"enableMultipleSelectionsHTML","selectAllAt":"selectAllAtHTML","clearSelections":"clearSelectionsHTML","deselectAt":"deselectAtHTML"},"1692":{"morph":{"__isSmartRef__":true,"id":1684},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1693":{"x":701.9999999999997,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1694":{"x":233.99999999999986,"y":338.91999999999985,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1695":{"scaleVertical":true,"scaleHorizontal":true},"1696":{"sourceObj":{"__isSmartRef__":true,"id":1684},"sourceAttrName":"selection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setPane4Selection","converter":null,"converterString":null,"updater":null,"updaterString":"function ($upd, v) { $upd(v, this.sourceObj) }","varMapping":{"__isSmartRef__":true,"id":1697},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1697":{"source":{"__isSmartRef__":true,"id":1684},"target":{"__isSmartRef__":true,"id":1123}},"1698":{"sourceObj":{"__isSmartRef__":true,"id":1684},"sourceAttrName":"getSelection","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane4Selection","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1699},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1699":{"source":{"__isSmartRef__":true,"id":1684},"target":{"__isSmartRef__":true,"id":1123}},"1700":{"sourceObj":{"__isSmartRef__":true,"id":1684},"sourceAttrName":"getList","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane4Content","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1701},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1701":{"source":{"__isSmartRef__":true,"id":1684},"target":{"__isSmartRef__":true,"id":1123}},"1702":{"sourceObj":{"__isSmartRef__":true,"id":1684},"sourceAttrName":"getMenu","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"getPane4Menu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1703},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1703":{"source":{"__isSmartRef__":true,"id":1684},"target":{"__isSmartRef__":true,"id":1123}},"1704":{"onDownPressed":{"__isSmartRef__":true,"id":1705},"onUpPressed":{"__isSmartRef__":true,"id":1712}},"1705":{"varMapping":{"__isSmartRef__":true,"id":1706},"source":"function onDownPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1711},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1706":{"this":{"__isSmartRef__":true,"id":1684},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1707}},"1707":{"$super":{"__isSmartRef__":true,"id":1708}},"1708":{"varMapping":{"__isSmartRef__":true,"id":1709},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1710},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1709":{"obj":{"__isSmartRef__":true,"id":1684},"name":"onDownPressed"},"1710":{},"1711":{},"1712":{"varMapping":{"__isSmartRef__":true,"id":1713},"source":"function onUpPressed(evt) {\n $super(evt);\n this.focus.bind(this).delay(0);\n return true;\n }","funcProperties":{"__isSmartRef__":true,"id":1718},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1713":{"this":{"__isSmartRef__":true,"id":1684},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1714}},"1714":{"$super":{"__isSmartRef__":true,"id":1715}},"1715":{"varMapping":{"__isSmartRef__":true,"id":1716},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1717},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1716":{"obj":{"__isSmartRef__":true,"id":1684},"name":"onUpPressed"},"1717":{},"1718":{},"1719":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1684}},"1720":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"setSourceString","targetObj":{"__isSmartRef__":true,"id":1721},"targetMethodName":"setTextString","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1737},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1721":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1722},"derivationIds":[],"id":"712CD817-B9E7-45D6-A46E-57F95AFA8BFE","renderContextTable":{"__isSmartRef__":true,"id":1727},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1728}],"eventHandler":{"__isSmartRef__":true,"id":1730},"_ClipMode":"auto","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Courier","_FontSize":10,"evalEnabled":false,"_Position":{"__isSmartRef__":true,"id":1731},"priorExtent":{"__isSmartRef__":true,"id":1732},"_MaxTextWidth":923.9999999999994,"_MinTextWidth":923.9999999999994,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1108},"accessibleInInactiveWindow":true,"layout":{"__isSmartRef__":true,"id":1733},"noEval":true,"syntaxHighlightingWhileTyping":true,"attributeConnections":[{"__isSmartRef__":true,"id":1734},{"__isSmartRef__":true,"id":1735}],"doNotSerialize":["$$textString","$$savedTextString"],"doNotCopyProperties":["$$textString","$$savedTextString"],"textString":"module('lively.morphic.HTMLExperiments').requires('lively.morphic.HTML').toRun(function() {\n\ncop.create('lively.morphic.RelativeLayer').refineClass(lively.morphic.Morph, {\n adjustOrigin: function() {},\n \n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n\n var parentNode = false;//ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"HTMLShape\") {\n \n parentNode = ownerCtx.shapeNode;\n parentNode.appendChild(ctx.shapeNode);\n \n }\n else if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n \n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode); \n \n }\n }\n\n \n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nsetPositionHTML: function(ctx) {},\n\nsetRotationHTML: function(ctx) {},\n\nsetScaleHTML: function(ctx) {},\n\n \n \n }\n);\n\nlively.morphic.Morph.subclass('lively.morphic.HTMLMorph',\n'settings', {\n tagName: 'div'\n},\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n },\n},\n'initializing', {\n initialize: function($super, bounds, tagName) {\n if (tagName) this.tagName = tagName;\n $super(new lively.morphic.Shapes.HTMLShape(this.tagName, bounds));\n } \n \n},\n\n'accessing',{\n resetExtent: function() {\n this.shape.resetExtent(); \n },\n setContent: function(content){\n this.renderContextDispatch('setContent', content);\n },\n setContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.shapeNode.appendChild(textNode);\n },\n getContent: function(){\n return this.content || \"\"; \n },\n addMorph: function($super, morph, optMorphBefore) {\n // enable Relative Layout Layer\n morph.addWithLayer(lively.morphic.RelativeLayer);\n $super(morph,optMorphBefore);\n },\n setAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(shapeNode).attr(attribute, value);\n else ctx.shapeNode.removeAttribute(attribute);\n},\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n \n\n\n}\n\n\n);\n\n\n\nlively.morphic.Morph.subclass('lively.morphic.RelativeMorph',\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n resetExtent: 'resetExtentHTML',\n },\n},\n'properties', {\n \ntagName: 'div',\n \nadjustOrigin: function() {\n \n},\ninitialize: function($super, tag, optContent) {\n if (tag) this.tagName = tag;\n if (optContent) this.content = optContent;\n $super(new lively.morphic.Shapes.NullShape());\n},\nappendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"NullShape\") {\n \n parentNode = ownerCtx.morphNode; \n \n }\n else\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode);\n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetPosition: function() {\n var ctx = this.renderContext();\n //var ownerCtx = this.owner.renderContext();\n var ownerPos = this.owner.getPosition();\n //var p = $(ctx.morphNode).position();\n var o = $(ctx.morphNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n},\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\n\n \ninitHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = XHTMLNS.create(this.tagName);;\n if (this.content) this.setContentHTML(ctx, this.content);\n if (this.extentOverride) this.setExtent(this.extentOverride);\n else this.resetExtent();\n this.setFocusableHTML(ctx, this.isFocusable());\n //this.setPivotPointHTML(ctx, this.getPivotPoint())\n //ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n //this.setPositionHTML(ctx, this.getPosition());\n //this.setRotationHTML(ctx, this.getRotation());\n //this.setScaleHTML(ctx, this.getScale());\n //this.setClipModeHTML(ctx, this.getClipMode());\n //this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\nsetContent: function(content){\n this.renderContextDispatch('setContent', content); \n},\nsetContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.morphNode.appendChild(textNode);\n},\ngetContent: function(){\n return this.content || \"\"; \n},\n\nsetAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(ctx.morphNode).attr(attribute, value);\n else ctx.morphNode.removeAttribute(attribute);\n},\nsetPositionHTML: function(ctx) {\n \n},\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nresetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n},\n\nresetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.morphNode.style.width = null;\n ctx.morphNode.style.height = null; \n},\n\n\nsetRotationHTML: function(ctx) {\n \n},\n\nsetScaleHTML: function(ctx) {\n \n},\n\n\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n});\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.HTMLShape',\n'documentation', {\n documentation: 'an HTMLMorph shape',\n},\n'initializing', {\n\n htmlDispatchTable: {\n resetExtent: 'resetExtentHTML',\n },\n\n initialize: function($super, tagName, optBounds){\n this.tagName = tagName;\n $super(optBounds);\n },\n \n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = XHTMLNS.create(this.tagName);\n },\n\n},\n'updating', {\n resetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n },\n\n resetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.shapeNode.style.width = null;\n ctx.shapeNode.style.height = null; \n },\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var ownerPos = this.owner.getPosition();\n var o = $(ctx.shapeNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n \n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.shapeNode).width(), $(ctx.shapeNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.shapeNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.shapeNode).outerWidth();\n var h = $(ctx.shapeNode).outerHeight();\n return pt(w, h);\n },\n\n setFillHTML: function(ctx, value) {},\n\n setBorderStyleHTML: function(ctx, value) {},\n setBorderWidthHTML: function(ctx, width) {},\n setBorderHTML: function(ctx, width, fill, opacity) {},\n\n setOpacityHTML: function(ctx, value) {},\n setPaddingHTML: function(ctx, r) {},\n\n\n \n\n\n}\n);\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.NullShape',\n'documentation', {\n documentation: 'a shape that does not get rendered and acts as a proxy to the morph itself',\n},\n'initializing', {\n initHTML: function(ctx) {\n ctx.shapeNode = XHTMLNS.create('div');\n },\n renderHTML: function(ctx) {\n\n },\n},\n'updating', {\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var p = $(ctx.morphNode).position();\n return pt(p.left, p.top);\n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.morphNode).width(), $(ctx.morphNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.morphNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.morphNode).outerWidth();\n var h = $(ctx.morphNode).outerHeight();\n return pt(w, h);\n },\n\n \n setFillHTML: function(ctx, value) {\n \n },\n\n setBorderStyleHTML: function(ctx, value) {\n\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n\n\n setBorderHTML: function(ctx, width, fill, opacity) {\n\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n\n },\n setPaddingHTML: function(ctx, r) {\n\n },\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.morphNode.id = value;\n },\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.morphNode.className = a;\n },\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.morphNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Morph node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.morphNode) return;\n var style = window.getComputedStyle(ctx.morphNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n \n\n\n}\n);\n\n\n\n}) // end of module","_syntaxHighlightTimeout":null,"parseErrors":null,"lastSyntaxHighlightTime":0,"specialHighlighting":"topLevel","styleClass":["Browser_codePaneText"],"focusHaloBorderWidth":0.5,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1722":{"_Position":{"__isSmartRef__":true,"id":1723},"renderContextTable":{"__isSmartRef__":true,"id":1724},"_Extent":{"__isSmartRef__":true,"id":1725},"_Padding":{"__isSmartRef__":true,"id":1726},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":956},"_Fill":{"__isSmartRef__":true,"id":124},"_NodeClass":["morph","text"],"_NodeId":"morph-712cd817-b9e7-45d6-a46e-57f95afa8bfe","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1723":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1724":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1725":{"x":935.9999999999994,"y":503.24999999999994,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1726":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1727":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1728":{"style":{"__isSmartRef__":true,"id":1729},"chunkOwner":{"__isSmartRef__":true,"id":1721},"_id":"_321","storedString":"module('lively.morphic.HTMLExperiments').requires('lively.morphic.HTML').toRun(function() {\n\ncop.create('lively.morphic.RelativeLayer').refineClass(lively.morphic.Morph, {\n adjustOrigin: function() {},\n \n appendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n\n var parentNode = false;//ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"HTMLShape\") {\n \n parentNode = ownerCtx.shapeNode;\n parentNode.appendChild(ctx.shapeNode);\n \n }\n else if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n \n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode); \n \n }\n }\n\n \n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nsetPositionHTML: function(ctx) {},\n\nsetRotationHTML: function(ctx) {},\n\nsetScaleHTML: function(ctx) {},\n\n \n \n }\n);\n\nlively.morphic.Morph.subclass('lively.morphic.HTMLMorph',\n'settings', {\n tagName: 'div'\n},\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n },\n},\n'initializing', {\n initialize: function($super, bounds, tagName) {\n if (tagName) this.tagName = tagName;\n $super(new lively.morphic.Shapes.HTMLShape(this.tagName, bounds));\n } \n \n},\n\n'accessing',{\n resetExtent: function() {\n this.shape.resetExtent(); \n },\n setContent: function(content){\n this.renderContextDispatch('setContent', content);\n },\n setContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.shapeNode.appendChild(textNode);\n },\n getContent: function(){\n return this.content || \"\"; \n },\n addMorph: function($super, morph, optMorphBefore) {\n // enable Relative Layout Layer\n morph.addWithLayer(lively.morphic.RelativeLayer);\n $super(morph,optMorphBefore);\n },\n setAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(shapeNode).attr(attribute, value);\n else ctx.shapeNode.removeAttribute(attribute);\n},\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n \n\n\n}\n\n\n);\n\n\n\nlively.morphic.Morph.subclass('lively.morphic.RelativeMorph',\n'HTML render settings', {\n htmlDispatchTable: {\n setContent: 'setContentHTML',\n setAttribute: 'setAttributeHTML',\n resetExtent: 'resetExtentHTML',\n },\n},\n'properties', {\n \ntagName: 'div',\n \nadjustOrigin: function() {\n \n},\ninitialize: function($super, tag, optContent) {\n if (tag) this.tagName = tag;\n if (optContent) this.content = optContent;\n $super(new lively.morphic.Shapes.NullShape());\n},\nappendHTML: function(ctx, optMorphAfter) {\n if (!ctx.morphNode) throw dbgOn(new Error('no ctx.morphNode!'));\n var parentNode = ctx.morphNode.parentNode;\n if (!parentNode) {\n var ownerCtx = this.owner && this.owner.renderContext();\n parentNode = (ownerCtx && ownerCtx.shapeNode) || ctx.parentNode;\n \n if (this.owner.getShape().constructor.name === \"NullShape\") {\n \n parentNode = ownerCtx.morphNode; \n \n }\n else\n if (parentNode && ownerCtx && ownerCtx.shapeNode && parentNode === ownerCtx.shapeNode) {\n\n if (!ownerCtx.originNode) {\n ownerCtx.originNode = ownerCtx.domInterface.htmlRect();\n ownerCtx.shapeNode.appendChild(ownerCtx.originNode);\n }\n this.owner.shape.compensateShapeNode(ownerCtx);\n \n parentNode = ownerCtx.originNode;\n }\n\n if (!parentNode) {\n if (Config.debugMissingParentNode) debugger\n alert('Cannot render ' + this + ' without parentNode')\n return;\n }\n }\n\n var afterNode = optMorphAfter && optMorphAfter.renderContext().getMorphNode();\n this.insertMorphNodeInHTML(ctx, ctx.morphNode, parentNode, afterNode);\n //if (this.originClass) this.setOriginClassHTML(ctx, this.originClass);\n this.getShape().renderUsing(ctx);\n },\n \ngetBounds: function() {\n var p = this.getPosition();\n var e = this.getExtent();\n return new Rectangle(p.x, p.y, e.x, e.y);\n},\n\ngetPosition: function() {\n var ctx = this.renderContext();\n //var ownerCtx = this.owner.renderContext();\n var ownerPos = this.owner.getPosition();\n //var p = $(ctx.morphNode).position();\n var o = $(ctx.morphNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n},\ngetRotation: function() {\n return 0;\n},\ngetScale: function() {\n return 1;\n},\n\n\n \ninitHTML: function(ctx) {\n if (!ctx.morphNode) ctx.morphNode = XHTMLNS.create(this.tagName);;\n if (this.content) this.setContentHTML(ctx, this.content);\n if (this.extentOverride) this.setExtent(this.extentOverride);\n else this.resetExtent();\n this.setFocusableHTML(ctx, this.isFocusable());\n //this.setPivotPointHTML(ctx, this.getPivotPoint())\n //ctx.domInterface.setHTMLTransformOrigin(ctx.morphNode, pt(0,0));\n //this.setPositionHTML(ctx, this.getPosition());\n //this.setRotationHTML(ctx, this.getRotation());\n //this.setScaleHTML(ctx, this.getScale());\n //this.setClipModeHTML(ctx, this.getClipMode());\n //this.setHandStyleHTML(ctx, this.getHandStyle());\n this.setPointerEventsHTML(ctx, this.getPointerEvents());\n if (this.morphicGetter('Visible') === false)\n this.setVisibleHTML(ctx, false);\n var tooltip = this.morphicGetter('ToolTip');\n tooltip && this.setToolTipHTML(ctx, tooltip);\n if (UserAgent.fireFoxVersion)\n ctx.morphNode['-moz-user-modify'] = 'read-only'\n },\nsetContent: function(content){\n this.renderContextDispatch('setContent', content); \n},\nsetContentHTML: function(ctx, content){\n this.content = content;\n var textNode = document.createTextNode(content);\n ctx.morphNode.appendChild(textNode);\n},\ngetContent: function(){\n return this.content || \"\"; \n},\n\nsetAttribute: function(attribute, value) {\n this.renderContextDispatch('setAttribute', attribute, value); \n},\nsetAttributeHTML: function(ctx, attribute, value) {\n if (value) $(ctx.morphNode).attr(attribute, value);\n else ctx.morphNode.removeAttribute(attribute);\n},\nsetPositionHTML: function(ctx) {\n \n},\nsetExtent: function($super, value) {\n this.extentOverride = value;\n $super(value);\n},\n\nresetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n},\n\nresetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.morphNode.style.width = null;\n ctx.morphNode.style.height = null; \n},\n\n\nsetRotationHTML: function(ctx) {\n \n},\n\nsetScaleHTML: function(ctx) {\n \n},\n\n\n\n morphMenuItems: function($super) {\n var self = this, items = $super();\n items.push([\n 'Set content', function(evt) {\n $world.prompt('Set content', function(input) {\n if (input !== null)\n self.setContent(input || '');\n }, self.getContent());\n }]);\n items.push([\n 'Reset extent', function(evt) {\n self.resetExtent();\n }]);\n return items;\n }\n});\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.HTMLShape',\n'documentation', {\n documentation: 'an HTMLMorph shape',\n},\n'initializing', {\n\n htmlDispatchTable: {\n resetExtent: 'resetExtentHTML',\n },\n\n initialize: function($super, tagName, optBounds){\n this.tagName = tagName;\n $super(optBounds);\n },\n \n initHTML: function(ctx) {\n if (!ctx.shapeNode)\n ctx.shapeNode = XHTMLNS.create(this.tagName);\n },\n\n},\n'updating', {\n resetExtent: function() {\n this.renderContextDispatch('resetExtent'); \n\n },\n\n resetExtentHTML: function(ctx){\n this.extentOverride = null;\n ctx.shapeNode.style.width = null;\n ctx.shapeNode.style.height = null; \n },\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var ownerPos = this.owner.getPosition();\n var o = $(ctx.shapeNode).offset();\n return pt(o.left, o.top).subPt(ownerPos);\n \n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n ctx.domInterface.setPosition(ctx.shapeNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.shapeNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.shapeNode).width(), $(ctx.shapeNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.shapeNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.shapeNode).outerWidth();\n var h = $(ctx.shapeNode).outerHeight();\n return pt(w, h);\n },\n\n setFillHTML: function(ctx, value) {},\n\n setBorderStyleHTML: function(ctx, value) {},\n setBorderWidthHTML: function(ctx, width) {},\n setBorderHTML: function(ctx, width, fill, opacity) {},\n\n setOpacityHTML: function(ctx, value) {},\n setPaddingHTML: function(ctx, r) {},\n\n\n \n\n\n}\n);\n\n\nlively.morphic.Shapes.Shape.subclass('lively.morphic.Shapes.NullShape',\n'documentation', {\n documentation: 'a shape that does not get rendered and acts as a proxy to the morph itself',\n},\n'initializing', {\n initHTML: function(ctx) {\n ctx.shapeNode = XHTMLNS.create('div');\n },\n renderHTML: function(ctx) {\n\n },\n},\n'updating', {\n getBounds: function($super) {\n return pt(0,0).extent(this.getExtent())\n },\n getPosition: function() {\n var ctx = this.renderContext();\n var p = $(ctx.morphNode).position();\n return pt(p.left, p.top);\n },\n setPositionHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n ctx.domInterface.setPosition(ctx.morphNode, value);\n },\n setExtentHTML: function(ctx, value) {\n if (!ctx.morphNode) return undefined;\n var outer = this.getExtent();\n var inner = pt($(ctx.morphNode).width(), $(ctx.morphNode).height());\n var delta = outer.subPt(inner);\n ctx.domInterface.setExtent(ctx.morphNode, value.subPt(delta));\n\n return value;\n },\n getExtent: function(){\n var ctx = this.renderContext();\n var w = $(ctx.morphNode).outerWidth();\n var h = $(ctx.morphNode).outerHeight();\n return pt(w, h);\n },\n\n \n setFillHTML: function(ctx, value) {\n \n },\n\n setBorderStyleHTML: function(ctx, value) {\n\n },\n setBorderWidthHTML: function(ctx, width) {\n this.setBorderHTML(ctx, width, this.getBorderColor(), this.getStrokeOpacity());\n // since border influences width/height in HTML, see this.setExtentHTML\n this.setExtentHTML(ctx, this.getExtent());\n return width;\n },\n\n\n setBorderHTML: function(ctx, width, fill, opacity) {\n\n },\n compensateShapeNode: function(ctx) {\n // compensates the shapeNode's position for childmorphs,\n // positions childmorphs against morphNodes (origin!)\n ctx.originNode.style.setProperty('top', -this.getPosition().y + 'px', 'important');\n ctx.originNode.style.setProperty('left', -this.getPosition().x + 'px', 'important');\n ctx.originNode.style.setProperty('position', 'absolute', 'important');\n\n // FIXME: hack, necessary until the style editor knows\n // about stroke widths of svg lines instead of using borderWidth...\n if (ctx.pathNode) return;\n\n // compensates the shapeNode's borderWidth for childmorphs, borders don't affect submorphs\n ctx.originNode.style.setProperty('margin-top', -this.getBorderWidth() + 'px', 'important');\n ctx.originNode.style.setProperty('margin-left', -this.getBorderWidth() + 'px', 'important');\n },\n setOpacityHTML: function(ctx, value) {\n\n },\n setPaddingHTML: function(ctx, r) {\n\n },\n setNodeIdHTML: function(ctx, value) {\n //console.log(\"HTML.js, setStyleIdHTML(): Ok, got it, setting shape HTML id to \"+value);\n ctx.morphNode.id = value;\n },\n setNodeClassHTML: function(ctx, value) {\n var a = value;\n if (value instanceof Array) {\n a = value.join(\" \");\n }\n ctx.morphNode.className = a;\n },\n setStyleSheetHTML: function(ctx, value) {\n var morphId = ctx.morphNode.id;\n if (!morphId) {\n alert(\"Cannot set morph specific style sheet. Morph node was not assigned any id.\");\n return;\n }\n\n var styleTagId = \"style-for-\"+morphId;\n\n\t var css = $('#' + styleTagId);\n\t css.remove();\n\n if (value && value.length > 1) {\n \n \t //console.log(\"Setting CSS for shape \"+morphId+\" to \"+value);\n var specificCss = \"#\"+morphId+\" { \"+value+\" }\";\n \n // syntax fixes for the sap gold reflection css\n specificCss = specificCss.replace(/[\\s]*=[\\s]*/g,\"=\");\n specificCss = specificCss.replace(/alpha[\\s]*\\([\\s]*opacity[\\s]*\\:/g,\"alpha(opacity=\");\n specificCss = specificCss.replace(\".dev-datepicker/jQuery\",\".dev-datepicker.jQuery\");\n \n\n if (less) {\n new less.Parser().parse(specificCss, function(e, tree) {\n console.log(e);\n specificCss = tree.toCSS();\n });\n console.log(specificCss);\n }\n\n\n\t css = $('');\n\t css.text(specificCss);\n\t css.appendTo(document.head);\n }\n\n },\n\n setComputedStylesHTML: function(ctx) {\n \n if (!ctx.morphNode) return;\n var style = window.getComputedStyle(ctx.morphNode),\n borderWidth = parseInt(style[\"borderWidth\"].replace(\"px\",\"\"));\n this.shapeSetter('ComputedBorderWidth', borderWidth );\n\n if (ctx.originNode) {\n this.compensateShapeNode(ctx);\n }\n this.setExtentHTML(ctx, this.getExtent());\n \n },\n \n\n\n}\n);\n\n\n\n}) // end of module","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1729":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1730":{"morph":{"__isSmartRef__":true,"id":1721},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1731":{"x":0,"y":411.7499999999998,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1732":{"x":935.9999999999994,"y":503.8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1733":{"scaleVertical":true,"scaleHorizontal":true},"1734":{"sourceObj":{"__isSmartRef__":true,"id":1721},"sourceAttrName":"textString","targetObj":{"__isSmartRef__":true,"id":1721},"targetMethodName":"highlightJavaScriptSyntax","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1735":{"sourceObj":{"__isSmartRef__":true,"id":1721},"sourceAttrName":"savedTextString","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setSourceString","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1736},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1736":{"source":{"__isSmartRef__":true,"id":1721},"target":{"__isSmartRef__":true,"id":1123}},"1737":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1721}},"1738":{"sourceObj":{"__isSmartRef__":true,"id":1123},"sourceAttrName":"targetURL","targetObj":{"__isSmartRef__":true,"id":1109},"targetMethodName":"setTextString","converter":null,"converterString":null,"updaterString":"function ($upd, value) { value && $upd(String(value)) }","varMapping":{"__isSmartRef__":true,"id":1739},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1740},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1739":{"source":{"__isSmartRef__":true,"id":1123},"target":{"__isSmartRef__":true,"id":1109}},"1740":{"updater":{"__isSmartRef__":true,"id":1741}},"1741":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":1739},"source":"function ($upd, value) { value && $upd(String(value)) }","funcProperties":{"__isSmartRef__":true,"id":1742},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1742":{},"1743":{"source":{"__isSmartRef__":true,"id":1109},"target":{"__isSmartRef__":true,"id":1123}},"1744":{"submorphs":[{"__isSmartRef__":true,"id":1745}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1756},"derivationIds":[],"id":"5DF0667E-ED52-4B21-96C9-E5178E3AB82C","renderContextTable":{"__isSmartRef__":true,"id":1767},"eventHandler":{"__isSmartRef__":true,"id":1768},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1769},"priorExtent":{"__isSmartRef__":true,"id":1755},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1745},"owner":{"__isSmartRef__":true,"id":1108},"attributeConnections":[{"__isSmartRef__":true,"id":1770}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"layout":{"__isSmartRef__":true,"id":1772},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1745":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1746},"derivationIds":[],"id":"F854A4B9-087F-459A-990F-957471B76631","renderContextTable":{"__isSmartRef__":true,"id":1751},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1752}],"eventHandler":{"__isSmartRef__":true,"id":1754},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1744},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1755},"_MaxTextWidth":108.31999999999991,"_MinTextWidth":108.31999999999991,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1746":{"_Position":{"__isSmartRef__":true,"id":1747},"renderContextTable":{"__isSmartRef__":true,"id":1748},"_Extent":{"__isSmartRef__":true,"id":1749},"_Padding":{"__isSmartRef__":true,"id":1750},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-f854a4b9-087f-459a-990f-957471b76631","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1747":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1748":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1749":{"x":112.31999999999991,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1750":{"x":2,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1751":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1752":{"style":{"__isSmartRef__":true,"id":1753},"chunkOwner":{"__isSmartRef__":true,"id":1745},"_id":"_84","storedString":"codebase","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1753":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1754":{"morph":{"__isSmartRef__":true,"id":1745},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1755":{"x":112.31999999999991,"y":27.480000000000015,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1756":{"_Position":{"__isSmartRef__":true,"id":1757},"renderContextTable":{"__isSmartRef__":true,"id":1758},"_Extent":{"__isSmartRef__":true,"id":1749},"_Padding":{"__isSmartRef__":true,"id":1759},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-5df0667e-ed52-4b21-96c9-e5178e3ab82c","_Fill":{"__isSmartRef__":true,"id":1760},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1757":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1758":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1759":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1760":{"stops":[{"__isSmartRef__":true,"id":1761},{"__isSmartRef__":true,"id":1763},{"__isSmartRef__":true,"id":1764},{"__isSmartRef__":true,"id":1765}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1761":{"offset":0,"color":{"__isSmartRef__":true,"id":1762}},"1762":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1763":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1764":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1765":{"offset":1,"color":{"__isSmartRef__":true,"id":1766}},"1766":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1767":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1768":{"morph":{"__isSmartRef__":true,"id":1744},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1769":{"x":748.7999999999994,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1770":{"sourceObj":{"__isSmartRef__":true,"id":1744},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setTargetURL","converter":null,"converterString":"function () { return URL.codeBase.withFilename('lively/')}","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1771},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1771":{"source":{"__isSmartRef__":true,"id":1744},"target":{"__isSmartRef__":true,"id":1123}},"1772":{"scaleVertical":true,"scaleHorizontal":true},"1773":{"submorphs":[{"__isSmartRef__":true,"id":1774}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1785},"derivationIds":[],"id":"215E5CDF-2D8F-49A5-B76E-871A233AE4D5","renderContextTable":{"__isSmartRef__":true,"id":1796},"eventHandler":{"__isSmartRef__":true,"id":1797},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1798},"priorExtent":{"__isSmartRef__":true,"id":1784},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1774},"owner":{"__isSmartRef__":true,"id":1108},"attributeConnections":[{"__isSmartRef__":true,"id":1799}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"layout":{"__isSmartRef__":true,"id":1801},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1774":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1775},"derivationIds":[],"id":"B27BD341-067F-43ED-9DA8-3E3CB7F0754D","renderContextTable":{"__isSmartRef__":true,"id":1780},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1781}],"eventHandler":{"__isSmartRef__":true,"id":1783},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1773},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1784},"_MaxTextWidth":70.87999999999995,"_MinTextWidth":70.87999999999995,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1775":{"_Position":{"__isSmartRef__":true,"id":1776},"renderContextTable":{"__isSmartRef__":true,"id":1777},"_Extent":{"__isSmartRef__":true,"id":1778},"_Padding":{"__isSmartRef__":true,"id":1779},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-b27bd341-067f-43ed-9da8-3e3cb7f0754d","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1776":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1777":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1778":{"x":74.87999999999995,"y":27.450000000000014,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1779":{"x":2,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1780":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1781":{"style":{"__isSmartRef__":true,"id":1782},"chunkOwner":{"__isSmartRef__":true,"id":1774},"_id":"_85","storedString":"local","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1782":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1783":{"morph":{"__isSmartRef__":true,"id":1774},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1784":{"x":74.87999999999995,"y":27.480000000000015,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1785":{"_Position":{"__isSmartRef__":true,"id":1786},"renderContextTable":{"__isSmartRef__":true,"id":1787},"_Extent":{"__isSmartRef__":true,"id":1778},"_Padding":{"__isSmartRef__":true,"id":1788},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-215e5cdf-2d8f-49a5-b76e-871a233ae4d5","_Fill":{"__isSmartRef__":true,"id":1789},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1786":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1787":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1788":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1789":{"stops":[{"__isSmartRef__":true,"id":1790},{"__isSmartRef__":true,"id":1792},{"__isSmartRef__":true,"id":1793},{"__isSmartRef__":true,"id":1794}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1790":{"offset":0,"color":{"__isSmartRef__":true,"id":1791}},"1791":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1792":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1793":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1794":{"offset":1,"color":{"__isSmartRef__":true,"id":1795}},"1795":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1796":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1797":{"morph":{"__isSmartRef__":true,"id":1773},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1798":{"x":861.1199999999993,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1799":{"sourceObj":{"__isSmartRef__":true,"id":1773},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1123},"targetMethodName":"setTargetURL","converter":null,"converterString":"function () {\n return $world.getUserName() ? $world.getUserDir() : URL.source.getDirectory() }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1800},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1800":{"source":{"__isSmartRef__":true,"id":1773},"target":{"__isSmartRef__":true,"id":1123}},"1801":{"scaleVertical":true,"scaleHorizontal":true},"1802":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1803},"derivationIds":[],"id":"7AEFC31C-29FB-41B6-9D46-01BDCB71BE73","renderContextTable":{"__isSmartRef__":true,"id":1808},"eventHandler":{"__isSmartRef__":true,"id":1809},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"draggingEnabled":true,"_Position":{"__isSmartRef__":true,"id":1810},"fixed":[{"__isSmartRef__":true,"id":1125},{"__isSmartRef__":true,"id":1156},{"__isSmartRef__":true,"id":1187},{"__isSmartRef__":true,"id":1218},{"__isSmartRef__":true,"id":1249},{"__isSmartRef__":true,"id":1280},{"__isSmartRef__":true,"id":1311}],"scalingBelow":[{"__isSmartRef__":true,"id":1721}],"scalingAbove":[{"__isSmartRef__":true,"id":1349},{"__isSmartRef__":true,"id":1600},{"__isSmartRef__":true,"id":1647},{"__isSmartRef__":true,"id":1684}],"minHeight":20,"pointerConnection":null,"priorExtent":{"__isSmartRef__":true,"id":1811},"owner":{"__isSmartRef__":true,"id":1108},"styleClass":["Browser_resizer"],"layout":{"__isSmartRef__":true,"id":1812},"__LivelyClassName__":"lively.morphic.HorizontalDivider","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1803":{"_Position":{"__isSmartRef__":true,"id":1804},"renderContextTable":{"__isSmartRef__":true,"id":1805},"_Extent":{"__isSmartRef__":true,"id":1806},"_Padding":{"__isSmartRef__":true,"id":1807},"_Fill":{"__isSmartRef__":true,"id":1040},"_NodeClass":["morph","box","horizontaldivider"],"_NodeId":"morph-7aefc31c-29fb-41b6-9d46-01bdcb71be73","_BorderRadius":3,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1804":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1805":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1806":{"x":935.9999999999994,"y":9.149999999999997,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1807":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1808":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1809":{"morph":{"__isSmartRef__":true,"id":1802},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1810":{"x":0,"y":402.59999999999974,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1811":{"x":935.9999999999994,"y":9.159999999999998,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1812":{"scaleVertical":true,"scaleHorizontal":true},"1813":{"_Position":{"__isSmartRef__":true,"id":1814},"renderContextTable":{"__isSmartRef__":true,"id":1815},"_Extent":{"__isSmartRef__":true,"id":1816},"_Padding":{"__isSmartRef__":true,"id":1817},"_NodeClass":["morph","box","panel","browserpanel"],"_NodeId":"morph-c18fdd92-1a70-4964-b921-c17298440604","_Fill":{"__isSmartRef__":true,"id":1818},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1814":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1815":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1816":{"x":936,"y":915,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1817":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1818":{"r":0.9019607843137255,"g":0.9019607843137255,"b":0.9019607843137255,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1819":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1820":{"morph":{"__isSmartRef__":true,"id":1108},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1821":{"resizeWidth":true,"resizeHeight":true,"adjustForNewBounds":true},"1822":{"x":0,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1823":{"x":936,"y":915,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1824":{"submorphs":[{"__isSmartRef__":true,"id":1825},{"__isSmartRef__":true,"id":1838},{"__isSmartRef__":true,"id":1871},{"__isSmartRef__":true,"id":1902}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1934},"derivationIds":[],"id":"C230D5FC-D9A1-49FA-B151-EB7B44603B8A","renderContextTable":{"__isSmartRef__":true,"id":1939},"eventHandler":{"__isSmartRef__":true,"id":1940},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1941},"_Position":{"__isSmartRef__":true,"id":1942},"windowMorph":{"__isSmartRef__":true,"id":1107},"label":{"__isSmartRef__":true,"id":1825},"closeButton":{"__isSmartRef__":true,"id":1838},"menuButton":{"__isSmartRef__":true,"id":1871},"collapseButton":{"__isSmartRef__":true,"id":1902},"priorExtent":{"__isSmartRef__":true,"id":1943},"owner":{"__isSmartRef__":true,"id":1107},"__LivelyClassName__":"lively.morphic.TitleBar","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1825":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1826},"derivationIds":[],"id":"022A427A-152B-4A2A-94FA-87430177B3F4","renderContextTable":{"__isSmartRef__":true,"id":1831},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1832}],"eventHandler":{"__isSmartRef__":true,"id":1834},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"isLabel":true,"_HandStyle":"default","layout":{"__isSmartRef__":true,"id":1835},"_TextColor":{"__isSmartRef__":true,"id":956},"_Align":"center","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":1824},"_Position":{"__isSmartRef__":true,"id":1836},"priorExtent":{"__isSmartRef__":true,"id":1837},"_MaxTextWidth":877,"_MinTextWidth":877,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1826":{"_Position":{"__isSmartRef__":true,"id":1827},"renderContextTable":{"__isSmartRef__":true,"id":1828},"_Extent":{"__isSmartRef__":true,"id":1829},"_Padding":{"__isSmartRef__":true,"id":1830},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-022a427a-152b-4a2a-94fa-87430177b3f4","_BorderRadius":0,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1827":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1828":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1829":{"x":877,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1830":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1831":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1832":{"style":{"__isSmartRef__":true,"id":1833},"chunkOwner":{"__isSmartRef__":true,"id":1825},"_id":"_322","storedString":"HTMLExperiments.js","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1833":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","fontWeight":"normal","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1834":{"morph":{"__isSmartRef__":true,"id":1825},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1835":{"resizeWidth":true},"1836":{"x":20,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1837":{"x":877,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1838":{"submorphs":[{"__isSmartRef__":true,"id":1839}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1850},"derivationIds":[],"id":"EC0828B7-2989-4AAD-BEE8-20EEA79D25BC","renderContextTable":{"__isSmartRef__":true,"id":1862},"eventHandler":{"__isSmartRef__":true,"id":1863},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":1864},"priorExtent":{"__isSmartRef__":true,"id":1865},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1839},"owner":{"__isSmartRef__":true,"id":1824},"layout":{"__isSmartRef__":true,"id":1866},"attributeConnections":[{"__isSmartRef__":true,"id":1867},{"__isSmartRef__":true,"id":1869}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1839":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1840},"derivationIds":[],"id":"82954D0F-2014-40B3-B94F-46C8BBDB0BA5","renderContextTable":{"__isSmartRef__":true,"id":1845},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1846}],"eventHandler":{"__isSmartRef__":true,"id":1848},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1838},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1849},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1840":{"_Position":{"__isSmartRef__":true,"id":1841},"renderContextTable":{"__isSmartRef__":true,"id":1842},"_Extent":{"__isSmartRef__":true,"id":1843},"_Padding":{"__isSmartRef__":true,"id":1844},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-82954d0f-2014-40b3-b94f-46c8bbdb0ba5","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1841":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1842":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1843":{"x":15,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1844":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1845":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1846":{"style":{"__isSmartRef__":true,"id":1847},"chunkOwner":{"__isSmartRef__":true,"id":1839},"_id":"_119","storedString":"X","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1847":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1848":{"morph":{"__isSmartRef__":true,"id":1839},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1849":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1850":{"_Position":{"__isSmartRef__":true,"id":1851},"renderContextTable":{"__isSmartRef__":true,"id":1852},"_Extent":{"__isSmartRef__":true,"id":1853},"_Padding":{"__isSmartRef__":true,"id":1854},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":167},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-ec0828b7-2989-4aad-bee8-20eea79d25bc","_Fill":{"__isSmartRef__":true,"id":1855},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1851":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1852":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1853":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1854":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1855":{"stops":[{"__isSmartRef__":true,"id":1856},{"__isSmartRef__":true,"id":1858},{"__isSmartRef__":true,"id":1859},{"__isSmartRef__":true,"id":1860}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1856":{"offset":0,"color":{"__isSmartRef__":true,"id":1857}},"1857":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1858":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1859":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1860":{"offset":1,"color":{"__isSmartRef__":true,"id":1861}},"1861":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1862":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1863":{"morph":{"__isSmartRef__":true,"id":1838},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1864":{"x":916,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1865":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1866":{"moveHorizontal":true},"1867":{"sourceObj":{"__isSmartRef__":true,"id":1838},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"getCloseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1868},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1868":{"source":{"__isSmartRef__":true,"id":1838},"target":{"__isSmartRef__":true,"id":1107}},"1869":{"sourceObj":{"__isSmartRef__":true,"id":1838},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"initiateShutdown","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1870},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1870":{"source":{"__isSmartRef__":true,"id":1838},"target":{"__isSmartRef__":true,"id":1107}},"1871":{"submorphs":[{"__isSmartRef__":true,"id":1872}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1882},"derivationIds":[],"id":"3AA88C0C-1F7E-423A-9BD9-4A01E4A82ECB","renderContextTable":{"__isSmartRef__":true,"id":1894},"eventHandler":{"__isSmartRef__":true,"id":1895},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":1896},"priorExtent":{"__isSmartRef__":true,"id":1897},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1872},"owner":{"__isSmartRef__":true,"id":1824},"attributeConnections":[{"__isSmartRef__":true,"id":1898},{"__isSmartRef__":true,"id":1900}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"isPressed":false,"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1872":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1873},"derivationIds":[],"id":"A03E951E-7E91-4304-A8DE-D5FD6EB32F3C","renderContextTable":{"__isSmartRef__":true,"id":1877},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1878}],"eventHandler":{"__isSmartRef__":true,"id":1880},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1871},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1881},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"_TextColor":{"__isSmartRef__":true,"id":140},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1873":{"_Position":{"__isSmartRef__":true,"id":1874},"renderContextTable":{"__isSmartRef__":true,"id":1875},"_Extent":{"__isSmartRef__":true,"id":1876},"_Padding":{"__isSmartRef__":true,"id":1844},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-a03e951e-7e91-4304-a8de-d5fd6eb32f3c","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1874":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1875":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1876":{"x":16,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1877":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1878":{"style":{"__isSmartRef__":true,"id":1879},"chunkOwner":{"__isSmartRef__":true,"id":1872},"_id":"_121","storedString":"M","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1879":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1880":{"morph":{"__isSmartRef__":true,"id":1872},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1881":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1882":{"_Position":{"__isSmartRef__":true,"id":1883},"renderContextTable":{"__isSmartRef__":true,"id":1884},"_Extent":{"__isSmartRef__":true,"id":1885},"_Padding":{"__isSmartRef__":true,"id":1886},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":167},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-3aa88c0c-1f7e-423a-9bd9-4a01e4a82ecb","_Fill":{"__isSmartRef__":true,"id":1887},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1883":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1884":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1885":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1886":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1887":{"stops":[{"__isSmartRef__":true,"id":1888},{"__isSmartRef__":true,"id":1890},{"__isSmartRef__":true,"id":1891},{"__isSmartRef__":true,"id":1892}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1888":{"offset":0,"color":{"__isSmartRef__":true,"id":1889}},"1889":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1890":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1891":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1892":{"offset":1,"color":{"__isSmartRef__":true,"id":1893}},"1893":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1894":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1895":{"morph":{"__isSmartRef__":true,"id":1871},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1896":{"x":3,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1897":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1898":{"sourceObj":{"__isSmartRef__":true,"id":1871},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"getMenuHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1899},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1899":{"source":{"__isSmartRef__":true,"id":1871},"target":{"__isSmartRef__":true,"id":1107}},"1900":{"sourceObj":{"__isSmartRef__":true,"id":1871},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"showTargetMorphMenu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1901},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1901":{"source":{"__isSmartRef__":true,"id":1871},"target":{"__isSmartRef__":true,"id":1107}},"1902":{"submorphs":[{"__isSmartRef__":true,"id":1903}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1913},"derivationIds":[],"id":"5BD2099D-4F0B-44C3-A247-0E397BD28B75","renderContextTable":{"__isSmartRef__":true,"id":1925},"eventHandler":{"__isSmartRef__":true,"id":1926},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":1927},"priorExtent":{"__isSmartRef__":true,"id":1928},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1903},"owner":{"__isSmartRef__":true,"id":1824},"layout":{"__isSmartRef__":true,"id":1929},"attributeConnections":[{"__isSmartRef__":true,"id":1930},{"__isSmartRef__":true,"id":1932}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1903":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1904},"derivationIds":[],"id":"E87FB332-AF65-49C5-89AE-54FBEEDBBB44","renderContextTable":{"__isSmartRef__":true,"id":1908},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1909}],"eventHandler":{"__isSmartRef__":true,"id":1911},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":1902},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1912},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1904":{"_Position":{"__isSmartRef__":true,"id":1905},"renderContextTable":{"__isSmartRef__":true,"id":1906},"_Extent":{"__isSmartRef__":true,"id":1907},"_Padding":{"__isSmartRef__":true,"id":1844},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-e87fb332-af65-49c5-89ae-54fbeedbbb44","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1905":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1906":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1907":{"x":14,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1908":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"1909":{"style":{"__isSmartRef__":true,"id":1910},"chunkOwner":{"__isSmartRef__":true,"id":1903},"_id":"_123","storedString":"–","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1910":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1911":{"morph":{"__isSmartRef__":true,"id":1903},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1912":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1913":{"_Position":{"__isSmartRef__":true,"id":1914},"renderContextTable":{"__isSmartRef__":true,"id":1915},"_Extent":{"__isSmartRef__":true,"id":1916},"_Padding":{"__isSmartRef__":true,"id":1917},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":167},"_StrokeOpacity":0,"_BorderRadius":5,"_NodeClass":["morph","button","windowcontrol"],"_NodeId":"morph-5bd2099d-4f0b-44c3-a247-0e397bd28b75","_Fill":{"__isSmartRef__":true,"id":1918},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1914":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1915":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1916":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1917":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1918":{"stops":[{"__isSmartRef__":true,"id":1919},{"__isSmartRef__":true,"id":1921},{"__isSmartRef__":true,"id":1922},{"__isSmartRef__":true,"id":1923}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1919":{"offset":0,"color":{"__isSmartRef__":true,"id":1920}},"1920":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1921":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"1922":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"1923":{"offset":1,"color":{"__isSmartRef__":true,"id":1924}},"1924":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1925":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1926":{"morph":{"__isSmartRef__":true,"id":1902},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1927":{"x":897,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1928":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1929":{"moveHorizontal":true},"1930":{"sourceObj":{"__isSmartRef__":true,"id":1902},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"getCollapseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1931},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1931":{"source":{"__isSmartRef__":true,"id":1902},"target":{"__isSmartRef__":true,"id":1107}},"1932":{"sourceObj":{"__isSmartRef__":true,"id":1902},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1107},"targetMethodName":"toggleCollapse","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1933},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"1933":{"source":{"__isSmartRef__":true,"id":1902},"target":{"__isSmartRef__":true,"id":1107}},"1934":{"_Position":{"__isSmartRef__":true,"id":1935},"renderContextTable":{"__isSmartRef__":true,"id":1936},"_Extent":{"__isSmartRef__":true,"id":1937},"_Padding":{"__isSmartRef__":true,"id":1938},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":956},"_Fill":{"__isSmartRef__":true,"id":122},"_StrokeOpacity":1,"_BorderRadius":"8px 8px 0px 0px","_NodeClass":["morph","box","titlebar"],"_NodeId":"morph-c230d5fc-d9a1-49fa-b151-eb7b44603b8a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1935":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1936":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1937":{"x":936,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1938":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1939":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1940":{"morph":{"__isSmartRef__":true,"id":1824},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1941":{"resizeWidth":true,"adjustForNewBounds":true},"1942":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1943":{"x":936,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1944":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1945},"derivationIds":[],"id":"B53B73E3-9838-46CE-8266-6510394E7D71","renderContextTable":{"__isSmartRef__":true,"id":1954},"eventHandler":{"__isSmartRef__":true,"id":1955},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"owner":{"__isSmartRef__":true,"id":1107},"_Position":{"__isSmartRef__":true,"id":1956},"dragStartPoint":null,"originalTargetExtent":null,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1957},"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"1945":{"dontChangeShape":false,"cachedVertices":null,"_PathElements":[{"__isSmartRef__":true,"id":1946},{"__isSmartRef__":true,"id":1947},{"__isSmartRef__":true,"id":1948}],"renderContextTable":{"__isSmartRef__":true,"id":1949},"_Position":{"__isSmartRef__":true,"id":1950},"_Extent":{"__isSmartRef__":true,"id":1951},"_Padding":{"__isSmartRef__":true,"id":1952},"_BorderWidth":0,"_BorderColor":null,"_NodeClass":["morph","path"],"_NodeId":"morph-b53b73e3-9838-46ce-8266-6510394e7d71","_Fill":{"__isSmartRef__":true,"id":1953},"__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1946":{"isAbsolute":true,"x":14,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1947":{"isAbsolute":true,"x":14,"y":14,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1948":{"isAbsolute":true,"x":0,"y":14,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1949":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML","getPathNode":"getPathNodeHTML","setPathElements":"setPathElementsHTML","getPathBounds":"getPathBoundsHTML","getTotalLength":"getTotalLengthHTML","getPointAtTotalLength":"getPointAtTotalLengthHTML"},"1950":{"x":-1,"y":-1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1951":{"x":15,"y":15,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1952":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1953":{"r":0.8,"g":0.8,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1954":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1955":{"morph":{"__isSmartRef__":true,"id":1944},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1956":{"x":922,"y":922,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1957":{"onDragStart":{"__isSmartRef__":true,"id":1958},"onDrag":{"__isSmartRef__":true,"id":1965},"onDragEnd":{"__isSmartRef__":true,"id":1972}},"1958":{"varMapping":{"__isSmartRef__":true,"id":1959},"source":"function onDragStart(evt) {\n this.dragStartPoint = evt.mousePoint;\n this.originalTargetExtent = this.owner.getExtent();\n }","funcProperties":{"__isSmartRef__":true,"id":1964},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1959":{"this":{"__isSmartRef__":true,"id":1944},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1960}},"1960":{"$super":{"__isSmartRef__":true,"id":1961}},"1961":{"varMapping":{"__isSmartRef__":true,"id":1962},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1963},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1962":{"obj":{"__isSmartRef__":true,"id":1944},"name":"onDragStart"},"1963":{},"1964":{},"1965":{"varMapping":{"__isSmartRef__":true,"id":1966},"source":"function onDrag(evt) {\n var moveDelta = evt.mousePoint.subPt(this.dragStartPoint)\n if (evt.isShiftDown()) {\n var maxDelta = Math.max(moveDelta.x, moveDelta.y);\n\t moveDelta = pt(maxDelta, maxDelta);\n };\n this.owner.setExtent(this.originalTargetExtent.addPt(moveDelta));\n this.align(this.bounds().bottomRight(), this.owner.getExtent());\n }","funcProperties":{"__isSmartRef__":true,"id":1971},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1966":{"this":{"__isSmartRef__":true,"id":1944},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1967}},"1967":{"$super":{"__isSmartRef__":true,"id":1968}},"1968":{"varMapping":{"__isSmartRef__":true,"id":1969},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1970},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1969":{"obj":{"__isSmartRef__":true,"id":1944},"name":"onDrag"},"1970":{},"1971":{},"1972":{"varMapping":{"__isSmartRef__":true,"id":1973},"source":"function onDragEnd(evt) {\n this.dragStartPoint = null;\n this.originalTargetExtent = null;\n }","funcProperties":{"__isSmartRef__":true,"id":1978},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1973":{"this":{"__isSmartRef__":true,"id":1944},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1974}},"1974":{"$super":{"__isSmartRef__":true,"id":1975}},"1975":{"varMapping":{"__isSmartRef__":true,"id":1976},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1977},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1976":{"obj":{"__isSmartRef__":true,"id":1944},"name":"onDragEnd"},"1977":{},"1978":{},"1979":{"renderContextTable":{"__isSmartRef__":true,"id":1980},"_Padding":{"__isSmartRef__":true,"id":1981},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_NodeClass":["morph","window"],"_NodeId":"morph-a6996304-c96a-490a-8ed6-665f1ff030bf","_Extent":{"__isSmartRef__":true,"id":1982},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1980":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1981":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1982":{"x":936,"y":936,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1983":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1984":{"morph":{"__isSmartRef__":true,"id":1107},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1985":{"adjustForNewBounds":true},"1986":{"x":949,"y":19,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1987":{"x":936,"y":936,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1988":{"x":1029,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1989":{"submorphs":[],"scripts":[],"id":226,"shape":{"__isSmartRef__":true,"id":1990},"grabbingEnabled":false,"droppingEnabled":false,"showsMorphMenu":false,"halosEnabled":false,"registeredForMouseEvents":true,"_world":{"__isSmartRef__":true,"id":0},"_Position":{"__isSmartRef__":true,"id":1996},"owner":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","carriesGrabbedMorphs":false,"_Scale":1,"renderContextTable":{"__isSmartRef__":true,"id":1997},"eventHandler":{"__isSmartRef__":true,"id":1998},"_Rotation":0,"lastScrollTime":1327419134664,"internalClickedOnMorph":{"__isSmartRef__":true,"id":1999},"_ClipMode":"visible","scrollFocusMorph":{"__isSmartRef__":true,"id":2009},"__LivelyClassName__":"lively.morphic.HandMorph","withLayers":["Global.NoMagnetsLayer"]},"1990":{"__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":{"__isSmartRef__":true,"id":1991},"_Extent":{"__isSmartRef__":true,"id":1992},"_Fill":{"__isSmartRef__":true,"id":1993},"renderContextTable":{"__isSmartRef__":true,"id":1994},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1995},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"1991":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"1992":{"x":2,"y":2,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"1993":{"r":0.8,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1994":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"1995":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"1996":{"x":1017,"y":509,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1997":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"1998":{"morph":{"__isSmartRef__":true,"id":1989},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"1999":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2000},"derivationIds":[],"id":"CB1D7DBA-3198-40FF-8B1D-750F6E6AF8B3","renderContextTable":{"__isSmartRef__":true,"id":2005},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":2006}],"eventHandler":{"__isSmartRef__":true,"id":2008},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":2009},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2115},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2000":{"_Position":{"__isSmartRef__":true,"id":2001},"renderContextTable":{"__isSmartRef__":true,"id":2002},"_Extent":{"__isSmartRef__":true,"id":2003},"_Padding":{"__isSmartRef__":true,"id":2004},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-cb1d7dba-3198-40ff-8b1d-750f6e6af8b3","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2001":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2002":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2003":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2004":{"x":0,"y":4,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2005":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"2006":{"style":{"__isSmartRef__":true,"id":2007},"chunkOwner":{"__isSmartRef__":true,"id":1999},"_id":"_448","storedString":"OK","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2007":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2008":{"morph":{"__isSmartRef__":true,"id":1999},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2009":{"submorphs":[{"__isSmartRef__":true,"id":1999}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2010},"derivationIds":[],"id":"AF14D466-491E-4B45-BC3E-C9D099B5B71A","renderContextTable":{"__isSmartRef__":true,"id":2022},"eventHandler":{"__isSmartRef__":true,"id":2023},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2024},"priorExtent":{"__isSmartRef__":true,"id":2025},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":1999},"layout":{"__isSmartRef__":true,"id":2026},"owner":{"__isSmartRef__":true,"id":2027},"attributeConnections":[{"__isSmartRef__":true,"id":2113},{"__isSmartRef__":true,"id":2114}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"isPressed":true,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"2010":{"_Position":{"__isSmartRef__":true,"id":2011},"renderContextTable":{"__isSmartRef__":true,"id":2012},"_Extent":{"__isSmartRef__":true,"id":2013},"_Padding":{"__isSmartRef__":true,"id":2014},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-af14d466-491e-4b45-bc3e-c9d099b5b71a","_Fill":{"__isSmartRef__":true,"id":2015},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2011":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2012":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2013":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2014":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2015":{"stops":[{"__isSmartRef__":true,"id":2016},{"__isSmartRef__":true,"id":2018},{"__isSmartRef__":true,"id":2019},{"__isSmartRef__":true,"id":2020}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2016":{"offset":0,"color":{"__isSmartRef__":true,"id":2017}},"2017":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2018":{"offset":0.2,"color":{"__isSmartRef__":true,"id":172}},"2019":{"offset":0.8,"color":{"__isSmartRef__":true,"id":172}},"2020":{"offset":1,"color":{"__isSmartRef__":true,"id":2021}},"2021":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2022":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"2023":{"morph":{"__isSmartRef__":true,"id":2009},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2024":{"x":172,"y":56,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2025":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2026":{"moveVertical":true,"moveHorizontal":true},"2027":{"submorphs":[{"__isSmartRef__":true,"id":2028},{"__isSmartRef__":true,"id":2040},{"__isSmartRef__":true,"id":2009},{"__isSmartRef__":true,"id":2072}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2089},"derivationIds":[],"id":"E43E008A-B10B-4802-810D-F6E4A8D3C274","renderContextTable":{"__isSmartRef__":true,"id":2096},"eventHandler":{"__isSmartRef__":true,"id":2097},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2098},"grabbingEnabled":false,"draggingEnabled":false,"isLockOwner":true,"layout":{"__isSmartRef__":true,"id":2099},"attributeConnections":[{"__isSmartRef__":true,"id":2100},{"__isSmartRef__":true,"id":2102},{"__isSmartRef__":true,"id":2104}],"ownerApp":{"__isSmartRef__":true,"id":2070},"owner":null,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2105},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"2028":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2029},"derivationIds":[],"id":"EC51D438-320C-482F-92E1-3CB1A548AAE2","renderContextTable":{"__isSmartRef__":true,"id":2035},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2036}],"eventHandler":{"__isSmartRef__":true,"id":2038},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"isLabel":true,"draggingEnabled":false,"_HandStyle":"default","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":2027},"priorExtent":{"__isSmartRef__":true,"id":2039},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2029":{"_Position":{"__isSmartRef__":true,"id":2030},"renderContextTable":{"__isSmartRef__":true,"id":2031},"_Extent":{"__isSmartRef__":true,"id":2032},"_Padding":{"__isSmartRef__":true,"id":2033},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":2034},"_NodeClass":["morph","text"],"_NodeId":"morph-ec51d438-320c-482f-92e1-3cb1a548aae2","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2030":{"x":4,"y":4,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2031":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2032":{"x":225,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2033":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2034":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2035":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"2036":{"style":{"__isSmartRef__":true,"id":2037},"chunkOwner":{"__isSmartRef__":true,"id":2028},"_id":"_444","storedString":"Please enter a relative or absolute path","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2037":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2038":{"morph":{"__isSmartRef__":true,"id":2028},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2039":{"x":225,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2040":{"submorphs":[{"__isSmartRef__":true,"id":2041}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2052},"derivationIds":[],"id":"5F3A1FB6-9C1B-4E87-B625-88D04C74B482","renderContextTable":{"__isSmartRef__":true,"id":2064},"eventHandler":{"__isSmartRef__":true,"id":2065},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2066},"priorExtent":{"__isSmartRef__":true,"id":2067},"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":2041},"layout":{"__isSmartRef__":true,"id":2068},"owner":{"__isSmartRef__":true,"id":2027},"attributeConnections":[{"__isSmartRef__":true,"id":2069},{"__isSmartRef__":true,"id":2087}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"2041":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2042},"derivationIds":[],"id":"A5DB0E0D-0ACF-42EF-954F-3532586A075E","renderContextTable":{"__isSmartRef__":true,"id":2047},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":2048}],"eventHandler":{"__isSmartRef__":true,"id":2050},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":2040},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":140},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2051},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2042":{"_Position":{"__isSmartRef__":true,"id":2043},"renderContextTable":{"__isSmartRef__":true,"id":2044},"_Extent":{"__isSmartRef__":true,"id":2045},"_Padding":{"__isSmartRef__":true,"id":2046},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":null,"_NodeClass":["morph","text"],"_NodeId":"morph-a5db0e0d-0acf-42ef-954f-3532586a075e","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2043":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2044":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2045":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2046":{"x":0,"y":6,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2047":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"2048":{"style":{"__isSmartRef__":true,"id":2049},"chunkOwner":{"__isSmartRef__":true,"id":2041},"_id":"_446","storedString":"Cancel","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2049":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2050":{"morph":{"__isSmartRef__":true,"id":2041},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2051":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2052":{"_Position":{"__isSmartRef__":true,"id":2053},"renderContextTable":{"__isSmartRef__":true,"id":2054},"_Extent":{"__isSmartRef__":true,"id":2055},"_Padding":{"__isSmartRef__":true,"id":2056},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":167},"_BorderRadius":5,"_NodeClass":["morph","button"],"_NodeId":"morph-5f3a1fb6-9c1b-4e87-b625-88d04c74b482","_Fill":{"__isSmartRef__":true,"id":2057},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2053":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2054":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2055":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2056":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2057":{"stops":[{"__isSmartRef__":true,"id":2058},{"__isSmartRef__":true,"id":2060},{"__isSmartRef__":true,"id":2061},{"__isSmartRef__":true,"id":2062}],"vector":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2058":{"offset":0,"color":{"__isSmartRef__":true,"id":2059}},"2059":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2060":{"offset":0.3,"color":{"__isSmartRef__":true,"id":172}},"2061":{"offset":0.7,"color":{"__isSmartRef__":true,"id":172}},"2062":{"offset":1,"color":{"__isSmartRef__":true,"id":2063}},"2063":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2064":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"2065":{"morph":{"__isSmartRef__":true,"id":2040},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2066":{"x":236,"y":56,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2067":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2068":{"moveVertical":true,"moveHorizontal":true},"2069":{"sourceObj":{"__isSmartRef__":true,"id":2040},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2070":{"result":"empty_with_SCB.xhtml","message":"Please enter a relative or absolute path","attributeConnections":[{"__isSmartRef__":true,"id":2071}],"doNotSerialize":["$$result"],"doNotCopyProperties":["$$result"],"defaultInput":"empty.xhtml","panel":{"__isSmartRef__":true,"id":2027},"label":{"__isSmartRef__":true,"id":2028},"cancelButton":{"__isSmartRef__":true,"id":2040},"okButton":{"__isSmartRef__":true,"id":2009},"inputText":{"__isSmartRef__":true,"id":2072},"view":{"__isSmartRef__":true,"id":2027},"__LivelyClassName__":"lively.morphic.PromptDialog","__SourceModuleName__":"Global.lively.morphic.Widgets"},"2071":{"sourceObj":{"__isSmartRef__":true,"id":2070},"sourceAttrName":"result","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"triggerCallback","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2072":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2073},"derivationIds":[],"id":"E0CE5DB1-70A9-4B68-AAAB-CDCE1ADEFB17","renderContextTable":{"__isSmartRef__":true,"id":2078},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":2079}],"eventHandler":{"__isSmartRef__":true,"id":2081},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_Position":{"__isSmartRef__":true,"id":2082},"isInputLine":true,"draggingEnabled":false,"attributeConnections":[{"__isSmartRef__":true,"id":2083},{"__isSmartRef__":true,"id":2084}],"doNotSerialize":["$$savedTextString"],"doNotCopyProperties":["$$savedTextString"],"savedTextString":"empty_with_SCB.xhtml","owner":{"__isSmartRef__":true,"id":2027},"priorExtent":{"__isSmartRef__":true,"id":2086},"_MaxTextWidth":282,"_MinTextWidth":282,"_MaxTextHeight":null,"_MinTextHeight":null,"previousSelection":[0,11],"priorSelectionRange":[11,11],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2073":{"_Position":{"__isSmartRef__":true,"id":2074},"renderContextTable":{"__isSmartRef__":true,"id":2075},"_Extent":{"__isSmartRef__":true,"id":2076},"_Padding":{"__isSmartRef__":true,"id":1844},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":140},"_Fill":{"__isSmartRef__":true,"id":2077},"_NodeClass":["morph","text"],"_NodeId":"morph-e0ce5db1-70a9-4b68-aaab-cdce1adefb17","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2074":{"x":4,"y":4,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2075":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2076":{"x":292,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2077":{"r":0.9529411764705882,"g":0.9529411764705882,"b":0.9529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2078":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"2079":{"style":{"__isSmartRef__":true,"id":2080},"chunkOwner":{"__isSmartRef__":true,"id":2072},"_id":"_450","storedString":"empty_with_SCB.xhtml","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2080":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2081":{"morph":{"__isSmartRef__":true,"id":2072},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2082":{"x":4,"y":27,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2083":{"sourceObj":{"__isSmartRef__":true,"id":2072},"sourceAttrName":"savedTextString","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"result","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2084":{"sourceObj":{"__isSmartRef__":true,"id":2072},"sourceAttrName":"onEscPressed","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"result","converter":null,"converterString":"function () { return null }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":2085},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2085":{"source":{"__isSmartRef__":true,"id":2072},"target":{"__isSmartRef__":true,"id":2070}},"2086":{"x":292,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2087":{"sourceObj":{"__isSmartRef__":true,"id":2040},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"result","converter":null,"converterString":"function () { return null }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":2088},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2088":{"source":{"__isSmartRef__":true,"id":2040},"target":{"__isSmartRef__":true,"id":2070}},"2089":{"_Position":{"__isSmartRef__":true,"id":2090},"renderContextTable":{"__isSmartRef__":true,"id":2091},"_Extent":{"__isSmartRef__":true,"id":2092},"_Padding":{"__isSmartRef__":true,"id":2093},"_NodeClass":["morph","box"],"_NodeId":"morph-e43e008a-b10b-4802-810d-f6e4a8d3c274","_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":2094},"_Fill":{"__isSmartRef__":true,"id":2095},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2090":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2091":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2092":{"x":300,"y":90,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2093":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2094":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2095":{"r":0.8235294117647058,"g":0.8235294117647058,"b":0.8235294117647058,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2096":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"2097":{"morph":{"__isSmartRef__":true,"id":2027},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2098":{"x":801.5,"y":436,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2099":{"adjustForNewBounds":true},"2100":{"sourceObj":{"__isSmartRef__":true,"id":2027},"sourceAttrName":"onEscPressed","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"result","converter":null,"converterString":"function () { return null}","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":2101},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2101":{"source":{"__isSmartRef__":true,"id":2027},"target":{"__isSmartRef__":true,"id":2070}},"2102":{"sourceObj":{"__isSmartRef__":true,"id":2027},"sourceAttrName":"onEnterPressed","targetObj":{"__isSmartRef__":true,"id":2072},"targetMethodName":"doSave","converter":null,"converterString":"function (arg) { return arg }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":2103},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2103":{"source":{"__isSmartRef__":true,"id":2027},"target":{"__isSmartRef__":true,"id":2072}},"2104":{"sourceObj":{"__isSmartRef__":true,"id":2027},"sourceAttrName":"remove","targetMethodName":"remove","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2105":{"$$onEnterPressed":{"__isSmartRef__":true,"id":2106}},"2106":{"varMapping":{"__isSmartRef__":true,"id":2107},"source":"function onEnterPressed(evt) {\n evt.stop();\n }","funcProperties":{"__isSmartRef__":true,"id":2112},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2107":{"this":{"__isSmartRef__":true,"id":2027},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2108}},"2108":{"$super":{"__isSmartRef__":true,"id":2109}},"2109":{"varMapping":{"__isSmartRef__":true,"id":2110},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2111},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2110":{"obj":{"__isSmartRef__":true,"id":2027},"name":"onEnterPressed"},"2111":{},"2112":{},"2113":{"sourceObj":{"__isSmartRef__":true,"id":2009},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":2070},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2114":{"sourceObj":{"__isSmartRef__":true,"id":2009},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":2072},"targetMethodName":"doSave","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"2115":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2116":{"__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":{"__isSmartRef__":true,"id":2117},"_Extent":{"__isSmartRef__":true,"id":2118},"_Fill":{"__isSmartRef__":true,"id":2119},"renderContextTable":{"__isSmartRef__":true,"id":2120},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":2121},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"2117":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2118":{"x":2800,"y":2900,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2119":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2120":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2121":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"2122":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2123":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","setScroll":"setScrollHTML"},"2124":{"morph":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"2125":{"x":1015,"y":507,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2126":{"sourceObj":{"__isSmartRef__":true,"id":0},"sourceAttrName":"savedWorldAsURL","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"visitNewPageAfterSaveAs","converter":null,"converterString":null,"updaterString":"function ($upd, v) { \n if (v && v.toString() !== URL.source.toString()) {\n $upd(v) \n }\n }","varMapping":{"__isSmartRef__":true,"id":2127},"__SourceModuleName__":"Global.lively.bindings","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2128},"__LivelyClassName__":"AttributeConnection"},"2127":{"source":{"__isSmartRef__":true,"id":0},"target":{"__isSmartRef__":true,"id":0}},"2128":{"updater":{"__isSmartRef__":true,"id":2129}},"2129":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":2127},"source":"function ($upd, v) { \n if (v && v.toString() !== URL.source.toString()) {\n $upd(v) \n }\n }","funcProperties":{"__isSmartRef__":true,"id":2130},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"2130":{},"2131":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/users/template/start.xhtml","__SourceModuleName__":"Global.lively.Network","__LivelyClassName__":"URL"},"2132":{"submorphs":[{"__isSmartRef__":true,"id":2133}],"scripts":[],"id":"226EE25D-0E4F-40CB-A965-89F16CD20C7F","shape":{"__isSmartRef__":true,"id":2162},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":2169},"showsHalos":false,"name":"LoadingMorph","partsBinMetaInfo":{"__isSmartRef__":true,"id":2170},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":2267},"eventHandler":{"__isSmartRef__":true,"id":2268},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"59692BC3-6C7B-4E23-B820-8699260EA722","486BB935-1313-4103-B2A8-642B19437478","18AFFD44-46CD-489E-B1D6-DED43E2B6B06","2608C892-2204-4981-9A87-8E749F8944AB","5535861F-4EA2-44AB-8A40-0538124E0AAC","16C292B3-86E8-4622-B516-27C48263B8CC","87731A20-D455-44D0-97E5-98A7CFD4E417","A17081E7-E597-47ED-BD32-6E4D206BD7D7","CFB4A44C-BFEA-4584-BCBA-AE2A56739200","76B3DD9B-8D01-42BA-A574-AB99D5F899BB","1EBC5512-8F54-4B24-998C-69A285EC8533","DD1165C7-6C1A-4361-A4AE-FCF6F31152FD","4D6D36E8-48F3-408A-B03C-202E4DC182BD","5F3B3E0F-BBC6-4DDA-BAA0-7EFC05FF2011","E0A6B33B-767A-4532-9021-892414520200","F5F5E2B1-5FF0-4E09-B323-AE88A3920B8D","0C7E832A-A741-430F-B295-8BC181D066FE","472AED3B-CB76-49BD-BF49-354A2D568F86","A7C52F65-D140-4791-880F-F7584C7BB570","3516412B-8B36-4E52-9416-6B7FB358BDC2","1840CACC-078C-4795-AD3F-E9D6F8D557A0","1FEDCA25-0131-46FA-840F-DC5F1B05C6CA","C620CED3-0AE9-4097-9AA7-2706A042F9C9","679A861B-40E0-4DB2-B22F-95B454C6978D","FEF39B3C-E634-4825-BAB8-2D44FE647B03"],"isBeingDragged":false,"priorExtent":{"__isSmartRef__":true,"id":2269},"layout":{"__isSmartRef__":true,"id":2270},"distanceToDragEvent":{"__isSmartRef__":true,"id":2271},"prevScroll":[0,0],"moved":true,"_Rotation":0,"_Scale":1,"headRevision":146469,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2272},"__LivelyClassName__":"lively.morphic.Box"},"2133":{"submorphs":[{"__isSmartRef__":true,"id":2134}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2150},"id":"06977BB5-6BCA-4AC2-904A-AD579CECF47D","renderContextTable":{"__isSmartRef__":true,"id":2155},"eventHandler":{"__isSmartRef__":true,"id":2156},"droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2157},"name":"ProgressIndicator","priorExtent":{"__isSmartRef__":true,"id":2158},"showsHalos":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":2159},"partsBinMetaInfo":{"__isSmartRef__":true,"id":2160},"__SourceModuleName__":"Global.lively.morphic.Widgets","derivationIds":[520,"071F18BE-FF28-40F5-ACAD-1916E0D25C38","DF185A10-743D-45FC-B9C2-76E12D908BCF","BF125D2C-596A-4C1E-A5F8-DAE4801E9497","3CEE8CFF-B8F1-4B4B-A405-CB583080252A","D0652878-8F9C-4591-8A82-296898AACDB6","31441DDF-2220-43BE-A99F-69E1FEC68030","14A90039-0D3E-46DC-8445-D42B8E02EB42","681EF5DE-A344-4114-B2F3-B96CE3872524","C0381116-5116-4F33-B082-A411D0E4534E","24E9581E-B008-46EE-9CBC-D5190E100D98","C69D1041-2C5E-48FE-B04C-04E66450658A","4830945B-4FFF-4564-9424-34D7995DAE60","8602C233-B3E7-4682-9B0E-D7549761D934","B4E0E11F-2BED-462E-B708-89D63971856E","EE0144C2-D016-4390-8A67-4E7DEF171C83","F44DF6E4-5F27-440E-AB5F-3721C0A10CA6","73FC6648-DAAF-4673-8CF4-7DA219513F22","B78EB1B5-780C-45F7-B0A7-B988B52B1FF1","DFDB8CD1-72F7-40F4-849B-1F9B866277AB","66111105-B1FC-41F7-BF70-D45118C9E09F","02420416-1E35-4831-AABB-91CD0460CA1A","7C6B2EB2-4510-4A8E-BAFF-5CF0040DD7F5","0503F5A1-1732-4610-9A5A-920D658CA766","07C5AE03-36AD-4849-BACD-27D7D9A2CCF2","9FFF9D73-931C-404C-AA4B-5AC2E7C53504"],"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":2132},"isBeingDragged":false,"layout":{"__isSmartRef__":true,"id":2161},"prevScroll":[0,0],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Image"},"2134":{"submorphs":[],"scripts":[],"id":"3D5E5C0B-3B5F-4A88-B74A-F6F6838931DD","shape":{"__isSmartRef__":true,"id":2135},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":2141},"_MaxTextWidth":257,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":2138},"showsHalos":false,"_FontSize":14,"__SourceModuleName__":"Global.lively.morphic.TextCore","name":"loadedMorphName","partsBinMetaInfo":{"__isSmartRef__":true,"id":2142},"textChunks":[{"__isSmartRef__":true,"id":2143}],"charsReplaced":"MorphName","lastFindLoc":18,"priorSelectionRange":[9,0],"prevScroll":[0,0],"priorExtent":{"__isSmartRef__":true,"id":2145},"renderContextTable":{"__isSmartRef__":true,"id":2146},"eventHandler":{"__isSmartRef__":true,"id":2147},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Padding":{"__isSmartRef__":true,"id":2148},"_ClipMode":"visible","derivationIds":[355,"023045B3-2D6B-4425-89FB-F4806D527BE0","DC0C2365-868C-41AE-8369-51C31E91493E","C6D9D314-86A1-4015-970B-F6787F535E1A","6AA4552E-2E85-447E-9033-99D5AA1A94BC","D94BE49C-8A3E-4F1F-BF28-FEDD9B40D213","AA8F0470-654C-4AA2-8135-4607F5429AC5","E0BAABCC-FFB2-4EDF-BAE5-C63CC99B6A97","1A86AE17-73AE-442E-AB36-DD90C6DFC8BC","EF750075-E964-4CD3-B6A4-161511E1D058","CED69CBF-FFA5-45E7-B333-FBACE4F278AC","E56978C1-7424-4C10-8168-11FD3237B540","D5AB2532-A4DC-42D6-AF17-99CBBCEAA848","245866CB-598A-4172-A3A0-A06D4D26C6AD","43B0F12E-5793-43AA-80E1-496774E0EBA6","1B776A8C-0413-475F-8EBD-120BBD91D2BB","F84F2C9A-8003-4E81-833A-83F48C92F3B8","3124B389-9FA4-4348-BC5D-0DFF9C59CD1B","1A1BCBAC-D7CC-4BAE-B8C2-7C693F7327A1","1CB201BA-5E0B-4771-821A-139FA2AEFBC2","195520FA-4816-47A4-B0F5-BA890AFD9DF9","0D15F28A-24C9-46B7-89C5-6D2354728AC1","316FE9D3-62EC-4FD6-9B0F-FFA622B79575","739F3743-9BE1-48C8-813D-C0BFB0DCACA6","01877B3B-7DA7-4222-B011-7B5F4E501862","B8FE7DEE-9568-4BE6-BA12-EA674BA79E08"],"_WhiteSpaceHandling":"pre-wrap","owner":{"__isSmartRef__":true,"id":2133},"_MinTextWidth":257,"_MinTextHeight":null,"previousSelection":[6,6],"_Align":"center","distanceToDragEvent":{"__isSmartRef__":true,"id":2149},"isBeingDragged":false,"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text"},"2135":{"fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":{"__isSmartRef__":true,"id":2136},"_Extent":{"__isSmartRef__":true,"id":2137},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":2138},"renderContextTable":{"__isSmartRef__":true,"id":2139},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":2140},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"2136":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2137":{"x":257,"y":23,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2138":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"2139":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2140":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"2141":{"x":-109,"y":38,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2142":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"2143":{"style":{"__isSmartRef__":true,"id":2144},"chunkOwner":{"__isSmartRef__":true,"id":2134},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"loading part","_id":"_3","__LivelyClassName__":"lively.morphic.TextChunk"},"2144":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"2145":{"x":257,"y":23,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2146":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"2147":{"morph":{"__isSmartRef__":true,"id":2134},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"2148":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"2149":{"x":179,"y":-11,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2150":{"_Position":{"__isSmartRef__":true,"id":2151},"renderContextTable":{"__isSmartRef__":true,"id":2152},"_Extent":{"__isSmartRef__":true,"id":2153},"_ImageURL":"data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isLoaded":true,"__SourceModuleName__":"Global.lively.morphic.Shapes","_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":2154},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Image"},"2151":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2152":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML","setImageURL":"setImageURLHTML","getNativeExtent":"getNativeExtentHTML"},"2153":{"x":31,"y":31,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2154":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"2155":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"2156":{"morph":{"__isSmartRef__":true,"id":2133},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"2157":{"x":113.5,"y":81,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2158":{"x":30,"y":31,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2159":{"x":39,"y":-11,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2160":{"partName":"ProgressIndicator","requiredModules":[],"migrationLevel":2,"partsSpaceName":"PartsBin/Widgets/","__SourceModuleName__":"Global.lively.PartsBin","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"2161":{"centeredHorizontal":true,"centeredVertical":true},"2162":{"position":{"__isSmartRef__":true,"id":2163},"_Extent":{"__isSmartRef__":true,"id":2164},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":2165},"_Fill":{"__isSmartRef__":true,"id":2166},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":2167},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":2168},"_BorderRadius":8.515,"_Opacity":0.8146,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"2163":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2164":{"x":266,"y":223,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2165":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"2166":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2167":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","setComputedStyles":"setComputedStylesHTML","setComputedBorderWidth":"setComputedBorderWidthHTML"},"2168":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"2169":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2170":{"partsSpaceName":"PartsBin/iPadWidgets","__SourceModuleName__":"Global.lively.PartsBin","comment":"This is a placeholder to indicate that a morph is being loaded. It will be replaced by the morph as soon as the requested morph finished loading.","migrationLevel":4,"partName":"LoadingMorph","changes":[{"__isSmartRef__":true,"id":2171},{"__isSmartRef__":true,"id":2173},{"__isSmartRef__":true,"id":2175},{"__isSmartRef__":true,"id":2177},{"__isSmartRef__":true,"id":2179},{"__isSmartRef__":true,"id":2181},{"__isSmartRef__":true,"id":2183},{"__isSmartRef__":true,"id":2185},{"__isSmartRef__":true,"id":2187},{"__isSmartRef__":true,"id":2189},{"__isSmartRef__":true,"id":2191},{"__isSmartRef__":true,"id":2193},{"__isSmartRef__":true,"id":2195},{"__isSmartRef__":true,"id":2197},{"__isSmartRef__":true,"id":2199},{"__isSmartRef__":true,"id":2201},{"__isSmartRef__":true,"id":2203},{"__isSmartRef__":true,"id":2205},{"__isSmartRef__":true,"id":2207},{"__isSmartRef__":true,"id":2209},{"__isSmartRef__":true,"id":2211},{"__isSmartRef__":true,"id":2213},{"__isSmartRef__":true,"id":2215},{"__isSmartRef__":true,"id":2217},{"__isSmartRef__":true,"id":2219},{"__isSmartRef__":true,"id":2221},{"__isSmartRef__":true,"id":2223},{"__isSmartRef__":true,"id":2225},{"__isSmartRef__":true,"id":2227},{"__isSmartRef__":true,"id":2229},{"__isSmartRef__":true,"id":2231},{"__isSmartRef__":true,"id":2233},{"__isSmartRef__":true,"id":2235},{"__isSmartRef__":true,"id":2237},{"__isSmartRef__":true,"id":2239},{"__isSmartRef__":true,"id":2241},{"__isSmartRef__":true,"id":2243},{"__isSmartRef__":true,"id":2245},{"__isSmartRef__":true,"id":2247},{"__isSmartRef__":true,"id":2249},{"__isSmartRef__":true,"id":2251},{"__isSmartRef__":true,"id":2253},{"__isSmartRef__":true,"id":2255},{"__isSmartRef__":true,"id":2257},{"__isSmartRef__":true,"id":2259},{"__isSmartRef__":true,"id":2261},{"__isSmartRef__":true,"id":2263},{"__isSmartRef__":true,"id":2265}],"revisionOnLoad":151069,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"2171":{"date":{"__isSmartRef__":true,"id":2172},"author":"sstamm","message":"","id":"1C1391AE-5722-4707-BE52-F0094FC56829"},"2172":{"isSerializedDate":true,"string":"Wed Feb 22 2012 05:02:04 GMT-0800 (Pacific Standard Time)"},"2173":{"date":{"__isSmartRef__":true,"id":2174},"author":"sstamm","message":"","id":"663F147A-9084-4AC3-81A7-1E7BA6547F08"},"2174":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:43:10 GMT-0800 (Pacific Standard Time)"},"2175":{"date":{"__isSmartRef__":true,"id":2176},"author":"sstamm","message":"","id":"F72B746E-B170-4EFB-9074-5E8770640B8A"},"2176":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:36:14 GMT-0800 (Pacific Standard Time)"},"2177":{"date":{"__isSmartRef__":true,"id":2178},"author":"sstamm","message":"","id":"568D2EFD-C535-43AE-8944-6D8B967129F5"},"2178":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:23:04 GMT-0800 (Pacific Standard Time)"},"2179":{"date":{"__isSmartRef__":true,"id":2180},"author":"sstamm","message":"","id":"AB2484A6-0707-4E13-845E-F0A5F48BBA3D"},"2180":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:59:45 GMT-0800 (Pacific Standard Time)"},"2181":{"date":{"__isSmartRef__":true,"id":2182},"author":"sstamm","message":"","id":"97D20633-F76C-46A5-A32A-FFE9BC83CAB3"},"2182":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:59:10 GMT-0800 (Pacific Standard Time)"},"2183":{"date":{"__isSmartRef__":true,"id":2184},"author":"sstamm","message":"","id":"8A697DF5-9A45-4A84-B709-9719BF55083E"},"2184":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:56:54 GMT-0800 (Pacific Standard Time)"},"2185":{"date":{"__isSmartRef__":true,"id":2186},"author":"sstamm","message":"","id":"F2157D66-1571-4B9A-B325-6FA96488260F"},"2186":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:51:05 GMT-0800 (Pacific Standard Time)"},"2187":{"date":{"__isSmartRef__":true,"id":2188},"author":"sstamm","message":"","id":"E5E808CA-06AB-47DC-A9C9-CA7967591545"},"2188":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:47:19 GMT-0800 (Pacific Standard Time)"},"2189":{"date":{"__isSmartRef__":true,"id":2190},"author":"sstamm","message":"","id":"009DC4E0-23CA-485A-A796-801AA0F75049"},"2190":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:46:25 GMT-0800 (Pacific Standard Time)"},"2191":{"date":{"__isSmartRef__":true,"id":2192},"author":"sstamm","message":"","id":"C0CE1397-6E2E-4E8C-AEFF-9017E24BB7E4"},"2192":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:45:05 GMT-0800 (Pacific Standard Time)"},"2193":{"date":{"__isSmartRef__":true,"id":2194},"author":"sstamm","message":"","id":"FFE16986-548D-4AC2-A627-CF6416282BC4"},"2194":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:37:15 GMT-0800 (Pacific Standard Time)"},"2195":{"date":{"__isSmartRef__":true,"id":2196},"author":"sstamm","message":"","id":"57213D63-7147-4057-ADC9-30994443B066"},"2196":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:35:29 GMT-0800 (Pacific Standard Time)"},"2197":{"date":{"__isSmartRef__":true,"id":2198},"author":"sstamm","message":"","id":"75A31364-B380-4312-BB5B-F8F2DA1CE824"},"2198":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:31:52 GMT-0800 (Pacific Standard Time)"},"2199":{"date":{"__isSmartRef__":true,"id":2200},"author":"sstamm","message":"","id":"5AA50B7E-7D33-44C4-807B-BF1ABA31D530"},"2200":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:14:10 GMT-0800 (Pacific Standard Time)"},"2201":{"date":{"__isSmartRef__":true,"id":2202},"author":"sstamm","message":"","id":"BCDCC505-534C-45E5-9BB2-5238959A5AD0"},"2202":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:02:56 GMT-0800 (Pacific Standard Time)"},"2203":{"date":{"__isSmartRef__":true,"id":2204},"author":"sstamm","message":"","id":"890D14F4-E89D-4E05-BFB9-875D6AB6C765"},"2204":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:01:50 GMT-0800 (Pacific Standard Time)"},"2205":{"date":{"__isSmartRef__":true,"id":2206},"author":"sstamm","message":"","id":"B6FE0805-0D24-4267-8238-8B332352617E"},"2206":{"isSerializedDate":true,"string":"Wed Feb 22 2012 01:55:44 GMT-0800 (Pacific Standard Time)"},"2207":{"date":{"__isSmartRef__":true,"id":2208},"author":"sstamm","message":"callbacks are working","id":"9348260A-3B55-4659-BC85-440BFBD98EA4"},"2208":{"isSerializedDate":true,"string":"Fri Feb 10 2012 00:45:55 GMT-0800 (Pacific Standard Time)"},"2209":{"date":{"__isSmartRef__":true,"id":2210},"author":"sstamm","message":"made it more opaque","id":"1B84264C-2822-407F-A58F-19217BCD2762"},"2210":{"isSerializedDate":true,"string":"Wed Feb 08 2012 02:41:50 GMT-0800 (Pacific Standard Time)"},"2211":{"date":{"__isSmartRef__":true,"id":2212},"author":"sstamm","message":"","id":"0FB41D7D-2A52-4782-814B-A66C24FCE569"},"2212":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:13:49 GMT-0800 (Pacific Standard Time)"},"2213":{"date":{"__isSmartRef__":true,"id":2214},"author":"sstamm","message":"","id":"A0C2D7C1-04AF-493A-A7D7-70750F7D3E2F"},"2214":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:22:07 GMT-0800 (Pacific Standard Time)"},"2215":{"date":{"__isSmartRef__":true,"id":2216},"author":"sstamm","message":"trollolol","id":"F6CFAD78-AC72-4DE2-9F38-79776C2E9462"},"2216":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:55:14 GMT-0800 (Pacific Standard Time)"},"2217":{"date":{"__isSmartRef__":true,"id":2218},"author":"sstamm","message":"should be centered now","id":"EE366B4D-C272-477F-8C28-4EAE5A7EC7CB"},"2218":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:54:35 GMT-0800 (Pacific Standard Time)"},"2219":{"date":{"__isSmartRef__":true,"id":2220},"author":"sstamm","message":"initial commit","id":"8920D925-DD16-4667-B8C7-FB74D78C2424"},"2220":{"isSerializedDate":true,"string":"Thu Feb 02 2012 04:26:01 GMT-0800 (Pacific Standard Time)"},"2221":{"date":{"__isSmartRef__":true,"id":2222},"author":"sstamm","message":"changed text morph name","id":"80E88A3C-5AF3-48F2-A600-710877630997"},"2222":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:04:01 GMT-0800 (Pacific Standard Time)"},"2223":{"date":{"__isSmartRef__":true,"id":2224},"author":"sstamm","message":"added loading script","id":"EE9B8F4D-1F03-4232-82E6-794046974F8F"},"2224":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:28:30 GMT-0800 (Pacific Standard Time)"},"2225":{"date":{"__isSmartRef__":true,"id":2226},"author":"sstamm","message":"added disconnection","id":"11F19267-924E-4087-99ED-998245576BD2"},"2226":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:32:58 GMT-0800 (Pacific Standard Time)"},"2227":{"date":{"__isSmartRef__":true,"id":2228},"author":"sstamm","message":"removed connections before deletion","id":"35A88218-6864-4D52-83A2-BFF7B9A6907C"},"2228":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:41:00 GMT-0800 (Pacific Standard Time)"},"2229":{"date":{"__isSmartRef__":true,"id":2230},"author":"sstamm","message":"now able to load parts by name and category as well as per partItem","id":"F36A5782-461D-4813-95F8-0207990A261C"},"2230":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:24:30 GMT-0800 (Pacific Standard Time)"},"2231":{"date":{"__isSmartRef__":true,"id":2232},"author":"sstamm","message":"now with round corners","id":"F42C39CB-CC37-467D-BF10-D362241F047E"},"2232":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:26:23 GMT-0800 (Pacific Standard Time)"},"2233":{"date":{"__isSmartRef__":true,"id":2234},"author":"sstamm","message":"loadingMorph is sync now","id":"12ACFFC9-BA53-4A2A-ABD4-894A5ECE1145"},"2234":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:48:04 GMT-0800 (Pacific Standard Time)"},"2235":{"date":{"__isSmartRef__":true,"id":2236},"author":"sstamm","message":"display the loadingMorph in new thread","id":"2BA51E30-F02B-4AF0-B3BE-52DD4ED522CC"},"2236":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:53:49 GMT-0800 (Pacific Standard Time)"},"2237":{"date":{"__isSmartRef__":true,"id":2238},"author":"sstamm","message":"","id":"DF0AE4EA-1B08-4556-8BBE-E6488F23B8A3"},"2238":{"isSerializedDate":true,"string":"Thu Feb 02 2012 07:49:48 GMT-0800 (Pacific Standard Time)"},"2239":{"date":{"__isSmartRef__":true,"id":2240},"author":"sstamm","message":"","id":"220821B3-C589-41C9-A324-8E7E6D9D6CEB"},"2240":{"isSerializedDate":true,"string":"Thu Feb 02 2012 07:58:43 GMT-0800 (Pacific Standard Time)"},"2241":{"date":{"__isSmartRef__":true,"id":2242},"author":"sstamm","message":"","id":"DEBFACE2-7EC5-4A86-AD46-5A0A88A73707"},"2242":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:04:28 GMT-0800 (Pacific Standard Time)"},"2243":{"date":{"__isSmartRef__":true,"id":2244},"author":"sstamm","message":"load request in new thread if loading should be async","id":"18282D28-D6D4-48C9-A508-6E3244449BD8"},"2244":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:10:27 GMT-0800 (Pacific Standard Time)"},"2245":{"date":{"__isSmartRef__":true,"id":2246},"author":"sstamm","message":"added benchmarking output","id":"249CFF90-DDF5-4A83-9759-0289E96D7D58"},"2246":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:31:50 GMT-0800 (Pacific Standard Time)"},"2247":{"date":{"__isSmartRef__":true,"id":2248},"author":"sstamm","message":"","id":"882082E1-29B6-418D-9B8B-672729D60619"},"2248":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:38:26 GMT-0800 (Pacific Standard Time)"},"2249":{"date":{"__isSmartRef__":true,"id":2250},"author":"sstamm","message":"","id":"5179AEF9-E19F-4B0C-BBD8-556C5687988A"},"2250":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:44:11 GMT-0800 (Pacific Standard Time)"},"2251":{"date":{"__isSmartRef__":true,"id":2252},"author":"sstamm","message":"","id":"1159C5B4-724E-4124-9D7B-5CD5DC4A8EE3"},"2252":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:48:14 GMT-0800 (Pacific Standard Time)"},"2253":{"date":{"__isSmartRef__":true,"id":2254},"author":"sstamm","message":"","id":"2A718D1F-1036-41D6-999A-336F2B14E65D"},"2254":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:49:47 GMT-0800 (Pacific Standard Time)"},"2255":{"date":{"__isSmartRef__":true,"id":2256},"author":"sstamm","message":"","id":"EB6BDD0C-7EEC-4124-B77F-2F106A601538"},"2256":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:59:48 GMT-0800 (Pacific Standard Time)"},"2257":{"date":{"__isSmartRef__":true,"id":2258},"author":"sstamm","message":"","id":"63EC8D07-AB6A-450A-BB84-9B4D37E03647"},"2258":{"isSerializedDate":true,"string":"Tue Feb 07 2012 03:02:33 GMT-0800 (Pacific Standard Time)"},"2259":{"date":{"__isSmartRef__":true,"id":2260},"author":"sstamm","message":"","id":"19CE12E4-5AA5-48DC-B1D1-B0EB0EDF1CB9"},"2260":{"isSerializedDate":true,"string":"Tue Feb 07 2012 03:03:42 GMT-0800 (Pacific Standard Time)"},"2261":{"date":{"__isSmartRef__":true,"id":2262},"author":"sstamm","message":"first attempt to introduce callback functions to part loading","id":"22BD0B95-8948-411A-A56E-AD7CBE445F1D"},"2262":{"isSerializedDate":true,"string":"Thu Feb 09 2012 11:20:11 GMT-0800 (Pacific Standard Time)"},"2263":{"date":{"__isSmartRef__":true,"id":2264},"author":"sstamm","message":"","id":"A216DFD2-9D1F-4E62-A22F-6B5472823E1B"},"2264":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:37:34 GMT-0700 (Pacific Daylight Time)"},"2265":{"date":{"__isSmartRef__":true,"id":2266},"author":"sstamm","message":"","id":"464E723A-08DC-433C-AA5C-CEC850DBAF0B"},"2266":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:42:29 GMT-0700 (Pacific Daylight Time)"},"2267":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"2268":{"morph":{"__isSmartRef__":true,"id":2132},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"2269":{"x":266,"y":223,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2270":{"adjustForNewBounds":true},"2271":{"x":171,"y":-13,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"2272":{"loadPart":{"__isSmartRef__":true,"id":2273},"loadFinished":{"__isSmartRef__":true,"id":2277},"loadPartByName":{"__isSmartRef__":true,"id":2281}},"2273":{"varMapping":{"__isSmartRef__":true,"id":2274},"source":"function loadPart(partItem, isAsync) {\n this.partItem = partItem;\n \n this.openInWorld();\n if(partItem.part) {\n this.setExtent(partItem.part.getExtent());\n }\n this.align(this.bounds().center(), $world.visibleBounds().center());\n \n \n if(typeof isAsync === \"function\") {\n this.callback = isAsync;\n }\n\n connect(partItem, 'part', this, \"loadFinished\");\n\n partItem.loadPart(isAsync);\n\n return partItem.part;\n\n}","funcProperties":{"__isSmartRef__":true,"id":2275},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"2274":{"this":{"__isSmartRef__":true,"id":2132}},"2275":{"timestamp":{"__isSmartRef__":true,"id":2276},"user":"sstamm","tags":[]},"2276":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:42:18 GMT-0700 (Pacific Daylight Time)"},"2277":{"varMapping":{"__isSmartRef__":true,"id":2278},"source":"function loadFinished(part) {\n if(this.owner === $world.firstHand()) {\n $world.firstHand().removeAllMorphs();\n } else {\n this.owner.addMorph(part);\n part.align(part.bounds().center(), this.bounds().center());\n this.remove();\n }\n disconnect(this.partItem, 'part', this, \"loadFinished\");\n if(this.callback) {\n this.callback(part);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":2279},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"2278":{"this":{"__isSmartRef__":true,"id":2132}},"2279":{"timestamp":{"__isSmartRef__":true,"id":2280},"user":"sstamm","tags":[]},"2280":{"isSerializedDate":true,"string":"Wed Feb 22 2012 05:01:53 GMT-0800 (Pacific Standard Time)"},"2281":{"varMapping":{"__isSmartRef__":true,"id":2282},"source":"function loadPartByName(partName, optPartsSpaceName, isAsync) {\n var partItem = lively.PartsBin.getPartItem(partName, optPartsSpaceName);\n return this.loadPart(partItem, isAsync);\n}","funcProperties":{"__isSmartRef__":true,"id":2283},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"2282":{"this":{"__isSmartRef__":true,"id":2132}},"2283":{"timestamp":{"__isSmartRef__":true,"id":2284},"user":"sstamm","tags":[]},"2284":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:03:18 GMT-0800 (Pacific Standard Time)"},"isSimplifiedRegistry":true}}]]>