>>walkUntilReached()): TypeError: Cannot read property '13' of undefined\nTypeError: Cannot read property '13' of undefined\n at Box.neighboursInDirection (eval at (http://lively-kernel.org/repository/webwerkstatt/core/generated/combinedModules.js?7cd2bb72b25ef84d03e2b7bad304acf9:14192:29))\n at Box.walkUntilReached (eval at (http://lively-kernel.org/repository/webwerkstatt/core/generated/combinedModules.js?7cd2bb72b25ef84d03e2b7bad304acf9:14192:29))\n at TargetScript.execute (http://lively-kernel.org/repository/webwerkstatt/core/generated/combinedModules.js?7cd2bb72b25ef84d03e2b7bad304acf9:23298:36)\n at TargetScript.tick (http://lively-kernel.org/repository/webwerkstatt/core/generated/combinedModules.js?7cd2bb72b25ef84d03e2b7bad304acf9:23226:18)\n at bound (http://lively-kernel.org/repository/webwerkstatt/core/lively/bootstrap.js:853:37)","prevScroll":[0,0],"showsHalos":false,"loadingMorph":{"__isSmartRef__":true,"id":4374},"savedWorldAsURL":{"__isSmartRef__":true,"id":4527},"attributeConnections":[{"__isSmartRef__":true,"id":4528}],"doNotSerialize":["$$savedWorldAsURL"],"doNotCopyProperties":["$$savedWorldAsURL"],"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.World"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2},{"__isSmartRef__":true,"id":31},{"__isSmartRef__":true,"id":60}],"scripts":[],"id":"2EC1CA24-F67E-4331-B5C5-0F6121A9B7AB","shape":{"__isSmartRef__":true,"id":89},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":96},"showsHalos":false,"name":"Rectangle","partsBinMetaInfo":{"__isSmartRef__":true,"id":97},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":110},"eventHandler":{"__isSmartRef__":true,"id":111},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4"],"partTests":{"__isSmartRef__":true,"id":112},"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":0},"isBeingDragged":false,"_Rotation":0,"_Scale":1.002003004005006,"priorExtent":{"__isSmartRef__":true,"id":117},"__LivelyClassName__":"lively.morphic.Box"},"2":{"submorphs":[],"scripts":[],"id":"77A2D053-237C-4342-B79B-D1A5349309B8","shape":{"__isSmartRef__":true,"id":3},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":10},"showsHalos":false,"name":"Rectangle1","partsBinMetaInfo":{"__isSmartRef__":true,"id":11},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":24},"eventHandler":{"__isSmartRef__":true,"id":25},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4"],"partTests":{"__isSmartRef__":true,"id":26},"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":1},"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Box"},"3":{"position":{"__isSmartRef__":true,"id":4},"_Extent":{"__isSmartRef__":true,"id":5},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":6},"_Fill":{"__isSmartRef__":true,"id":7},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":8},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":9},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"5":{"x":100,"y":100,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"6":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"7":{"r":0,"g":0,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"8":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"9":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"10":{"x":30.938030999999995,"y":24.950024999999982,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"11":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","comment":"A simple box morph. A really blue one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"Rectangle","changes":[{"__isSmartRef__":true,"id":12},{"__isSmartRef__":true,"id":14},{"__isSmartRef__":true,"id":16},{"__isSmartRef__":true,"id":18},{"__isSmartRef__":true,"id":20},{"__isSmartRef__":true,"id":22}],"revisionOnLoad":158846,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"12":{"date":{"__isSmartRef__":true,"id":13},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"13":{"isSerializedDate":true,"string":"Mon Apr 09 2012 13:42:07 GMT+0200 (CEST)"},"14":{"date":{"__isSmartRef__":true,"id":15},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"15":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:42:26 GMT+0100 (CET)"},"16":{"date":{"__isSmartRef__":true,"id":17},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"17":{"isSerializedDate":true,"string":"Sat Feb 25 2012 02:59:09 GMT+0100 (CET)"},"18":{"date":{"__isSmartRef__":true,"id":19},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"19":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:53:45 GMT+0100 (CET)"},"20":{"date":{"__isSmartRef__":true,"id":21},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"21":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:30 GMT+0200 (CEST)"},"22":{"date":{"__isSmartRef__":true,"id":23},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"23":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:36 GMT+0200 (CEST)"},"24":{"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"},"25":{"morph":{"__isSmartRef__":true,"id":2},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"26":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":27}},"27":{"test01IsMorph":{"__isSmartRef__":true,"id":28}},"28":{"varMapping":{"__isSmartRef__":true,"id":29},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":30},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"29":{"this":{"__isSmartRef__":true,"id":26}},"30":{},"31":{"submorphs":[],"scripts":[],"id":"2C261BB3-E04B-48BC-B55E-0086F3181169","shape":{"__isSmartRef__":true,"id":32},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":39},"showsHalos":false,"name":"Rectangle2","partsBinMetaInfo":{"__isSmartRef__":true,"id":40},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":53},"eventHandler":{"__isSmartRef__":true,"id":54},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4","77A2D053-237C-4342-B79B-D1A5349309B8"],"partTests":{"__isSmartRef__":true,"id":55},"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":1},"_Rotation":0,"_Scale":0.998001,"__LivelyClassName__":"lively.morphic.Box"},"32":{"position":{"__isSmartRef__":true,"id":33},"_Extent":{"__isSmartRef__":true,"id":34},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":35},"_Fill":{"__isSmartRef__":true,"id":36},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":37},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":38},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"33":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"34":{"x":100,"y":100,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"35":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"36":{"r":0,"g":0,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"37":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"38":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"39":{"x":179.64018,"y":22.954023000000007,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"40":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","comment":"A simple box morph. A really blue one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"Rectangle","changes":[{"__isSmartRef__":true,"id":41},{"__isSmartRef__":true,"id":43},{"__isSmartRef__":true,"id":45},{"__isSmartRef__":true,"id":47},{"__isSmartRef__":true,"id":49},{"__isSmartRef__":true,"id":51}],"revisionOnLoad":158846,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"41":{"date":{"__isSmartRef__":true,"id":42},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"42":{"isSerializedDate":true,"string":"Mon Apr 09 2012 13:42:07 GMT+0200 (CEST)"},"43":{"date":{"__isSmartRef__":true,"id":44},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"44":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:42:26 GMT+0100 (CET)"},"45":{"date":{"__isSmartRef__":true,"id":46},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"46":{"isSerializedDate":true,"string":"Sat Feb 25 2012 02:59:09 GMT+0100 (CET)"},"47":{"date":{"__isSmartRef__":true,"id":48},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"48":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:53:45 GMT+0100 (CET)"},"49":{"date":{"__isSmartRef__":true,"id":50},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"50":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:30 GMT+0200 (CEST)"},"51":{"date":{"__isSmartRef__":true,"id":52},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"52":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:36 GMT+0200 (CEST)"},"53":{"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"},"54":{"morph":{"__isSmartRef__":true,"id":31},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"55":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":56}},"56":{"test01IsMorph":{"__isSmartRef__":true,"id":57}},"57":{"varMapping":{"__isSmartRef__":true,"id":58},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":59},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"58":{"this":{"__isSmartRef__":true,"id":55}},"59":{},"60":{"submorphs":[],"scripts":[],"id":"0E384F7A-C55E-49EB-9ECE-FFB6BECF9575","shape":{"__isSmartRef__":true,"id":61},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":68},"showsHalos":false,"name":"Rectangle3","partsBinMetaInfo":{"__isSmartRef__":true,"id":69},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":82},"eventHandler":{"__isSmartRef__":true,"id":83},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4","77A2D053-237C-4342-B79B-D1A5349309B8","2C261BB3-E04B-48BC-B55E-0086F3181169"],"partTests":{"__isSmartRef__":true,"id":84},"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":1},"_Rotation":0,"_Scale":0.996005996001,"__LivelyClassName__":"lively.morphic.Box"},"61":{"position":{"__isSmartRef__":true,"id":62},"_Extent":{"__isSmartRef__":true,"id":63},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":64},"_Fill":{"__isSmartRef__":true,"id":65},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":66},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":67},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"62":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"63":{"x":100,"y":100,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"64":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"65":{"r":0,"g":0,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"66":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"67":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"68":{"x":321.356322,"y":18.962018999999998,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"69":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","comment":"A simple box morph. A really blue one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"Rectangle","changes":[{"__isSmartRef__":true,"id":70},{"__isSmartRef__":true,"id":72},{"__isSmartRef__":true,"id":74},{"__isSmartRef__":true,"id":76},{"__isSmartRef__":true,"id":78},{"__isSmartRef__":true,"id":80}],"revisionOnLoad":158846,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"70":{"date":{"__isSmartRef__":true,"id":71},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"71":{"isSerializedDate":true,"string":"Mon Apr 09 2012 13:42:07 GMT+0200 (CEST)"},"72":{"date":{"__isSmartRef__":true,"id":73},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"73":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:42:26 GMT+0100 (CET)"},"74":{"date":{"__isSmartRef__":true,"id":75},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"75":{"isSerializedDate":true,"string":"Sat Feb 25 2012 02:59:09 GMT+0100 (CET)"},"76":{"date":{"__isSmartRef__":true,"id":77},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"77":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:53:45 GMT+0100 (CET)"},"78":{"date":{"__isSmartRef__":true,"id":79},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"79":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:30 GMT+0200 (CEST)"},"80":{"date":{"__isSmartRef__":true,"id":81},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"81":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:36 GMT+0200 (CEST)"},"82":{"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"},"83":{"morph":{"__isSmartRef__":true,"id":60},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"84":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":85}},"85":{"test01IsMorph":{"__isSmartRef__":true,"id":86}},"86":{"varMapping":{"__isSmartRef__":true,"id":87},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":88},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"87":{"this":{"__isSmartRef__":true,"id":84}},"88":{},"89":{"position":{"__isSmartRef__":true,"id":90},"_Extent":{"__isSmartRef__":true,"id":91},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":92},"_Fill":{"__isSmartRef__":true,"id":93},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":94},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":95},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","#startLetters":"renderContext()","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"90":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"91":{"x":1303.5892059999992,"y":530.1384309999992,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"92":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"93":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"94":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"95":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"96":{"x":187,"y":346,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"97":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","comment":"A simple box morph. A really blue one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"Rectangle","changes":[{"__isSmartRef__":true,"id":98},{"__isSmartRef__":true,"id":100},{"__isSmartRef__":true,"id":102},{"__isSmartRef__":true,"id":104},{"__isSmartRef__":true,"id":106},{"__isSmartRef__":true,"id":108}],"revisionOnLoad":158846,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"98":{"date":{"__isSmartRef__":true,"id":99},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"99":{"isSerializedDate":true,"string":"Mon Apr 09 2012 13:42:07 GMT+0200 (CEST)"},"100":{"date":{"__isSmartRef__":true,"id":101},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"101":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:42:26 GMT+0100 (CET)"},"102":{"date":{"__isSmartRef__":true,"id":103},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"103":{"isSerializedDate":true,"string":"Sat Feb 25 2012 02:59:09 GMT+0100 (CET)"},"104":{"date":{"__isSmartRef__":true,"id":105},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"105":{"isSerializedDate":true,"string":"Wed Mar 14 2012 10:53:45 GMT+0100 (CET)"},"106":{"date":{"__isSmartRef__":true,"id":107},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"107":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:30 GMT+0200 (CEST)"},"108":{"date":{"__isSmartRef__":true,"id":109},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"109":{"isSerializedDate":true,"string":"Thu May 03 2012 15:51:36 GMT+0200 (CEST)"},"110":{"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"},"111":{"morph":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"112":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":113}},"113":{"test01IsMorph":{"__isSmartRef__":true,"id":114}},"114":{"varMapping":{"__isSmartRef__":true,"id":115},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":116},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"115":{"this":{"__isSmartRef__":true,"id":112}},"116":{},"117":{"x":1307.5812099999991,"y":530.1384309999992,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"118":{"submorphs":[{"__isSmartRef__":true,"id":119},{"__isSmartRef__":true,"id":3767},{"__isSmartRef__":true,"id":3804}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3953},"id":"96B16934-1FEE-4314-B1ED-C1F2E99B2AB9","renderContextTable":{"__isSmartRef__":true,"id":3957},"eventHandler":{"__isSmartRef__":true,"id":3958},"droppingEnabled":true,"halosEnabled":true,"__layered_draggingEnabled__":true,"layout":{"__isSmartRef__":true,"id":3959},"LK2":true,"_Position":{"__isSmartRef__":true,"id":3960},"priorExtent":{"__isSmartRef__":true,"id":3961},"targetMorph":{"__isSmartRef__":true,"id":119},"titleBar":{"__isSmartRef__":true,"id":3804},"contentOffset":{"__isSmartRef__":true,"id":3962},"collapsedTransform":null,"collapsedExtent":null,"expandedTransform":null,"expandedExtent":null,"ignoreEventsOnExpand":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":3963},"name":"Explorer","prevDragPos":{"__isSmartRef__":true,"id":4008},"isBeingDragged":false,"highlighted":false,"showsHalos":false,"__SourceModuleName__":"Global.lively.morphic.Widgets","explorer":{"__isSmartRef__":true,"id":119},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isCopyMorphRef":true,"morphRefId":1,"prevScroll":[0,0],"minExtent":{"__isSmartRef__":true,"id":4009},"derivationIds":[369,"5976C77B-5C20-4DC4-BDA1-A2269E9FEC17","8A4661CC-271E-4CA9-9B42-C428E5DCCB01","B002D7D6-4167-4D6A-8981-E569CE5EE4CC","21A298C5-87D3-4C5F-8FB6-34DB19723B44","A077835E-1096-40C4-92FB-6830D29FC989","32525E7F-A548-4001-86AE-BBDE7D2BAD17"],"_Rotation":0,"_Scale":1.0141055623885957,"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":0},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4010},"__LivelyClassName__":"lively.morphic.Window","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"119":{"submorphs":[{"__isSmartRef__":true,"id":120},{"__isSmartRef__":true,"id":3710}],"scripts":[],"id":"13C3DAAE-C944-4E25-A555-B55055B21113","shape":{"__isSmartRef__":true,"id":3733},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":3740},"showsHalos":false,"name":"ExplorerPane","partsBinMetaInfo":{"__isSmartRef__":true,"id":3741},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":3744},"eventHandler":{"__isSmartRef__":true,"id":3745},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":118},"priorExtent":{"__isSmartRef__":true,"id":3746},"distanceToDragEvent":{"__isSmartRef__":true,"id":3747},"layout":{"__isSmartRef__":true,"id":3748},"workspace":{"__isSmartRef__":true,"id":3710},"treeView":{"__isSmartRef__":true,"id":120},"focusedNode":{"__isSmartRef__":true,"id":123},"isInLayoutCycle":false,"prevScroll":[0,0],"derivationIds":[370,"19EB328E-FFB1-41CD-B181-A60FCF27908C","D1C1A399-6222-405C-A922-2ADD2DFBFB56","F7B66347-DB63-470F-8ABC-5C342E31BC5E","7A83A60F-0956-4BD5-AFDB-B7CFECEF9E30","D14B60A2-D449-4E15-8A1B-EADF6D8A988B","9AA7774E-2D58-467B-986D-947454B915CA"],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3750},"__LivelyClassName__":"lively.morphic.Box"},"120":{"submorphs":[{"__isSmartRef__":true,"id":121}],"scripts":[{"__isSmartRef__":true,"id":3629}],"id":"7FF78058-B8FA-400B-9429-8D79DE0F5F33","shape":{"__isSmartRef__":true,"id":3630},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":3636},"showsHalos":false,"name":"TreeView","partsBinMetaInfo":{"__isSmartRef__":true,"id":3637},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":3638},"eventHandler":{"__isSmartRef__":true,"id":3639},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"priorExtent":{"__isSmartRef__":true,"id":3640},"layout":{"__isSmartRef__":true,"id":3641},"isInLayoutCycle":false,"isCopyMorphRef":true,"morphRefId":1,"isBeingDragged":false,"owner":{"__isSmartRef__":true,"id":119},"distanceToDragEvent":{"__isSmartRef__":true,"id":3643},"colors":{"__isSmartRef__":true,"id":3644},"fonts":{"__isSmartRef__":true,"id":3645},"sizes":{"__isSmartRef__":true,"id":3646},"rootNode":{"__isSmartRef__":true,"id":123},"prevScroll":[0,0],"derivationIds":[371,"5F72E9BF-51FA-45DD-9F01-ADDC32FBF64C","4B46569F-B458-41CF-846F-31DB325C55FE","BC2E4190-4592-4E2C-8644-51CA0FC16963","DBB73829-F82D-45F0-8499-2332C8C0487E","78E2B139-F388-4299-A7CC-0964C21003A4","F124DD76-61DA-471A-A1DA-D01C9F74D5C3"],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3651},"__LivelyClassName__":"lively.morphic.Box"},"121":{"submorphs":[{"__isSmartRef__":true,"id":122}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3611},"derivationIds":[null],"id":"00254E92-7F01-4CDD-A219-28C10F7FD414","renderContextTable":{"__isSmartRef__":true,"id":3616},"eventHandler":{"__isSmartRef__":true,"id":3617},"_ClipMode":"scroll","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3618},"layout":{"__isSmartRef__":true,"id":3619},"grabbingEnabled":false,"draggingEnabled":false,"name":"TreeViewScrollPane","owner":{"__isSmartRef__":true,"id":120},"priorExtent":{"__isSmartRef__":true,"id":3620},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3621},"__LivelyClassName__":"lively.morphic.Clip","__SourceModuleName__":"Global.lively.morphic.Core"},"122":{"submorphs":[{"__isSmartRef__":true,"id":123},{"__isSmartRef__":true,"id":223}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3593},"derivationIds":[null],"id":"54DB0847-E5DF-4DCC-B160-C69B18FF8E64","renderContextTable":{"__isSmartRef__":true,"id":3598},"eventHandler":{"__isSmartRef__":true,"id":3599},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3600},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3602},"owner":{"__isSmartRef__":true,"id":121},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3603},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"123":{"submorphs":[{"__isSmartRef__":true,"id":124},{"__isSmartRef__":true,"id":142}],"scripts":[],"shape":{"__isSmartRef__":true,"id":162},"derivationIds":[null],"id":"055F1546-CCE1-4B5E-9D76-51B17B7B4C3A","renderContextTable":{"__isSmartRef__":true,"id":167},"eventHandler":{"__isSmartRef__":true,"id":168},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":169},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1},"propertyList":["submorphs","scripts","id","shape","droppingEnabled","halosEnabled","registeredForMouseEvents","_Position","showsHalos","name","partsBinMetaInfo","__SourceModuleName__","renderContextTable","eventHandler","attributeConnections","doNotSerialize","doNotCopyProperties","derivationIds","partTests","_ClipMode","_renderContext","_isRendered","owner","halos","isBeingDragged","_Rotation","_Scale","priorExtent"],"level":0,"treeView":{"__isSmartRef__":true,"id":120},"label":"Properties","children":[{"__isSmartRef__":true,"id":170},{"__isSmartRef__":true,"id":225},{"__isSmartRef__":true,"id":309},{"__isSmartRef__":true,"id":393},{"__isSmartRef__":true,"id":477},{"__isSmartRef__":true,"id":561},{"__isSmartRef__":true,"id":645},{"__isSmartRef__":true,"id":729},{"__isSmartRef__":true,"id":813},{"__isSmartRef__":true,"id":897},{"__isSmartRef__":true,"id":981},{"__isSmartRef__":true,"id":1065},{"__isSmartRef__":true,"id":1149},{"__isSmartRef__":true,"id":1233},{"__isSmartRef__":true,"id":1317},{"__isSmartRef__":true,"id":1401},{"__isSmartRef__":true,"id":1485},{"__isSmartRef__":true,"id":1569},{"__isSmartRef__":true,"id":1653},{"__isSmartRef__":true,"id":1736},{"__isSmartRef__":true,"id":1820},{"__isSmartRef__":true,"id":1904},{"__isSmartRef__":true,"id":1988},{"__isSmartRef__":true,"id":2072},{"__isSmartRef__":true,"id":2156},{"__isSmartRef__":true,"id":3352},{"__isSmartRef__":true,"id":3436}],"parent":null,"expander":{"__isSmartRef__":true,"id":124},"text":{"__isSmartRef__":true,"id":142},"owner":{"__isSmartRef__":true,"id":122},"_Position":{"__isSmartRef__":true,"id":3571},"priorExtent":{"__isSmartRef__":true,"id":3572},"_Rotation":0,"_Scale":1.0141055623885957,"childrenWrapper":{"__isSmartRef__":true,"id":223},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3573},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"124":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":125},"derivationIds":[null],"id":"A36E7EE3-0A90-4FD2-9997-A9C256C00EE8","renderContextTable":{"__isSmartRef__":true,"id":132},"eventHandler":{"__isSmartRef__":true,"id":133},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":134},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":123},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":135},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"125":{"_Position":{"__isSmartRef__":true,"id":126},"renderContextTable":{"__isSmartRef__":true,"id":127},"_Extent":{"__isSmartRef__":true,"id":128},"_Padding":{"__isSmartRef__":true,"id":129},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"126":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"127":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"128":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"129":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"130":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"131":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"132":{"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"},"133":{"morph":{"__isSmartRef__":true,"id":124},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"134":{"x":8,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"135":{"toggle":{"__isSmartRef__":true,"id":136},"toggleExpansion":{"__isSmartRef__":true,"id":139}},"136":{"varMapping":{"__isSmartRef__":true,"id":137},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":138},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"137":{"this":{"__isSmartRef__":true,"id":124}},"138":{},"139":{"varMapping":{"__isSmartRef__":true,"id":140},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":141},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"140":{"this":{"__isSmartRef__":true,"id":124}},"141":{},"142":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":143},"derivationIds":[null],"id":"705BFEA2-2C5F-44E3-A008-77BA1F57B1CD","renderContextTable":{"__isSmartRef__":true,"id":150},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":151},{"__isSmartRef__":true,"id":153}],"eventHandler":{"__isSmartRef__":true,"id":156},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":157},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":123},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":158},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"143":{"_Position":{"__isSmartRef__":true,"id":144},"renderContextTable":{"__isSmartRef__":true,"id":145},"_Extent":{"__isSmartRef__":true,"id":146},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"144":{"x":18,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"145":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"146":{"x":157.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"147":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"148":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"149":{"r":0.9529411764705882,"g":0.9529411764705882,"b":0.9529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"150":{"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","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"},"151":{"style":{"__isSmartRef__":true,"id":152},"chunkOwner":{"__isSmartRef__":true,"id":142},"storedString":"Properties","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"152":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"153":{"style":{"__isSmartRef__":true,"id":154},"chunkOwner":{"__isSmartRef__":true,"id":142},"storedString":": Rectangle","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"154":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"155":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"156":{"morph":{"__isSmartRef__":true,"id":142},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"157":{"x":134,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"158":{"layoutText":{"__isSmartRef__":true,"id":159}},"159":{"varMapping":{"__isSmartRef__":true,"id":160},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":161},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"160":{"this":{"__isSmartRef__":true,"id":142}},"161":{},"162":{"_Position":{"__isSmartRef__":true,"id":163},"renderContextTable":{"__isSmartRef__":true,"id":164},"_Extent":{"__isSmartRef__":true,"id":165},"_Padding":{"__isSmartRef__":true,"id":166},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"163":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"164":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"165":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"166":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"167":{"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"},"168":{"morph":{"__isSmartRef__":true,"id":123},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"169":{"resizeWidth":true},"170":{"submorphs":[{"__isSmartRef__":true,"id":171},{"__isSmartRef__":true,"id":188}],"scripts":[],"shape":{"__isSmartRef__":true,"id":204},"derivationIds":[null],"id":"00EC8481-4420-4D7D-A2D6-DBB972E62F55","renderContextTable":{"__isSmartRef__":true,"id":209},"eventHandler":{"__isSmartRef__":true,"id":210},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":211},"grabbingEnabled":false,"draggingEnabled":false,"data":"visible","propertyList":["0","1","2","3","4","5","6"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_ClipMode","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":171},"text":{"__isSmartRef__":true,"id":188},"owner":{"__isSmartRef__":true,"id":212},"_Position":{"__isSmartRef__":true,"id":3549},"priorExtent":{"__isSmartRef__":true,"id":3550},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3551},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"171":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":172},"derivationIds":[null],"id":"AB0D4A60-12F9-4840-88F2-EFA6A0752497","renderContextTable":{"__isSmartRef__":true,"id":178},"eventHandler":{"__isSmartRef__":true,"id":179},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":180},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":170},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":181},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"172":{"_Position":{"__isSmartRef__":true,"id":173},"renderContextTable":{"__isSmartRef__":true,"id":174},"_Extent":{"__isSmartRef__":true,"id":175},"_Padding":{"__isSmartRef__":true,"id":176},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":177},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"173":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"174":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"175":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"176":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"177":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"178":{"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"},"179":{"morph":{"__isSmartRef__":true,"id":171},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"180":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"181":{"toggle":{"__isSmartRef__":true,"id":182},"toggleExpansion":{"__isSmartRef__":true,"id":185}},"182":{"varMapping":{"__isSmartRef__":true,"id":183},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":184},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"183":{"this":{"__isSmartRef__":true,"id":171}},"184":{},"185":{"varMapping":{"__isSmartRef__":true,"id":186},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":187},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"186":{"this":{"__isSmartRef__":true,"id":171}},"187":{},"188":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":189},"derivationIds":[null],"id":"D806D18B-6BF4-4FF9-8343-57BC1B2053C0","renderContextTable":{"__isSmartRef__":true,"id":193},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":194},{"__isSmartRef__":true,"id":196}],"eventHandler":{"__isSmartRef__":true,"id":198},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":199},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":170},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":200},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"189":{"_Position":{"__isSmartRef__":true,"id":190},"renderContextTable":{"__isSmartRef__":true,"id":191},"_Extent":{"__isSmartRef__":true,"id":192},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"190":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"191":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"192":{"x":115,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"193":{"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","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"},"194":{"style":{"__isSmartRef__":true,"id":195},"chunkOwner":{"__isSmartRef__":true,"id":188},"storedString":"_ClipMode","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"195":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"196":{"style":{"__isSmartRef__":true,"id":197},"chunkOwner":{"__isSmartRef__":true,"id":188},"storedString":": visible","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"197":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"198":{"morph":{"__isSmartRef__":true,"id":188},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"199":{"x":135,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"200":{"layoutText":{"__isSmartRef__":true,"id":201}},"201":{"varMapping":{"__isSmartRef__":true,"id":202},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":203},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"202":{"this":{"__isSmartRef__":true,"id":188}},"203":{},"204":{"_Position":{"__isSmartRef__":true,"id":205},"renderContextTable":{"__isSmartRef__":true,"id":206},"_Extent":{"__isSmartRef__":true,"id":207},"_Padding":{"__isSmartRef__":true,"id":208},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"205":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"206":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"207":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"208":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"209":{"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"},"210":{"morph":{"__isSmartRef__":true,"id":170},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"211":{"resizeWidth":true},"212":{"submorphs":[{"__isSmartRef__":true,"id":170}],"scripts":[],"shape":{"__isSmartRef__":true,"id":213},"derivationIds":[null],"id":"AF158DE1-E581-49AA-A975-9549E267CD68","renderContextTable":{"__isSmartRef__":true,"id":218},"eventHandler":{"__isSmartRef__":true,"id":219},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":220},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":222},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":3540},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3541},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"213":{"_Position":{"__isSmartRef__":true,"id":214},"renderContextTable":{"__isSmartRef__":true,"id":215},"_Extent":{"__isSmartRef__":true,"id":216},"_Padding":{"__isSmartRef__":true,"id":217},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"214":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"215":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"216":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"217":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"218":{"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"},"219":{"morph":{"__isSmartRef__":true,"id":212},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"220":{"layouter":{"__isSmartRef__":true,"id":221},"resizeWidth":true},"221":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":212},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"222":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"223":{"submorphs":[{"__isSmartRef__":true,"id":212},{"__isSmartRef__":true,"id":224},{"__isSmartRef__":true,"id":308},{"__isSmartRef__":true,"id":392},{"__isSmartRef__":true,"id":476},{"__isSmartRef__":true,"id":560},{"__isSmartRef__":true,"id":644},{"__isSmartRef__":true,"id":728},{"__isSmartRef__":true,"id":812},{"__isSmartRef__":true,"id":896},{"__isSmartRef__":true,"id":980},{"__isSmartRef__":true,"id":1064},{"__isSmartRef__":true,"id":1148},{"__isSmartRef__":true,"id":1232},{"__isSmartRef__":true,"id":1316},{"__isSmartRef__":true,"id":1400},{"__isSmartRef__":true,"id":1484},{"__isSmartRef__":true,"id":1568},{"__isSmartRef__":true,"id":1652},{"__isSmartRef__":true,"id":1735},{"__isSmartRef__":true,"id":1819},{"__isSmartRef__":true,"id":1903},{"__isSmartRef__":true,"id":1987},{"__isSmartRef__":true,"id":2071},{"__isSmartRef__":true,"id":2155},{"__isSmartRef__":true,"id":3351},{"__isSmartRef__":true,"id":3435}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3518},"derivationIds":[null],"id":"77D7CCB5-3EAE-49B5-A273-76360EC076B1","renderContextTable":{"__isSmartRef__":true,"id":3523},"eventHandler":{"__isSmartRef__":true,"id":3524},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3525},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3527},"owner":{"__isSmartRef__":true,"id":122},"_Position":{"__isSmartRef__":true,"id":3528},"_Visible":false,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3529},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"224":{"submorphs":[{"__isSmartRef__":true,"id":225}],"scripts":[],"shape":{"__isSmartRef__":true,"id":289},"derivationIds":[null],"id":"35765E36-22FE-4569-9487-1F19AD4B711A","renderContextTable":{"__isSmartRef__":true,"id":294},"eventHandler":{"__isSmartRef__":true,"id":295},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":296},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":298},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":299},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":300},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"225":{"submorphs":[{"__isSmartRef__":true,"id":226},{"__isSmartRef__":true,"id":243}],"scripts":[],"shape":{"__isSmartRef__":true,"id":259},"derivationIds":[null],"id":"47D1B7F4-D5A1-4E49-9E1A-AB78EC84A60D","renderContextTable":{"__isSmartRef__":true,"id":264},"eventHandler":{"__isSmartRef__":true,"id":265},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":266},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":96},"propertyList":["x","y"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Position","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":226},"text":{"__isSmartRef__":true,"id":243},"owner":{"__isSmartRef__":true,"id":224},"_Position":{"__isSmartRef__":true,"id":267},"priorExtent":{"__isSmartRef__":true,"id":268},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":269},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"226":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":227},"derivationIds":[null],"id":"BD19BEA5-D330-4F51-AAE6-4679BCECD195","renderContextTable":{"__isSmartRef__":true,"id":233},"eventHandler":{"__isSmartRef__":true,"id":234},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":235},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":225},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":236},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"227":{"_Position":{"__isSmartRef__":true,"id":228},"renderContextTable":{"__isSmartRef__":true,"id":229},"_Extent":{"__isSmartRef__":true,"id":230},"_Padding":{"__isSmartRef__":true,"id":231},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":232},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"228":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"229":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"230":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"231":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"232":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"233":{"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"},"234":{"morph":{"__isSmartRef__":true,"id":226},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"235":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"236":{"toggle":{"__isSmartRef__":true,"id":237},"toggleExpansion":{"__isSmartRef__":true,"id":240}},"237":{"varMapping":{"__isSmartRef__":true,"id":238},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":239},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"238":{"this":{"__isSmartRef__":true,"id":226}},"239":{},"240":{"varMapping":{"__isSmartRef__":true,"id":241},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":242},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"241":{"this":{"__isSmartRef__":true,"id":226}},"242":{},"243":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":244},"derivationIds":[null],"id":"4695A42D-7A96-46F9-A014-E1D0B3D2E9C8","renderContextTable":{"__isSmartRef__":true,"id":248},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":249},{"__isSmartRef__":true,"id":251}],"eventHandler":{"__isSmartRef__":true,"id":253},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":254},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":225},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":255},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"244":{"_Position":{"__isSmartRef__":true,"id":245},"renderContextTable":{"__isSmartRef__":true,"id":246},"_Extent":{"__isSmartRef__":true,"id":247},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"245":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"246":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"247":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"248":{"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","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"},"249":{"style":{"__isSmartRef__":true,"id":250},"chunkOwner":{"__isSmartRef__":true,"id":243},"storedString":"_Position","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"250":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"251":{"style":{"__isSmartRef__":true,"id":252},"chunkOwner":{"__isSmartRef__":true,"id":243},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"252":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"253":{"morph":{"__isSmartRef__":true,"id":243},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"254":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"255":{"layoutText":{"__isSmartRef__":true,"id":256}},"256":{"varMapping":{"__isSmartRef__":true,"id":257},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":258},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"257":{"this":{"__isSmartRef__":true,"id":243}},"258":{},"259":{"_Position":{"__isSmartRef__":true,"id":260},"renderContextTable":{"__isSmartRef__":true,"id":261},"_Extent":{"__isSmartRef__":true,"id":262},"_Padding":{"__isSmartRef__":true,"id":263},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"260":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"261":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"262":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"263":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"264":{"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"},"265":{"morph":{"__isSmartRef__":true,"id":225},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"266":{"resizeWidth":true},"267":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"268":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"269":{"updateExpanderColor":{"__isSmartRef__":true,"id":270},"onMouseDown":{"__isSmartRef__":true,"id":273},"isRoot":{"__isSmartRef__":true,"id":280},"displayValue":{"__isSmartRef__":true,"id":283},"update":{"__isSmartRef__":true,"id":286}},"270":{"varMapping":{"__isSmartRef__":true,"id":271},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":272},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"271":{"this":{"__isSmartRef__":true,"id":225}},"272":{},"273":{"varMapping":{"__isSmartRef__":true,"id":274},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":279},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"274":{"this":{"__isSmartRef__":true,"id":225},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":275}},"275":{"$super":{"__isSmartRef__":true,"id":276}},"276":{"varMapping":{"__isSmartRef__":true,"id":277},"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":278},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"277":{"obj":{"__isSmartRef__":true,"id":225},"name":"onMouseDown"},"278":{},"279":{},"280":{"varMapping":{"__isSmartRef__":true,"id":281},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":282},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"281":{"this":{"__isSmartRef__":true,"id":225}},"282":{},"283":{"varMapping":{"__isSmartRef__":true,"id":284},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":285},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"284":{"this":{"__isSmartRef__":true,"id":225}},"285":{},"286":{"varMapping":{"__isSmartRef__":true,"id":287},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":288},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"287":{"this":{"__isSmartRef__":true,"id":225}},"288":{},"289":{"_Position":{"__isSmartRef__":true,"id":290},"renderContextTable":{"__isSmartRef__":true,"id":291},"_Extent":{"__isSmartRef__":true,"id":292},"_Padding":{"__isSmartRef__":true,"id":293},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"290":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"291":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"292":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"293":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"294":{"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"},"295":{"morph":{"__isSmartRef__":true,"id":224},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"296":{"layouter":{"__isSmartRef__":true,"id":297},"resizeWidth":true},"297":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":224},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"298":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"299":{"x":0,"y":520,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"300":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":301}},"301":{"varMapping":{"__isSmartRef__":true,"id":302},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":307},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"302":{"this":{"__isSmartRef__":true,"id":224},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":303}},"303":{"$super":{"__isSmartRef__":true,"id":304}},"304":{"varMapping":{"__isSmartRef__":true,"id":305},"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":306},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"305":{"obj":{"__isSmartRef__":true,"id":224},"name":"getLayoutableSubmorphs"},"306":{},"307":{},"308":{"submorphs":[{"__isSmartRef__":true,"id":309}],"scripts":[],"shape":{"__isSmartRef__":true,"id":373},"derivationIds":[null],"id":"3198A7E1-0BEC-45C4-9B53-86AB4F06ECE0","renderContextTable":{"__isSmartRef__":true,"id":378},"eventHandler":{"__isSmartRef__":true,"id":379},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":380},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":382},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":383},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":384},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"309":{"submorphs":[{"__isSmartRef__":true,"id":310},{"__isSmartRef__":true,"id":327}],"scripts":[],"shape":{"__isSmartRef__":true,"id":343},"derivationIds":[null],"id":"FA80555E-5F75-4D1A-A6F2-ADBCF37D7BA1","renderContextTable":{"__isSmartRef__":true,"id":348},"eventHandler":{"__isSmartRef__":true,"id":349},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":350},"grabbingEnabled":false,"draggingEnabled":false,"data":0,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Rotation","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":310},"text":{"__isSmartRef__":true,"id":327},"owner":{"__isSmartRef__":true,"id":308},"_Position":{"__isSmartRef__":true,"id":351},"priorExtent":{"__isSmartRef__":true,"id":352},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":353},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"310":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":311},"derivationIds":[null],"id":"9DDEB646-B86B-4661-8E43-46819A7E6DD1","renderContextTable":{"__isSmartRef__":true,"id":317},"eventHandler":{"__isSmartRef__":true,"id":318},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":319},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":309},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":320},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"311":{"_Position":{"__isSmartRef__":true,"id":312},"renderContextTable":{"__isSmartRef__":true,"id":313},"_Extent":{"__isSmartRef__":true,"id":314},"_Padding":{"__isSmartRef__":true,"id":315},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":316},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"312":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"313":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"314":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"315":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"316":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"317":{"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"},"318":{"morph":{"__isSmartRef__":true,"id":310},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"319":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"320":{"toggle":{"__isSmartRef__":true,"id":321},"toggleExpansion":{"__isSmartRef__":true,"id":324}},"321":{"varMapping":{"__isSmartRef__":true,"id":322},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":323},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"322":{"this":{"__isSmartRef__":true,"id":310}},"323":{},"324":{"varMapping":{"__isSmartRef__":true,"id":325},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":326},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"325":{"this":{"__isSmartRef__":true,"id":310}},"326":{},"327":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":328},"derivationIds":[null],"id":"34C91D16-3677-47B8-A8CF-5C7D8E8AD66B","renderContextTable":{"__isSmartRef__":true,"id":332},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":333},{"__isSmartRef__":true,"id":335}],"eventHandler":{"__isSmartRef__":true,"id":337},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":338},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":309},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":339},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"328":{"_Position":{"__isSmartRef__":true,"id":329},"renderContextTable":{"__isSmartRef__":true,"id":330},"_Extent":{"__isSmartRef__":true,"id":331},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"329":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"330":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"331":{"x":79,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"332":{"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","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"},"333":{"style":{"__isSmartRef__":true,"id":334},"chunkOwner":{"__isSmartRef__":true,"id":327},"storedString":"_Rotation","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"334":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"335":{"style":{"__isSmartRef__":true,"id":336},"chunkOwner":{"__isSmartRef__":true,"id":327},"storedString":": 0","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"336":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"337":{"morph":{"__isSmartRef__":true,"id":327},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"338":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"339":{"layoutText":{"__isSmartRef__":true,"id":340}},"340":{"varMapping":{"__isSmartRef__":true,"id":341},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":342},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"341":{"this":{"__isSmartRef__":true,"id":327}},"342":{},"343":{"_Position":{"__isSmartRef__":true,"id":344},"renderContextTable":{"__isSmartRef__":true,"id":345},"_Extent":{"__isSmartRef__":true,"id":346},"_Padding":{"__isSmartRef__":true,"id":347},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"344":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"345":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"346":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"347":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"348":{"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"},"349":{"morph":{"__isSmartRef__":true,"id":309},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"350":{"resizeWidth":true},"351":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"352":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"353":{"updateExpanderColor":{"__isSmartRef__":true,"id":354},"onMouseDown":{"__isSmartRef__":true,"id":357},"isRoot":{"__isSmartRef__":true,"id":364},"displayValue":{"__isSmartRef__":true,"id":367},"update":{"__isSmartRef__":true,"id":370}},"354":{"varMapping":{"__isSmartRef__":true,"id":355},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":356},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"355":{"this":{"__isSmartRef__":true,"id":309}},"356":{},"357":{"varMapping":{"__isSmartRef__":true,"id":358},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":363},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"358":{"this":{"__isSmartRef__":true,"id":309},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":359}},"359":{"$super":{"__isSmartRef__":true,"id":360}},"360":{"varMapping":{"__isSmartRef__":true,"id":361},"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":362},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"361":{"obj":{"__isSmartRef__":true,"id":309},"name":"onMouseDown"},"362":{},"363":{},"364":{"varMapping":{"__isSmartRef__":true,"id":365},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":366},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"365":{"this":{"__isSmartRef__":true,"id":309}},"366":{},"367":{"varMapping":{"__isSmartRef__":true,"id":368},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":369},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"368":{"this":{"__isSmartRef__":true,"id":309}},"369":{},"370":{"varMapping":{"__isSmartRef__":true,"id":371},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":372},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"371":{"this":{"__isSmartRef__":true,"id":309}},"372":{},"373":{"_Position":{"__isSmartRef__":true,"id":374},"renderContextTable":{"__isSmartRef__":true,"id":375},"_Extent":{"__isSmartRef__":true,"id":376},"_Padding":{"__isSmartRef__":true,"id":377},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"374":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"375":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"376":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"377":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"378":{"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"},"379":{"morph":{"__isSmartRef__":true,"id":308},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"380":{"layouter":{"__isSmartRef__":true,"id":381},"resizeWidth":true},"381":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":308},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"382":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"383":{"x":0,"y":500,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"384":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":385}},"385":{"varMapping":{"__isSmartRef__":true,"id":386},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":391},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"386":{"this":{"__isSmartRef__":true,"id":308},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":387}},"387":{"$super":{"__isSmartRef__":true,"id":388}},"388":{"varMapping":{"__isSmartRef__":true,"id":389},"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":390},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"389":{"obj":{"__isSmartRef__":true,"id":308},"name":"getLayoutableSubmorphs"},"390":{},"391":{},"392":{"submorphs":[{"__isSmartRef__":true,"id":393}],"scripts":[],"shape":{"__isSmartRef__":true,"id":457},"derivationIds":[null],"id":"377C06E2-2E25-4E1E-AF9C-8FA1CD294DC9","renderContextTable":{"__isSmartRef__":true,"id":462},"eventHandler":{"__isSmartRef__":true,"id":463},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":464},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":466},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":467},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":468},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"393":{"submorphs":[{"__isSmartRef__":true,"id":394},{"__isSmartRef__":true,"id":411}],"scripts":[],"shape":{"__isSmartRef__":true,"id":427},"derivationIds":[null],"id":"ECFF3298-E158-4332-B961-6FCBEA41B3B2","renderContextTable":{"__isSmartRef__":true,"id":432},"eventHandler":{"__isSmartRef__":true,"id":433},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":434},"grabbingEnabled":false,"draggingEnabled":false,"data":1.002003004005006,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Scale","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":394},"text":{"__isSmartRef__":true,"id":411},"owner":{"__isSmartRef__":true,"id":392},"_Position":{"__isSmartRef__":true,"id":435},"priorExtent":{"__isSmartRef__":true,"id":436},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":437},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"394":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":395},"derivationIds":[null],"id":"FDA19E58-EA52-4F49-8590-0D25C299D8D7","renderContextTable":{"__isSmartRef__":true,"id":401},"eventHandler":{"__isSmartRef__":true,"id":402},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":403},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":393},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":404},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"395":{"_Position":{"__isSmartRef__":true,"id":396},"renderContextTable":{"__isSmartRef__":true,"id":397},"_Extent":{"__isSmartRef__":true,"id":398},"_Padding":{"__isSmartRef__":true,"id":399},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":400},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"396":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"397":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"398":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"399":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"400":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"401":{"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"},"402":{"morph":{"__isSmartRef__":true,"id":394},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"403":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"404":{"toggle":{"__isSmartRef__":true,"id":405},"toggleExpansion":{"__isSmartRef__":true,"id":408}},"405":{"varMapping":{"__isSmartRef__":true,"id":406},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":407},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"406":{"this":{"__isSmartRef__":true,"id":394}},"407":{},"408":{"varMapping":{"__isSmartRef__":true,"id":409},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":410},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"409":{"this":{"__isSmartRef__":true,"id":394}},"410":{},"411":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":412},"derivationIds":[null],"id":"EF1A1462-6CB4-413F-8385-B8B5011210A9","renderContextTable":{"__isSmartRef__":true,"id":416},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":417},{"__isSmartRef__":true,"id":419}],"eventHandler":{"__isSmartRef__":true,"id":421},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":422},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":393},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":423},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"412":{"_Position":{"__isSmartRef__":true,"id":413},"renderContextTable":{"__isSmartRef__":true,"id":414},"_Extent":{"__isSmartRef__":true,"id":415},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"413":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"414":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"415":{"x":172,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"416":{"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","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"},"417":{"style":{"__isSmartRef__":true,"id":418},"chunkOwner":{"__isSmartRef__":true,"id":411},"storedString":"_Scale","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"418":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"419":{"style":{"__isSmartRef__":true,"id":420},"chunkOwner":{"__isSmartRef__":true,"id":411},"storedString":": 1.002003004005006","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"420":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"421":{"morph":{"__isSmartRef__":true,"id":411},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"422":{"x":187.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"423":{"layoutText":{"__isSmartRef__":true,"id":424}},"424":{"varMapping":{"__isSmartRef__":true,"id":425},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":426},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"425":{"this":{"__isSmartRef__":true,"id":411}},"426":{},"427":{"_Position":{"__isSmartRef__":true,"id":428},"renderContextTable":{"__isSmartRef__":true,"id":429},"_Extent":{"__isSmartRef__":true,"id":430},"_Padding":{"__isSmartRef__":true,"id":431},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"428":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"429":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"430":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"431":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"432":{"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"},"433":{"morph":{"__isSmartRef__":true,"id":393},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"434":{"resizeWidth":true},"435":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"436":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"437":{"updateExpanderColor":{"__isSmartRef__":true,"id":438},"onMouseDown":{"__isSmartRef__":true,"id":441},"isRoot":{"__isSmartRef__":true,"id":448},"displayValue":{"__isSmartRef__":true,"id":451},"update":{"__isSmartRef__":true,"id":454}},"438":{"varMapping":{"__isSmartRef__":true,"id":439},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":440},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"439":{"this":{"__isSmartRef__":true,"id":393}},"440":{},"441":{"varMapping":{"__isSmartRef__":true,"id":442},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":447},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"442":{"this":{"__isSmartRef__":true,"id":393},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":443}},"443":{"$super":{"__isSmartRef__":true,"id":444}},"444":{"varMapping":{"__isSmartRef__":true,"id":445},"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":446},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"445":{"obj":{"__isSmartRef__":true,"id":393},"name":"onMouseDown"},"446":{},"447":{},"448":{"varMapping":{"__isSmartRef__":true,"id":449},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":450},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"449":{"this":{"__isSmartRef__":true,"id":393}},"450":{},"451":{"varMapping":{"__isSmartRef__":true,"id":452},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":453},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"452":{"this":{"__isSmartRef__":true,"id":393}},"453":{},"454":{"varMapping":{"__isSmartRef__":true,"id":455},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":456},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"455":{"this":{"__isSmartRef__":true,"id":393}},"456":{},"457":{"_Position":{"__isSmartRef__":true,"id":458},"renderContextTable":{"__isSmartRef__":true,"id":459},"_Extent":{"__isSmartRef__":true,"id":460},"_Padding":{"__isSmartRef__":true,"id":461},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"458":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"459":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"460":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"461":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"462":{"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"},"463":{"morph":{"__isSmartRef__":true,"id":392},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"464":{"layouter":{"__isSmartRef__":true,"id":465},"resizeWidth":true},"465":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":392},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"466":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"467":{"x":0,"y":480,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"468":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":469}},"469":{"varMapping":{"__isSmartRef__":true,"id":470},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":475},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"470":{"this":{"__isSmartRef__":true,"id":392},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":471}},"471":{"$super":{"__isSmartRef__":true,"id":472}},"472":{"varMapping":{"__isSmartRef__":true,"id":473},"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":474},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"473":{"obj":{"__isSmartRef__":true,"id":392},"name":"getLayoutableSubmorphs"},"474":{},"475":{},"476":{"submorphs":[{"__isSmartRef__":true,"id":477}],"scripts":[],"shape":{"__isSmartRef__":true,"id":541},"derivationIds":[null],"id":"ED17336F-BF4C-43BE-B444-B989F77C9DED","renderContextTable":{"__isSmartRef__":true,"id":546},"eventHandler":{"__isSmartRef__":true,"id":547},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":548},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":550},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":551},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":552},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"477":{"submorphs":[{"__isSmartRef__":true,"id":478},{"__isSmartRef__":true,"id":495}],"scripts":[],"shape":{"__isSmartRef__":true,"id":511},"derivationIds":[null],"id":"0D102B3E-D945-4716-B27D-B62E45FF1B48","renderContextTable":{"__isSmartRef__":true,"id":516},"eventHandler":{"__isSmartRef__":true,"id":517},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":518},"grabbingEnabled":false,"draggingEnabled":false,"data":"Global.lively.morphic.Core","propertyList":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"__SourceModuleName__","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":478},"text":{"__isSmartRef__":true,"id":495},"owner":{"__isSmartRef__":true,"id":476},"_Position":{"__isSmartRef__":true,"id":519},"priorExtent":{"__isSmartRef__":true,"id":520},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":521},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"478":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":479},"derivationIds":[null],"id":"77E7D2B2-4D6D-42F0-A065-FB44DAF2852F","renderContextTable":{"__isSmartRef__":true,"id":485},"eventHandler":{"__isSmartRef__":true,"id":486},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":487},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":477},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":488},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"479":{"_Position":{"__isSmartRef__":true,"id":480},"renderContextTable":{"__isSmartRef__":true,"id":481},"_Extent":{"__isSmartRef__":true,"id":482},"_Padding":{"__isSmartRef__":true,"id":483},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":484},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"480":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"481":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"482":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"483":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"484":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"485":{"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"},"486":{"morph":{"__isSmartRef__":true,"id":478},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"487":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"488":{"toggle":{"__isSmartRef__":true,"id":489},"toggleExpansion":{"__isSmartRef__":true,"id":492}},"489":{"varMapping":{"__isSmartRef__":true,"id":490},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":491},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"490":{"this":{"__isSmartRef__":true,"id":478}},"491":{},"492":{"varMapping":{"__isSmartRef__":true,"id":493},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":494},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"493":{"this":{"__isSmartRef__":true,"id":478}},"494":{},"495":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":496},"derivationIds":[null],"id":"4A5CE91B-E2DF-47AF-A2AB-0C48B5877B9F","renderContextTable":{"__isSmartRef__":true,"id":500},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":501},{"__isSmartRef__":true,"id":503}],"eventHandler":{"__isSmartRef__":true,"id":505},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":506},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":477},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":507},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"496":{"_Position":{"__isSmartRef__":true,"id":497},"renderContextTable":{"__isSmartRef__":true,"id":498},"_Extent":{"__isSmartRef__":true,"id":499},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"497":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"498":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"499":{"x":315,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"500":{"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","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"},"501":{"style":{"__isSmartRef__":true,"id":502},"chunkOwner":{"__isSmartRef__":true,"id":495},"storedString":"__SourceModuleName__","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"502":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"503":{"style":{"__isSmartRef__":true,"id":504},"chunkOwner":{"__isSmartRef__":true,"id":495},"storedString":": Global.lively.morphic.Core","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"504":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"505":{"morph":{"__isSmartRef__":true,"id":495},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"506":{"x":360,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"507":{"layoutText":{"__isSmartRef__":true,"id":508}},"508":{"varMapping":{"__isSmartRef__":true,"id":509},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":510},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"509":{"this":{"__isSmartRef__":true,"id":495}},"510":{},"511":{"_Position":{"__isSmartRef__":true,"id":512},"renderContextTable":{"__isSmartRef__":true,"id":513},"_Extent":{"__isSmartRef__":true,"id":514},"_Padding":{"__isSmartRef__":true,"id":515},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"512":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"513":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"514":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"515":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"516":{"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"},"517":{"morph":{"__isSmartRef__":true,"id":477},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"518":{"resizeWidth":true},"519":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"520":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"521":{"updateExpanderColor":{"__isSmartRef__":true,"id":522},"onMouseDown":{"__isSmartRef__":true,"id":525},"isRoot":{"__isSmartRef__":true,"id":532},"displayValue":{"__isSmartRef__":true,"id":535},"update":{"__isSmartRef__":true,"id":538}},"522":{"varMapping":{"__isSmartRef__":true,"id":523},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":524},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"523":{"this":{"__isSmartRef__":true,"id":477}},"524":{},"525":{"varMapping":{"__isSmartRef__":true,"id":526},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":531},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"526":{"this":{"__isSmartRef__":true,"id":477},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":527}},"527":{"$super":{"__isSmartRef__":true,"id":528}},"528":{"varMapping":{"__isSmartRef__":true,"id":529},"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":530},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"529":{"obj":{"__isSmartRef__":true,"id":477},"name":"onMouseDown"},"530":{},"531":{},"532":{"varMapping":{"__isSmartRef__":true,"id":533},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":534},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"533":{"this":{"__isSmartRef__":true,"id":477}},"534":{},"535":{"varMapping":{"__isSmartRef__":true,"id":536},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":537},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"536":{"this":{"__isSmartRef__":true,"id":477}},"537":{},"538":{"varMapping":{"__isSmartRef__":true,"id":539},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":540},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"539":{"this":{"__isSmartRef__":true,"id":477}},"540":{},"541":{"_Position":{"__isSmartRef__":true,"id":542},"renderContextTable":{"__isSmartRef__":true,"id":543},"_Extent":{"__isSmartRef__":true,"id":544},"_Padding":{"__isSmartRef__":true,"id":545},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"542":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"543":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"544":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"545":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"546":{"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"},"547":{"morph":{"__isSmartRef__":true,"id":476},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"548":{"layouter":{"__isSmartRef__":true,"id":549},"resizeWidth":true},"549":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":476},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"550":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"551":{"x":0,"y":460,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"552":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":553}},"553":{"varMapping":{"__isSmartRef__":true,"id":554},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":559},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"554":{"this":{"__isSmartRef__":true,"id":476},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":555}},"555":{"$super":{"__isSmartRef__":true,"id":556}},"556":{"varMapping":{"__isSmartRef__":true,"id":557},"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":558},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"557":{"obj":{"__isSmartRef__":true,"id":476},"name":"getLayoutableSubmorphs"},"558":{},"559":{},"560":{"submorphs":[{"__isSmartRef__":true,"id":561}],"scripts":[],"shape":{"__isSmartRef__":true,"id":625},"derivationIds":[null],"id":"E3E62301-6D6E-43DB-8C24-082CED15AD57","renderContextTable":{"__isSmartRef__":true,"id":630},"eventHandler":{"__isSmartRef__":true,"id":631},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":632},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":634},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":635},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":636},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"561":{"submorphs":[{"__isSmartRef__":true,"id":562},{"__isSmartRef__":true,"id":579}],"scripts":[],"shape":{"__isSmartRef__":true,"id":595},"derivationIds":[null],"id":"73575335-EA01-42EC-9880-AEE459E344FF","renderContextTable":{"__isSmartRef__":true,"id":600},"eventHandler":{"__isSmartRef__":true,"id":601},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":602},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_isRendered","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":562},"text":{"__isSmartRef__":true,"id":579},"owner":{"__isSmartRef__":true,"id":560},"_Position":{"__isSmartRef__":true,"id":603},"priorExtent":{"__isSmartRef__":true,"id":604},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":605},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"562":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":563},"derivationIds":[null],"id":"625DAFA6-9D81-4715-845C-65A5FD677362","renderContextTable":{"__isSmartRef__":true,"id":569},"eventHandler":{"__isSmartRef__":true,"id":570},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":571},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":561},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":572},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"563":{"_Position":{"__isSmartRef__":true,"id":564},"renderContextTable":{"__isSmartRef__":true,"id":565},"_Extent":{"__isSmartRef__":true,"id":566},"_Padding":{"__isSmartRef__":true,"id":567},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":568},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"564":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"565":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"566":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"567":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"568":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"569":{"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"},"570":{"morph":{"__isSmartRef__":true,"id":562},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"571":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"572":{"toggle":{"__isSmartRef__":true,"id":573},"toggleExpansion":{"__isSmartRef__":true,"id":576}},"573":{"varMapping":{"__isSmartRef__":true,"id":574},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":575},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"574":{"this":{"__isSmartRef__":true,"id":562}},"575":{},"576":{"varMapping":{"__isSmartRef__":true,"id":577},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":578},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"577":{"this":{"__isSmartRef__":true,"id":562}},"578":{},"579":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":580},"derivationIds":[null],"id":"8FB625E6-4AC0-4377-ADE6-61F7129AFD9D","renderContextTable":{"__isSmartRef__":true,"id":584},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":585},{"__isSmartRef__":true,"id":587}],"eventHandler":{"__isSmartRef__":true,"id":589},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":590},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":561},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":591},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"580":{"_Position":{"__isSmartRef__":true,"id":581},"renderContextTable":{"__isSmartRef__":true,"id":582},"_Extent":{"__isSmartRef__":true,"id":583},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"581":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"582":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"583":{"x":111,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"584":{"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","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"},"585":{"style":{"__isSmartRef__":true,"id":586},"chunkOwner":{"__isSmartRef__":true,"id":579},"storedString":"_isRendered","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"586":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"587":{"style":{"__isSmartRef__":true,"id":588},"chunkOwner":{"__isSmartRef__":true,"id":579},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"588":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"589":{"morph":{"__isSmartRef__":true,"id":579},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"590":{"x":127.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"591":{"layoutText":{"__isSmartRef__":true,"id":592}},"592":{"varMapping":{"__isSmartRef__":true,"id":593},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":594},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"593":{"this":{"__isSmartRef__":true,"id":579}},"594":{},"595":{"_Position":{"__isSmartRef__":true,"id":596},"renderContextTable":{"__isSmartRef__":true,"id":597},"_Extent":{"__isSmartRef__":true,"id":598},"_Padding":{"__isSmartRef__":true,"id":599},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"596":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"597":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"598":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"599":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"600":{"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"},"601":{"morph":{"__isSmartRef__":true,"id":561},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"602":{"resizeWidth":true},"603":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"604":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"605":{"updateExpanderColor":{"__isSmartRef__":true,"id":606},"onMouseDown":{"__isSmartRef__":true,"id":609},"isRoot":{"__isSmartRef__":true,"id":616},"displayValue":{"__isSmartRef__":true,"id":619},"update":{"__isSmartRef__":true,"id":622}},"606":{"varMapping":{"__isSmartRef__":true,"id":607},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":608},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"607":{"this":{"__isSmartRef__":true,"id":561}},"608":{},"609":{"varMapping":{"__isSmartRef__":true,"id":610},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":615},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"610":{"this":{"__isSmartRef__":true,"id":561},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":611}},"611":{"$super":{"__isSmartRef__":true,"id":612}},"612":{"varMapping":{"__isSmartRef__":true,"id":613},"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":614},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"613":{"obj":{"__isSmartRef__":true,"id":561},"name":"onMouseDown"},"614":{},"615":{},"616":{"varMapping":{"__isSmartRef__":true,"id":617},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":618},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"617":{"this":{"__isSmartRef__":true,"id":561}},"618":{},"619":{"varMapping":{"__isSmartRef__":true,"id":620},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":621},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"620":{"this":{"__isSmartRef__":true,"id":561}},"621":{},"622":{"varMapping":{"__isSmartRef__":true,"id":623},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":624},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"623":{"this":{"__isSmartRef__":true,"id":561}},"624":{},"625":{"_Position":{"__isSmartRef__":true,"id":626},"renderContextTable":{"__isSmartRef__":true,"id":627},"_Extent":{"__isSmartRef__":true,"id":628},"_Padding":{"__isSmartRef__":true,"id":629},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"626":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"627":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"628":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"629":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"630":{"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"},"631":{"morph":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"632":{"layouter":{"__isSmartRef__":true,"id":633},"resizeWidth":true},"633":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":560},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"634":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"635":{"x":0,"y":440,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"636":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":637}},"637":{"varMapping":{"__isSmartRef__":true,"id":638},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":643},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"638":{"this":{"__isSmartRef__":true,"id":560},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":639}},"639":{"$super":{"__isSmartRef__":true,"id":640}},"640":{"varMapping":{"__isSmartRef__":true,"id":641},"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":642},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"641":{"obj":{"__isSmartRef__":true,"id":560},"name":"getLayoutableSubmorphs"},"642":{},"643":{},"644":{"submorphs":[{"__isSmartRef__":true,"id":645}],"scripts":[],"shape":{"__isSmartRef__":true,"id":709},"derivationIds":[null],"id":"8BE42A18-F9F3-4968-A5E4-8072C1A03FCD","renderContextTable":{"__isSmartRef__":true,"id":714},"eventHandler":{"__isSmartRef__":true,"id":715},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":716},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":718},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":719},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":720},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"645":{"submorphs":[{"__isSmartRef__":true,"id":646},{"__isSmartRef__":true,"id":662}],"scripts":[],"shape":{"__isSmartRef__":true,"id":678},"derivationIds":[null],"id":"FFB4F618-939E-4AA6-8030-C5870965944A","renderContextTable":{"__isSmartRef__":true,"id":683},"eventHandler":{"__isSmartRef__":true,"id":684},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":685},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":686},"propertyList":["morphNode","shapeNode","originNode"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"_renderContext","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":646},"text":{"__isSmartRef__":true,"id":662},"owner":{"__isSmartRef__":true,"id":644},"_Position":{"__isSmartRef__":true,"id":687},"priorExtent":{"__isSmartRef__":true,"id":688},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":689},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"646":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":647},"derivationIds":[null],"id":"159A7434-FCC0-4171-B929-FB05358559F3","renderContextTable":{"__isSmartRef__":true,"id":652},"eventHandler":{"__isSmartRef__":true,"id":653},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":654},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":645},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":655},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"647":{"_Position":{"__isSmartRef__":true,"id":648},"renderContextTable":{"__isSmartRef__":true,"id":649},"_Extent":{"__isSmartRef__":true,"id":650},"_Padding":{"__isSmartRef__":true,"id":651},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"648":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"649":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"650":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"651":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"652":{"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"},"653":{"morph":{"__isSmartRef__":true,"id":646},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"654":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"655":{"toggle":{"__isSmartRef__":true,"id":656},"toggleExpansion":{"__isSmartRef__":true,"id":659}},"656":{"varMapping":{"__isSmartRef__":true,"id":657},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":658},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"657":{"this":{"__isSmartRef__":true,"id":646}},"658":{},"659":{"varMapping":{"__isSmartRef__":true,"id":660},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":661},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"660":{"this":{"__isSmartRef__":true,"id":646}},"661":{},"662":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":663},"derivationIds":[null],"id":"2B948070-8410-4BED-9550-F5295145939B","renderContextTable":{"__isSmartRef__":true,"id":667},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":668},{"__isSmartRef__":true,"id":670}],"eventHandler":{"__isSmartRef__":true,"id":672},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":673},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":645},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":674},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"663":{"_Position":{"__isSmartRef__":true,"id":664},"renderContextTable":{"__isSmartRef__":true,"id":665},"_Extent":{"__isSmartRef__":true,"id":666},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"664":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"665":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"666":{"x":217.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"667":{"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","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"},"668":{"style":{"__isSmartRef__":true,"id":669},"chunkOwner":{"__isSmartRef__":true,"id":662},"storedString":"_renderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"669":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"670":{"style":{"__isSmartRef__":true,"id":671},"chunkOwner":{"__isSmartRef__":true,"id":662},"storedString":": RenderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"671":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"672":{"morph":{"__isSmartRef__":true,"id":662},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"673":{"x":193,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"674":{"layoutText":{"__isSmartRef__":true,"id":675}},"675":{"varMapping":{"__isSmartRef__":true,"id":676},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":677},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"676":{"this":{"__isSmartRef__":true,"id":662}},"677":{},"678":{"_Position":{"__isSmartRef__":true,"id":679},"renderContextTable":{"__isSmartRef__":true,"id":680},"_Extent":{"__isSmartRef__":true,"id":681},"_Padding":{"__isSmartRef__":true,"id":682},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"679":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"680":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"681":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"682":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"683":{"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"},"684":{"morph":{"__isSmartRef__":true,"id":645},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"685":{"resizeWidth":true},"686":{"__LivelyClassName__":"lively.morphic.HTML.RenderContext","__SourceModuleName__":"Global.lively.morphic.HTML"},"687":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"688":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"689":{"updateExpanderColor":{"__isSmartRef__":true,"id":690},"onMouseDown":{"__isSmartRef__":true,"id":693},"isRoot":{"__isSmartRef__":true,"id":700},"displayValue":{"__isSmartRef__":true,"id":703},"update":{"__isSmartRef__":true,"id":706}},"690":{"varMapping":{"__isSmartRef__":true,"id":691},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":692},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"691":{"this":{"__isSmartRef__":true,"id":645}},"692":{},"693":{"varMapping":{"__isSmartRef__":true,"id":694},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":699},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"694":{"this":{"__isSmartRef__":true,"id":645},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":695}},"695":{"$super":{"__isSmartRef__":true,"id":696}},"696":{"varMapping":{"__isSmartRef__":true,"id":697},"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":698},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"697":{"obj":{"__isSmartRef__":true,"id":645},"name":"onMouseDown"},"698":{},"699":{},"700":{"varMapping":{"__isSmartRef__":true,"id":701},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":702},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"701":{"this":{"__isSmartRef__":true,"id":645}},"702":{},"703":{"varMapping":{"__isSmartRef__":true,"id":704},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":705},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"704":{"this":{"__isSmartRef__":true,"id":645}},"705":{},"706":{"varMapping":{"__isSmartRef__":true,"id":707},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":708},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"707":{"this":{"__isSmartRef__":true,"id":645}},"708":{},"709":{"_Position":{"__isSmartRef__":true,"id":710},"renderContextTable":{"__isSmartRef__":true,"id":711},"_Extent":{"__isSmartRef__":true,"id":712},"_Padding":{"__isSmartRef__":true,"id":713},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"710":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"711":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"712":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"713":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"714":{"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"},"715":{"morph":{"__isSmartRef__":true,"id":644},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"716":{"layouter":{"__isSmartRef__":true,"id":717},"resizeWidth":true},"717":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":644},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"718":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"719":{"x":0,"y":420,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"720":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":721}},"721":{"varMapping":{"__isSmartRef__":true,"id":722},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":727},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"722":{"this":{"__isSmartRef__":true,"id":644},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":723}},"723":{"$super":{"__isSmartRef__":true,"id":724}},"724":{"varMapping":{"__isSmartRef__":true,"id":725},"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":726},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"725":{"obj":{"__isSmartRef__":true,"id":644},"name":"getLayoutableSubmorphs"},"726":{},"727":{},"728":{"submorphs":[{"__isSmartRef__":true,"id":729}],"scripts":[],"shape":{"__isSmartRef__":true,"id":793},"derivationIds":[null],"id":"7CB12C99-B609-4A83-B848-C477E738E683","renderContextTable":{"__isSmartRef__":true,"id":798},"eventHandler":{"__isSmartRef__":true,"id":799},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":800},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":802},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":803},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":804},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"729":{"submorphs":[{"__isSmartRef__":true,"id":730},{"__isSmartRef__":true,"id":747}],"scripts":[],"shape":{"__isSmartRef__":true,"id":763},"derivationIds":[null],"id":"F3525712-7378-497E-AF5A-F8A24DC99F56","renderContextTable":{"__isSmartRef__":true,"id":768},"eventHandler":{"__isSmartRef__":true,"id":769},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":770},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"attributeConnections","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":730},"text":{"__isSmartRef__":true,"id":747},"owner":{"__isSmartRef__":true,"id":728},"_Position":{"__isSmartRef__":true,"id":771},"priorExtent":{"__isSmartRef__":true,"id":772},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":773},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"730":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":731},"derivationIds":[null],"id":"A96FA557-2A17-4EC6-952F-4223AE70370A","renderContextTable":{"__isSmartRef__":true,"id":737},"eventHandler":{"__isSmartRef__":true,"id":738},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":739},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":729},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":740},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"731":{"_Position":{"__isSmartRef__":true,"id":732},"renderContextTable":{"__isSmartRef__":true,"id":733},"_Extent":{"__isSmartRef__":true,"id":734},"_Padding":{"__isSmartRef__":true,"id":735},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":736},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"732":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"733":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"734":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"735":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"736":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"737":{"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"},"738":{"morph":{"__isSmartRef__":true,"id":730},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"739":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"740":{"toggle":{"__isSmartRef__":true,"id":741},"toggleExpansion":{"__isSmartRef__":true,"id":744}},"741":{"varMapping":{"__isSmartRef__":true,"id":742},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":743},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"742":{"this":{"__isSmartRef__":true,"id":730}},"743":{},"744":{"varMapping":{"__isSmartRef__":true,"id":745},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":746},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"745":{"this":{"__isSmartRef__":true,"id":730}},"746":{},"747":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":748},"derivationIds":[null],"id":"7C06C28F-98FA-42A6-BB20-2CC9E47B863C","renderContextTable":{"__isSmartRef__":true,"id":752},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":753},{"__isSmartRef__":true,"id":755}],"eventHandler":{"__isSmartRef__":true,"id":757},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":758},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":729},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":759},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"748":{"_Position":{"__isSmartRef__":true,"id":749},"renderContextTable":{"__isSmartRef__":true,"id":750},"_Extent":{"__isSmartRef__":true,"id":751},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"749":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"750":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"751":{"x":144,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"752":{"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","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"},"753":{"style":{"__isSmartRef__":true,"id":754},"chunkOwner":{"__isSmartRef__":true,"id":747},"storedString":"attributeConnections","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"754":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"755":{"style":{"__isSmartRef__":true,"id":756},"chunkOwner":{"__isSmartRef__":true,"id":747},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"756":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"757":{"morph":{"__isSmartRef__":true,"id":747},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"758":{"x":180,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"759":{"layoutText":{"__isSmartRef__":true,"id":760}},"760":{"varMapping":{"__isSmartRef__":true,"id":761},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":762},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"761":{"this":{"__isSmartRef__":true,"id":747}},"762":{},"763":{"_Position":{"__isSmartRef__":true,"id":764},"renderContextTable":{"__isSmartRef__":true,"id":765},"_Extent":{"__isSmartRef__":true,"id":766},"_Padding":{"__isSmartRef__":true,"id":767},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"764":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"765":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"766":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"767":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"768":{"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"},"769":{"morph":{"__isSmartRef__":true,"id":729},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"770":{"resizeWidth":true},"771":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"772":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"773":{"updateExpanderColor":{"__isSmartRef__":true,"id":774},"onMouseDown":{"__isSmartRef__":true,"id":777},"isRoot":{"__isSmartRef__":true,"id":784},"displayValue":{"__isSmartRef__":true,"id":787},"update":{"__isSmartRef__":true,"id":790}},"774":{"varMapping":{"__isSmartRef__":true,"id":775},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":776},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"775":{"this":{"__isSmartRef__":true,"id":729}},"776":{},"777":{"varMapping":{"__isSmartRef__":true,"id":778},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":783},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"778":{"this":{"__isSmartRef__":true,"id":729},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":779}},"779":{"$super":{"__isSmartRef__":true,"id":780}},"780":{"varMapping":{"__isSmartRef__":true,"id":781},"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":782},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"781":{"obj":{"__isSmartRef__":true,"id":729},"name":"onMouseDown"},"782":{},"783":{},"784":{"varMapping":{"__isSmartRef__":true,"id":785},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":786},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"785":{"this":{"__isSmartRef__":true,"id":729}},"786":{},"787":{"varMapping":{"__isSmartRef__":true,"id":788},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":789},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"788":{"this":{"__isSmartRef__":true,"id":729}},"789":{},"790":{"varMapping":{"__isSmartRef__":true,"id":791},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":792},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"791":{"this":{"__isSmartRef__":true,"id":729}},"792":{},"793":{"_Position":{"__isSmartRef__":true,"id":794},"renderContextTable":{"__isSmartRef__":true,"id":795},"_Extent":{"__isSmartRef__":true,"id":796},"_Padding":{"__isSmartRef__":true,"id":797},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"794":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"795":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"796":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"797":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"798":{"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"},"799":{"morph":{"__isSmartRef__":true,"id":728},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"800":{"layouter":{"__isSmartRef__":true,"id":801},"resizeWidth":true},"801":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":728},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"802":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"803":{"x":0,"y":400,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"804":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":805}},"805":{"varMapping":{"__isSmartRef__":true,"id":806},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":811},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"806":{"this":{"__isSmartRef__":true,"id":728},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":807}},"807":{"$super":{"__isSmartRef__":true,"id":808}},"808":{"varMapping":{"__isSmartRef__":true,"id":809},"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":810},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"809":{"obj":{"__isSmartRef__":true,"id":728},"name":"getLayoutableSubmorphs"},"810":{},"811":{},"812":{"submorphs":[{"__isSmartRef__":true,"id":813}],"scripts":[],"shape":{"__isSmartRef__":true,"id":877},"derivationIds":[null],"id":"230E6C68-AB62-45C7-A9C9-FB89C6186C2E","renderContextTable":{"__isSmartRef__":true,"id":882},"eventHandler":{"__isSmartRef__":true,"id":883},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":884},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":886},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":887},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":888},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"813":{"submorphs":[{"__isSmartRef__":true,"id":814},{"__isSmartRef__":true,"id":831}],"scripts":[],"shape":{"__isSmartRef__":true,"id":847},"derivationIds":[null],"id":"7A0C7B19-58D8-40CE-B9AB-446F56BEC851","renderContextTable":{"__isSmartRef__":true,"id":852},"eventHandler":{"__isSmartRef__":true,"id":853},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":854},"grabbingEnabled":false,"draggingEnabled":false,"data":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4"],"propertyList":["0","1","2","3","4"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"derivationIds","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":814},"text":{"__isSmartRef__":true,"id":831},"owner":{"__isSmartRef__":true,"id":812},"_Position":{"__isSmartRef__":true,"id":855},"priorExtent":{"__isSmartRef__":true,"id":856},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":857},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"814":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":815},"derivationIds":[null],"id":"007066D5-C202-46C4-95F7-A88D4BCC09BE","renderContextTable":{"__isSmartRef__":true,"id":821},"eventHandler":{"__isSmartRef__":true,"id":822},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":823},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":813},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":824},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"815":{"_Position":{"__isSmartRef__":true,"id":816},"renderContextTable":{"__isSmartRef__":true,"id":817},"_Extent":{"__isSmartRef__":true,"id":818},"_Padding":{"__isSmartRef__":true,"id":819},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":820},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"816":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"817":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"818":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"819":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"820":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"821":{"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"},"822":{"morph":{"__isSmartRef__":true,"id":814},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"823":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"824":{"toggle":{"__isSmartRef__":true,"id":825},"toggleExpansion":{"__isSmartRef__":true,"id":828}},"825":{"varMapping":{"__isSmartRef__":true,"id":826},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":827},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"826":{"this":{"__isSmartRef__":true,"id":814}},"827":{},"828":{"varMapping":{"__isSmartRef__":true,"id":829},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":830},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"829":{"this":{"__isSmartRef__":true,"id":814}},"830":{},"831":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":832},"derivationIds":[null],"id":"9BA0C892-FEF9-40B1-AEFD-A19C2A8F2924","renderContextTable":{"__isSmartRef__":true,"id":836},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":837},{"__isSmartRef__":true,"id":839}],"eventHandler":{"__isSmartRef__":true,"id":841},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":842},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":813},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":843},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"832":{"_Position":{"__isSmartRef__":true,"id":833},"renderContextTable":{"__isSmartRef__":true,"id":834},"_Extent":{"__isSmartRef__":true,"id":835},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"833":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"834":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"835":{"x":110,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"836":{"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","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"},"837":{"style":{"__isSmartRef__":true,"id":838},"chunkOwner":{"__isSmartRef__":true,"id":831},"storedString":"derivationIds","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"838":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"839":{"style":{"__isSmartRef__":true,"id":840},"chunkOwner":{"__isSmartRef__":true,"id":831},"storedString":": [...]","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"840":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"841":{"morph":{"__isSmartRef__":true,"id":831},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"842":{"x":150,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"843":{"layoutText":{"__isSmartRef__":true,"id":844}},"844":{"varMapping":{"__isSmartRef__":true,"id":845},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":846},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"845":{"this":{"__isSmartRef__":true,"id":831}},"846":{},"847":{"_Position":{"__isSmartRef__":true,"id":848},"renderContextTable":{"__isSmartRef__":true,"id":849},"_Extent":{"__isSmartRef__":true,"id":850},"_Padding":{"__isSmartRef__":true,"id":851},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"848":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"849":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"850":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"851":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"852":{"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"},"853":{"morph":{"__isSmartRef__":true,"id":813},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"854":{"resizeWidth":true},"855":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"856":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"857":{"updateExpanderColor":{"__isSmartRef__":true,"id":858},"onMouseDown":{"__isSmartRef__":true,"id":861},"isRoot":{"__isSmartRef__":true,"id":868},"displayValue":{"__isSmartRef__":true,"id":871},"update":{"__isSmartRef__":true,"id":874}},"858":{"varMapping":{"__isSmartRef__":true,"id":859},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":860},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"859":{"this":{"__isSmartRef__":true,"id":813}},"860":{},"861":{"varMapping":{"__isSmartRef__":true,"id":862},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":867},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"862":{"this":{"__isSmartRef__":true,"id":813},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":863}},"863":{"$super":{"__isSmartRef__":true,"id":864}},"864":{"varMapping":{"__isSmartRef__":true,"id":865},"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":866},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"865":{"obj":{"__isSmartRef__":true,"id":813},"name":"onMouseDown"},"866":{},"867":{},"868":{"varMapping":{"__isSmartRef__":true,"id":869},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":870},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"869":{"this":{"__isSmartRef__":true,"id":813}},"870":{},"871":{"varMapping":{"__isSmartRef__":true,"id":872},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":873},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"872":{"this":{"__isSmartRef__":true,"id":813}},"873":{},"874":{"varMapping":{"__isSmartRef__":true,"id":875},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":876},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"875":{"this":{"__isSmartRef__":true,"id":813}},"876":{},"877":{"_Position":{"__isSmartRef__":true,"id":878},"renderContextTable":{"__isSmartRef__":true,"id":879},"_Extent":{"__isSmartRef__":true,"id":880},"_Padding":{"__isSmartRef__":true,"id":881},"__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"},"880":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"881":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"882":{"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"},"883":{"morph":{"__isSmartRef__":true,"id":812},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"884":{"layouter":{"__isSmartRef__":true,"id":885},"resizeWidth":true},"885":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":812},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"886":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"887":{"x":0,"y":380,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"888":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":889}},"889":{"varMapping":{"__isSmartRef__":true,"id":890},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":895},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"890":{"this":{"__isSmartRef__":true,"id":812},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":891}},"891":{"$super":{"__isSmartRef__":true,"id":892}},"892":{"varMapping":{"__isSmartRef__":true,"id":893},"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":894},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"893":{"obj":{"__isSmartRef__":true,"id":812},"name":"getLayoutableSubmorphs"},"894":{},"895":{},"896":{"submorphs":[{"__isSmartRef__":true,"id":897}],"scripts":[],"shape":{"__isSmartRef__":true,"id":961},"derivationIds":[null],"id":"489498F4-44C4-473E-A4FE-D31EF64FC0B0","renderContextTable":{"__isSmartRef__":true,"id":966},"eventHandler":{"__isSmartRef__":true,"id":967},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":968},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":970},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":971},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":972},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"897":{"submorphs":[{"__isSmartRef__":true,"id":898},{"__isSmartRef__":true,"id":915}],"scripts":[],"shape":{"__isSmartRef__":true,"id":931},"derivationIds":[null],"id":"51AF6672-5344-4DB8-A2D1-85595D10B350","renderContextTable":{"__isSmartRef__":true,"id":936},"eventHandler":{"__isSmartRef__":true,"id":937},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":938},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"doNotCopyProperties","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":898},"text":{"__isSmartRef__":true,"id":915},"owner":{"__isSmartRef__":true,"id":896},"_Position":{"__isSmartRef__":true,"id":939},"priorExtent":{"__isSmartRef__":true,"id":940},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":941},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"898":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":899},"derivationIds":[null],"id":"C7BDED1A-56FB-46EC-856E-75058FA6A5AA","renderContextTable":{"__isSmartRef__":true,"id":905},"eventHandler":{"__isSmartRef__":true,"id":906},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":907},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":897},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":908},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"899":{"_Position":{"__isSmartRef__":true,"id":900},"renderContextTable":{"__isSmartRef__":true,"id":901},"_Extent":{"__isSmartRef__":true,"id":902},"_Padding":{"__isSmartRef__":true,"id":903},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":904},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"900":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"901":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"902":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"903":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"904":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"905":{"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"},"906":{"morph":{"__isSmartRef__":true,"id":898},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"907":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"908":{"toggle":{"__isSmartRef__":true,"id":909},"toggleExpansion":{"__isSmartRef__":true,"id":912}},"909":{"varMapping":{"__isSmartRef__":true,"id":910},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":911},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"910":{"this":{"__isSmartRef__":true,"id":898}},"911":{},"912":{"varMapping":{"__isSmartRef__":true,"id":913},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":914},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"913":{"this":{"__isSmartRef__":true,"id":898}},"914":{},"915":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":916},"derivationIds":[null],"id":"8D8C7E3D-D579-4F22-BA72-66064F40BD26","renderContextTable":{"__isSmartRef__":true,"id":920},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":921},{"__isSmartRef__":true,"id":923}],"eventHandler":{"__isSmartRef__":true,"id":925},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":926},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":897},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":927},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"916":{"_Position":{"__isSmartRef__":true,"id":917},"renderContextTable":{"__isSmartRef__":true,"id":918},"_Extent":{"__isSmartRef__":true,"id":919},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"917":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"918":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"919":{"x":149,"y":20,"__LivelyClassName__":"Point","__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","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"},"921":{"style":{"__isSmartRef__":true,"id":922},"chunkOwner":{"__isSmartRef__":true,"id":915},"storedString":"doNotCopyProperties","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"922":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"923":{"style":{"__isSmartRef__":true,"id":924},"chunkOwner":{"__isSmartRef__":true,"id":915},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"924":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"925":{"morph":{"__isSmartRef__":true,"id":915},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"926":{"x":172.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"927":{"layoutText":{"__isSmartRef__":true,"id":928}},"928":{"varMapping":{"__isSmartRef__":true,"id":929},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":930},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"929":{"this":{"__isSmartRef__":true,"id":915}},"930":{},"931":{"_Position":{"__isSmartRef__":true,"id":932},"renderContextTable":{"__isSmartRef__":true,"id":933},"_Extent":{"__isSmartRef__":true,"id":934},"_Padding":{"__isSmartRef__":true,"id":935},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"932":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"933":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"934":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"935":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"936":{"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"},"937":{"morph":{"__isSmartRef__":true,"id":897},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"938":{"resizeWidth":true},"939":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"940":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"941":{"updateExpanderColor":{"__isSmartRef__":true,"id":942},"onMouseDown":{"__isSmartRef__":true,"id":945},"isRoot":{"__isSmartRef__":true,"id":952},"displayValue":{"__isSmartRef__":true,"id":955},"update":{"__isSmartRef__":true,"id":958}},"942":{"varMapping":{"__isSmartRef__":true,"id":943},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":944},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"943":{"this":{"__isSmartRef__":true,"id":897}},"944":{},"945":{"varMapping":{"__isSmartRef__":true,"id":946},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":951},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"946":{"this":{"__isSmartRef__":true,"id":897},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":947}},"947":{"$super":{"__isSmartRef__":true,"id":948}},"948":{"varMapping":{"__isSmartRef__":true,"id":949},"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":950},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"949":{"obj":{"__isSmartRef__":true,"id":897},"name":"onMouseDown"},"950":{},"951":{},"952":{"varMapping":{"__isSmartRef__":true,"id":953},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":954},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"953":{"this":{"__isSmartRef__":true,"id":897}},"954":{},"955":{"varMapping":{"__isSmartRef__":true,"id":956},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":957},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"956":{"this":{"__isSmartRef__":true,"id":897}},"957":{},"958":{"varMapping":{"__isSmartRef__":true,"id":959},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":960},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"959":{"this":{"__isSmartRef__":true,"id":897}},"960":{},"961":{"_Position":{"__isSmartRef__":true,"id":962},"renderContextTable":{"__isSmartRef__":true,"id":963},"_Extent":{"__isSmartRef__":true,"id":964},"_Padding":{"__isSmartRef__":true,"id":965},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"962":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"963":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"964":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"965":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"966":{"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"},"967":{"morph":{"__isSmartRef__":true,"id":896},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"968":{"layouter":{"__isSmartRef__":true,"id":969},"resizeWidth":true},"969":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":896},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"970":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"971":{"x":0,"y":360,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"972":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":973}},"973":{"varMapping":{"__isSmartRef__":true,"id":974},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":979},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"974":{"this":{"__isSmartRef__":true,"id":896},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":975}},"975":{"$super":{"__isSmartRef__":true,"id":976}},"976":{"varMapping":{"__isSmartRef__":true,"id":977},"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":978},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"977":{"obj":{"__isSmartRef__":true,"id":896},"name":"getLayoutableSubmorphs"},"978":{},"979":{},"980":{"submorphs":[{"__isSmartRef__":true,"id":981}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1045},"derivationIds":[null],"id":"26ABCE26-F635-4E47-9599-AEFC67D04D86","renderContextTable":{"__isSmartRef__":true,"id":1050},"eventHandler":{"__isSmartRef__":true,"id":1051},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1052},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1054},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1055},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1056},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"981":{"submorphs":[{"__isSmartRef__":true,"id":982},{"__isSmartRef__":true,"id":999}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1015},"derivationIds":[null],"id":"7ECC658F-3873-4F8E-A593-406D9444BCFF","renderContextTable":{"__isSmartRef__":true,"id":1020},"eventHandler":{"__isSmartRef__":true,"id":1021},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1022},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"doNotSerialize","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":982},"text":{"__isSmartRef__":true,"id":999},"owner":{"__isSmartRef__":true,"id":980},"_Position":{"__isSmartRef__":true,"id":1023},"priorExtent":{"__isSmartRef__":true,"id":1024},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1025},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"982":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":983},"derivationIds":[null],"id":"4A6256C3-B60C-4920-A02F-F80F6C54D21B","renderContextTable":{"__isSmartRef__":true,"id":989},"eventHandler":{"__isSmartRef__":true,"id":990},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":991},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":981},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":992},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"983":{"_Position":{"__isSmartRef__":true,"id":984},"renderContextTable":{"__isSmartRef__":true,"id":985},"_Extent":{"__isSmartRef__":true,"id":986},"_Padding":{"__isSmartRef__":true,"id":987},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":988},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"984":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"985":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"986":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"987":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"988":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"989":{"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"},"990":{"morph":{"__isSmartRef__":true,"id":982},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"991":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"992":{"toggle":{"__isSmartRef__":true,"id":993},"toggleExpansion":{"__isSmartRef__":true,"id":996}},"993":{"varMapping":{"__isSmartRef__":true,"id":994},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":995},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"994":{"this":{"__isSmartRef__":true,"id":982}},"995":{},"996":{"varMapping":{"__isSmartRef__":true,"id":997},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":998},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"997":{"this":{"__isSmartRef__":true,"id":982}},"998":{},"999":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1000},"derivationIds":[null],"id":"B7D3B2E7-0913-4C1E-93CE-C62D225BAE58","renderContextTable":{"__isSmartRef__":true,"id":1004},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1005},{"__isSmartRef__":true,"id":1007}],"eventHandler":{"__isSmartRef__":true,"id":1009},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1010},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":981},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1011},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1000":{"_Position":{"__isSmartRef__":true,"id":1001},"renderContextTable":{"__isSmartRef__":true,"id":1002},"_Extent":{"__isSmartRef__":true,"id":1003},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1001":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1002":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1003":{"x":109,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1004":{"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","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"},"1005":{"style":{"__isSmartRef__":true,"id":1006},"chunkOwner":{"__isSmartRef__":true,"id":999},"storedString":"doNotSerialize","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1006":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1007":{"style":{"__isSmartRef__":true,"id":1008},"chunkOwner":{"__isSmartRef__":true,"id":999},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1008":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1009":{"morph":{"__isSmartRef__":true,"id":999},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1010":{"x":135,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1011":{"layoutText":{"__isSmartRef__":true,"id":1012}},"1012":{"varMapping":{"__isSmartRef__":true,"id":1013},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1014},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1013":{"this":{"__isSmartRef__":true,"id":999}},"1014":{},"1015":{"_Position":{"__isSmartRef__":true,"id":1016},"renderContextTable":{"__isSmartRef__":true,"id":1017},"_Extent":{"__isSmartRef__":true,"id":1018},"_Padding":{"__isSmartRef__":true,"id":1019},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1016":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1017":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1018":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1019":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1020":{"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"},"1021":{"morph":{"__isSmartRef__":true,"id":981},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1022":{"resizeWidth":true},"1023":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1024":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1025":{"updateExpanderColor":{"__isSmartRef__":true,"id":1026},"onMouseDown":{"__isSmartRef__":true,"id":1029},"isRoot":{"__isSmartRef__":true,"id":1036},"displayValue":{"__isSmartRef__":true,"id":1039},"update":{"__isSmartRef__":true,"id":1042}},"1026":{"varMapping":{"__isSmartRef__":true,"id":1027},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1028},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1027":{"this":{"__isSmartRef__":true,"id":981}},"1028":{},"1029":{"varMapping":{"__isSmartRef__":true,"id":1030},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1035},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1030":{"this":{"__isSmartRef__":true,"id":981},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1031}},"1031":{"$super":{"__isSmartRef__":true,"id":1032}},"1032":{"varMapping":{"__isSmartRef__":true,"id":1033},"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":1034},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1033":{"obj":{"__isSmartRef__":true,"id":981},"name":"onMouseDown"},"1034":{},"1035":{},"1036":{"varMapping":{"__isSmartRef__":true,"id":1037},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1038},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1037":{"this":{"__isSmartRef__":true,"id":981}},"1038":{},"1039":{"varMapping":{"__isSmartRef__":true,"id":1040},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1041},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1040":{"this":{"__isSmartRef__":true,"id":981}},"1041":{},"1042":{"varMapping":{"__isSmartRef__":true,"id":1043},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1044},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1043":{"this":{"__isSmartRef__":true,"id":981}},"1044":{},"1045":{"_Position":{"__isSmartRef__":true,"id":1046},"renderContextTable":{"__isSmartRef__":true,"id":1047},"_Extent":{"__isSmartRef__":true,"id":1048},"_Padding":{"__isSmartRef__":true,"id":1049},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1046":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1047":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1048":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1049":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1050":{"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"},"1051":{"morph":{"__isSmartRef__":true,"id":980},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1052":{"layouter":{"__isSmartRef__":true,"id":1053},"resizeWidth":true},"1053":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":980},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1054":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1055":{"x":0,"y":340,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1056":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1057}},"1057":{"varMapping":{"__isSmartRef__":true,"id":1058},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1063},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1058":{"this":{"__isSmartRef__":true,"id":980},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1059}},"1059":{"$super":{"__isSmartRef__":true,"id":1060}},"1060":{"varMapping":{"__isSmartRef__":true,"id":1061},"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":1062},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1061":{"obj":{"__isSmartRef__":true,"id":980},"name":"getLayoutableSubmorphs"},"1062":{},"1063":{},"1064":{"submorphs":[{"__isSmartRef__":true,"id":1065}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1129},"derivationIds":[null],"id":"351F2BB7-4962-4201-AA17-8B66E801735D","renderContextTable":{"__isSmartRef__":true,"id":1134},"eventHandler":{"__isSmartRef__":true,"id":1135},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1136},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1138},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1139},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1140},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1065":{"submorphs":[{"__isSmartRef__":true,"id":1066},{"__isSmartRef__":true,"id":1083}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1099},"derivationIds":[null],"id":"C973DDD9-82E6-4230-A113-A420AAD8506B","renderContextTable":{"__isSmartRef__":true,"id":1104},"eventHandler":{"__isSmartRef__":true,"id":1105},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1106},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"droppingEnabled","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1066},"text":{"__isSmartRef__":true,"id":1083},"owner":{"__isSmartRef__":true,"id":1064},"_Position":{"__isSmartRef__":true,"id":1107},"priorExtent":{"__isSmartRef__":true,"id":1108},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1109},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1066":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1067},"derivationIds":[null],"id":"A4CC0CC1-76AB-46EE-A103-0A0D052F9AD0","renderContextTable":{"__isSmartRef__":true,"id":1073},"eventHandler":{"__isSmartRef__":true,"id":1074},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1075},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1065},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1076},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1067":{"_Position":{"__isSmartRef__":true,"id":1068},"renderContextTable":{"__isSmartRef__":true,"id":1069},"_Extent":{"__isSmartRef__":true,"id":1070},"_Padding":{"__isSmartRef__":true,"id":1071},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1072},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1068":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1069":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1070":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1071":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1072":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1073":{"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"},"1074":{"morph":{"__isSmartRef__":true,"id":1066},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1075":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1076":{"toggle":{"__isSmartRef__":true,"id":1077},"toggleExpansion":{"__isSmartRef__":true,"id":1080}},"1077":{"varMapping":{"__isSmartRef__":true,"id":1078},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1079},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1078":{"this":{"__isSmartRef__":true,"id":1066}},"1079":{},"1080":{"varMapping":{"__isSmartRef__":true,"id":1081},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1082},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1081":{"this":{"__isSmartRef__":true,"id":1066}},"1082":{},"1083":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1084},"derivationIds":[null],"id":"50F29A47-EA30-443A-8FAF-9EB4763383A6","renderContextTable":{"__isSmartRef__":true,"id":1088},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1089},{"__isSmartRef__":true,"id":1091}],"eventHandler":{"__isSmartRef__":true,"id":1093},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1094},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1065},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1095},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1084":{"_Position":{"__isSmartRef__":true,"id":1085},"renderContextTable":{"__isSmartRef__":true,"id":1086},"_Extent":{"__isSmartRef__":true,"id":1087},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1085":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1086":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1087":{"x":134,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1088":{"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","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"},"1089":{"style":{"__isSmartRef__":true,"id":1090},"chunkOwner":{"__isSmartRef__":true,"id":1083},"storedString":"droppingEnabled","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1090":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1091":{"style":{"__isSmartRef__":true,"id":1092},"chunkOwner":{"__isSmartRef__":true,"id":1083},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1092":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1093":{"morph":{"__isSmartRef__":true,"id":1083},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1094":{"x":157.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1095":{"layoutText":{"__isSmartRef__":true,"id":1096}},"1096":{"varMapping":{"__isSmartRef__":true,"id":1097},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1098},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1097":{"this":{"__isSmartRef__":true,"id":1083}},"1098":{},"1099":{"_Position":{"__isSmartRef__":true,"id":1100},"renderContextTable":{"__isSmartRef__":true,"id":1101},"_Extent":{"__isSmartRef__":true,"id":1102},"_Padding":{"__isSmartRef__":true,"id":1103},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1100":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1101":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1102":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1103":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1104":{"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"},"1105":{"morph":{"__isSmartRef__":true,"id":1065},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1106":{"resizeWidth":true},"1107":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1108":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1109":{"updateExpanderColor":{"__isSmartRef__":true,"id":1110},"onMouseDown":{"__isSmartRef__":true,"id":1113},"isRoot":{"__isSmartRef__":true,"id":1120},"displayValue":{"__isSmartRef__":true,"id":1123},"update":{"__isSmartRef__":true,"id":1126}},"1110":{"varMapping":{"__isSmartRef__":true,"id":1111},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1112},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1111":{"this":{"__isSmartRef__":true,"id":1065}},"1112":{},"1113":{"varMapping":{"__isSmartRef__":true,"id":1114},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1119},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1114":{"this":{"__isSmartRef__":true,"id":1065},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1115}},"1115":{"$super":{"__isSmartRef__":true,"id":1116}},"1116":{"varMapping":{"__isSmartRef__":true,"id":1117},"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":1118},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1117":{"obj":{"__isSmartRef__":true,"id":1065},"name":"onMouseDown"},"1118":{},"1119":{},"1120":{"varMapping":{"__isSmartRef__":true,"id":1121},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1122},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1121":{"this":{"__isSmartRef__":true,"id":1065}},"1122":{},"1123":{"varMapping":{"__isSmartRef__":true,"id":1124},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1125},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1124":{"this":{"__isSmartRef__":true,"id":1065}},"1125":{},"1126":{"varMapping":{"__isSmartRef__":true,"id":1127},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1128},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1127":{"this":{"__isSmartRef__":true,"id":1065}},"1128":{},"1129":{"_Position":{"__isSmartRef__":true,"id":1130},"renderContextTable":{"__isSmartRef__":true,"id":1131},"_Extent":{"__isSmartRef__":true,"id":1132},"_Padding":{"__isSmartRef__":true,"id":1133},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1130":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1131":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1132":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1133":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1134":{"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"},"1135":{"morph":{"__isSmartRef__":true,"id":1064},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1136":{"layouter":{"__isSmartRef__":true,"id":1137},"resizeWidth":true},"1137":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1064},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1138":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1139":{"x":0,"y":320,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1140":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1141}},"1141":{"varMapping":{"__isSmartRef__":true,"id":1142},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1147},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1142":{"this":{"__isSmartRef__":true,"id":1064},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1143}},"1143":{"$super":{"__isSmartRef__":true,"id":1144}},"1144":{"varMapping":{"__isSmartRef__":true,"id":1145},"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":1146},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1145":{"obj":{"__isSmartRef__":true,"id":1064},"name":"getLayoutableSubmorphs"},"1146":{},"1147":{},"1148":{"submorphs":[{"__isSmartRef__":true,"id":1149}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1213},"derivationIds":[null],"id":"C2613629-7DB2-462C-BD3E-DA08DBCC6713","renderContextTable":{"__isSmartRef__":true,"id":1218},"eventHandler":{"__isSmartRef__":true,"id":1219},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1220},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1222},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1223},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1224},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1149":{"submorphs":[{"__isSmartRef__":true,"id":1150},{"__isSmartRef__":true,"id":1167}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1183},"derivationIds":[null],"id":"3E3CEE23-A5D5-47C3-97BB-1A10ED2FF4BE","renderContextTable":{"__isSmartRef__":true,"id":1188},"eventHandler":{"__isSmartRef__":true,"id":1189},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1190},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":111},"propertyList":["morph","__SourceModuleName__","dispatchTable"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"eventHandler","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1150},"text":{"__isSmartRef__":true,"id":1167},"owner":{"__isSmartRef__":true,"id":1148},"_Position":{"__isSmartRef__":true,"id":1191},"priorExtent":{"__isSmartRef__":true,"id":1192},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1193},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1150":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1151},"derivationIds":[null],"id":"4D001D08-05E9-471A-AD70-833BEC842EE2","renderContextTable":{"__isSmartRef__":true,"id":1157},"eventHandler":{"__isSmartRef__":true,"id":1158},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1159},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1149},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1160},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1151":{"_Position":{"__isSmartRef__":true,"id":1152},"renderContextTable":{"__isSmartRef__":true,"id":1153},"_Extent":{"__isSmartRef__":true,"id":1154},"_Padding":{"__isSmartRef__":true,"id":1155},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1156},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1152":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1153":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1154":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1155":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1156":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1157":{"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"},"1158":{"morph":{"__isSmartRef__":true,"id":1150},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1159":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1160":{"toggle":{"__isSmartRef__":true,"id":1161},"toggleExpansion":{"__isSmartRef__":true,"id":1164}},"1161":{"varMapping":{"__isSmartRef__":true,"id":1162},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1163},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1162":{"this":{"__isSmartRef__":true,"id":1150}},"1163":{},"1164":{"varMapping":{"__isSmartRef__":true,"id":1165},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1166},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1165":{"this":{"__isSmartRef__":true,"id":1150}},"1166":{},"1167":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1168},"derivationIds":[null],"id":"3A4A83BA-D3DA-4A9A-80A3-318263E831EF","renderContextTable":{"__isSmartRef__":true,"id":1172},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1173},{"__isSmartRef__":true,"id":1175}],"eventHandler":{"__isSmartRef__":true,"id":1177},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1178},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1149},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1179},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1168":{"_Position":{"__isSmartRef__":true,"id":1169},"renderContextTable":{"__isSmartRef__":true,"id":1170},"_Extent":{"__isSmartRef__":true,"id":1171},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1169":{"x":28,"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"},"1171":{"x":172,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1172":{"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","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"},"1173":{"style":{"__isSmartRef__":true,"id":1174},"chunkOwner":{"__isSmartRef__":true,"id":1167},"storedString":"eventHandler","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1174":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1175":{"style":{"__isSmartRef__":true,"id":1176},"chunkOwner":{"__isSmartRef__":true,"id":1167},"storedString":": EventHandler","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1176":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1177":{"morph":{"__isSmartRef__":true,"id":1167},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1178":{"x":195,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1179":{"layoutText":{"__isSmartRef__":true,"id":1180}},"1180":{"varMapping":{"__isSmartRef__":true,"id":1181},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1182},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1181":{"this":{"__isSmartRef__":true,"id":1167}},"1182":{},"1183":{"_Position":{"__isSmartRef__":true,"id":1184},"renderContextTable":{"__isSmartRef__":true,"id":1185},"_Extent":{"__isSmartRef__":true,"id":1186},"_Padding":{"__isSmartRef__":true,"id":1187},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1184":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1185":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1186":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1187":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1188":{"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"},"1189":{"morph":{"__isSmartRef__":true,"id":1149},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1190":{"resizeWidth":true},"1191":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1192":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1193":{"updateExpanderColor":{"__isSmartRef__":true,"id":1194},"onMouseDown":{"__isSmartRef__":true,"id":1197},"isRoot":{"__isSmartRef__":true,"id":1204},"displayValue":{"__isSmartRef__":true,"id":1207},"update":{"__isSmartRef__":true,"id":1210}},"1194":{"varMapping":{"__isSmartRef__":true,"id":1195},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1196},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1195":{"this":{"__isSmartRef__":true,"id":1149}},"1196":{},"1197":{"varMapping":{"__isSmartRef__":true,"id":1198},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1203},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1198":{"this":{"__isSmartRef__":true,"id":1149},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1199}},"1199":{"$super":{"__isSmartRef__":true,"id":1200}},"1200":{"varMapping":{"__isSmartRef__":true,"id":1201},"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":1202},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1201":{"obj":{"__isSmartRef__":true,"id":1149},"name":"onMouseDown"},"1202":{},"1203":{},"1204":{"varMapping":{"__isSmartRef__":true,"id":1205},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1206},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1205":{"this":{"__isSmartRef__":true,"id":1149}},"1206":{},"1207":{"varMapping":{"__isSmartRef__":true,"id":1208},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1209},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1208":{"this":{"__isSmartRef__":true,"id":1149}},"1209":{},"1210":{"varMapping":{"__isSmartRef__":true,"id":1211},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1212},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1211":{"this":{"__isSmartRef__":true,"id":1149}},"1212":{},"1213":{"_Position":{"__isSmartRef__":true,"id":1214},"renderContextTable":{"__isSmartRef__":true,"id":1215},"_Extent":{"__isSmartRef__":true,"id":1216},"_Padding":{"__isSmartRef__":true,"id":1217},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1214":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1215":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1216":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1217":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1218":{"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"},"1219":{"morph":{"__isSmartRef__":true,"id":1148},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1220":{"layouter":{"__isSmartRef__":true,"id":1221},"resizeWidth":true},"1221":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1148},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1222":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1223":{"x":0,"y":300,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1224":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1225}},"1225":{"varMapping":{"__isSmartRef__":true,"id":1226},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1231},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1226":{"this":{"__isSmartRef__":true,"id":1148},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1227}},"1227":{"$super":{"__isSmartRef__":true,"id":1228}},"1228":{"varMapping":{"__isSmartRef__":true,"id":1229},"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":1230},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1229":{"obj":{"__isSmartRef__":true,"id":1148},"name":"getLayoutableSubmorphs"},"1230":{},"1231":{},"1232":{"submorphs":[{"__isSmartRef__":true,"id":1233}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1297},"derivationIds":[null],"id":"6AD02FB5-9A9F-4C29-9E94-584B36CBC8C0","renderContextTable":{"__isSmartRef__":true,"id":1302},"eventHandler":{"__isSmartRef__":true,"id":1303},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1304},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1306},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1307},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1308},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1233":{"submorphs":[{"__isSmartRef__":true,"id":1234},{"__isSmartRef__":true,"id":1251}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1267},"derivationIds":[null],"id":"40DC39D7-1071-4AD8-AC36-6C43F42EE151","renderContextTable":{"__isSmartRef__":true,"id":1272},"eventHandler":{"__isSmartRef__":true,"id":1273},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1274},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"halos","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1234},"text":{"__isSmartRef__":true,"id":1251},"owner":{"__isSmartRef__":true,"id":1232},"_Position":{"__isSmartRef__":true,"id":1275},"priorExtent":{"__isSmartRef__":true,"id":1276},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1277},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1234":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1235},"derivationIds":[null],"id":"C993B005-BEDF-4497-A4BC-F28CAF13ADF5","renderContextTable":{"__isSmartRef__":true,"id":1241},"eventHandler":{"__isSmartRef__":true,"id":1242},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1243},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1233},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1244},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1235":{"_Position":{"__isSmartRef__":true,"id":1236},"renderContextTable":{"__isSmartRef__":true,"id":1237},"_Extent":{"__isSmartRef__":true,"id":1238},"_Padding":{"__isSmartRef__":true,"id":1239},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1240},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1236":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1237":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1238":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1239":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1240":{"r":1,"g":1,"b":1,"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"},"1242":{"morph":{"__isSmartRef__":true,"id":1234},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1243":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1244":{"toggle":{"__isSmartRef__":true,"id":1245},"toggleExpansion":{"__isSmartRef__":true,"id":1248}},"1245":{"varMapping":{"__isSmartRef__":true,"id":1246},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1247},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1246":{"this":{"__isSmartRef__":true,"id":1234}},"1247":{},"1248":{"varMapping":{"__isSmartRef__":true,"id":1249},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1250},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1249":{"this":{"__isSmartRef__":true,"id":1234}},"1250":{},"1251":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1252},"derivationIds":[null],"id":"C4528745-D624-432F-9D5C-D99F1C3E14CB","renderContextTable":{"__isSmartRef__":true,"id":1256},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1257},{"__isSmartRef__":true,"id":1259}],"eventHandler":{"__isSmartRef__":true,"id":1261},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1262},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1233},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1263},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1252":{"_Position":{"__isSmartRef__":true,"id":1253},"renderContextTable":{"__isSmartRef__":true,"id":1254},"_Extent":{"__isSmartRef__":true,"id":1255},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1253":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1254":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1255":{"x":67.5,"y":20,"__LivelyClassName__":"Point","__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","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":1251},"storedString":"halos","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1258":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1259":{"style":{"__isSmartRef__":true,"id":1260},"chunkOwner":{"__isSmartRef__":true,"id":1251},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1260":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1261":{"morph":{"__isSmartRef__":true,"id":1251},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1262":{"x":67.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1263":{"layoutText":{"__isSmartRef__":true,"id":1264}},"1264":{"varMapping":{"__isSmartRef__":true,"id":1265},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1266},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1265":{"this":{"__isSmartRef__":true,"id":1251}},"1266":{},"1267":{"_Position":{"__isSmartRef__":true,"id":1268},"renderContextTable":{"__isSmartRef__":true,"id":1269},"_Extent":{"__isSmartRef__":true,"id":1270},"_Padding":{"__isSmartRef__":true,"id":1271},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1268":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1269":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1270":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1271":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__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"},"1273":{"morph":{"__isSmartRef__":true,"id":1233},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1274":{"resizeWidth":true},"1275":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1276":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1277":{"updateExpanderColor":{"__isSmartRef__":true,"id":1278},"onMouseDown":{"__isSmartRef__":true,"id":1281},"isRoot":{"__isSmartRef__":true,"id":1288},"displayValue":{"__isSmartRef__":true,"id":1291},"update":{"__isSmartRef__":true,"id":1294}},"1278":{"varMapping":{"__isSmartRef__":true,"id":1279},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1280},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1279":{"this":{"__isSmartRef__":true,"id":1233}},"1280":{},"1281":{"varMapping":{"__isSmartRef__":true,"id":1282},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1287},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1282":{"this":{"__isSmartRef__":true,"id":1233},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1283}},"1283":{"$super":{"__isSmartRef__":true,"id":1284}},"1284":{"varMapping":{"__isSmartRef__":true,"id":1285},"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":1286},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1285":{"obj":{"__isSmartRef__":true,"id":1233},"name":"onMouseDown"},"1286":{},"1287":{},"1288":{"varMapping":{"__isSmartRef__":true,"id":1289},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1290},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1289":{"this":{"__isSmartRef__":true,"id":1233}},"1290":{},"1291":{"varMapping":{"__isSmartRef__":true,"id":1292},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1293},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1292":{"this":{"__isSmartRef__":true,"id":1233}},"1293":{},"1294":{"varMapping":{"__isSmartRef__":true,"id":1295},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1296},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1295":{"this":{"__isSmartRef__":true,"id":1233}},"1296":{},"1297":{"_Position":{"__isSmartRef__":true,"id":1298},"renderContextTable":{"__isSmartRef__":true,"id":1299},"_Extent":{"__isSmartRef__":true,"id":1300},"_Padding":{"__isSmartRef__":true,"id":1301},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1298":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1299":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1300":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1301":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1302":{"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"},"1303":{"morph":{"__isSmartRef__":true,"id":1232},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1304":{"layouter":{"__isSmartRef__":true,"id":1305},"resizeWidth":true},"1305":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1232},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1306":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1307":{"x":0,"y":280,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1308":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1309}},"1309":{"varMapping":{"__isSmartRef__":true,"id":1310},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1315},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1310":{"this":{"__isSmartRef__":true,"id":1232},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1311}},"1311":{"$super":{"__isSmartRef__":true,"id":1312}},"1312":{"varMapping":{"__isSmartRef__":true,"id":1313},"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":1314},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1313":{"obj":{"__isSmartRef__":true,"id":1232},"name":"getLayoutableSubmorphs"},"1314":{},"1315":{},"1316":{"submorphs":[{"__isSmartRef__":true,"id":1317}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1381},"derivationIds":[null],"id":"A274A0B5-0783-4BBC-8E66-473213FB1CDE","renderContextTable":{"__isSmartRef__":true,"id":1386},"eventHandler":{"__isSmartRef__":true,"id":1387},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1388},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1390},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1391},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1392},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1317":{"submorphs":[{"__isSmartRef__":true,"id":1318},{"__isSmartRef__":true,"id":1335}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1351},"derivationIds":[null],"id":"3DCA11A3-51DC-4188-8EDA-CFA8B9392356","renderContextTable":{"__isSmartRef__":true,"id":1356},"eventHandler":{"__isSmartRef__":true,"id":1357},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1358},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"halosEnabled","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1318},"text":{"__isSmartRef__":true,"id":1335},"owner":{"__isSmartRef__":true,"id":1316},"_Position":{"__isSmartRef__":true,"id":1359},"priorExtent":{"__isSmartRef__":true,"id":1360},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1361},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1318":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1319},"derivationIds":[null],"id":"49049C86-6EAE-484F-82F9-8424B1F8FE88","renderContextTable":{"__isSmartRef__":true,"id":1325},"eventHandler":{"__isSmartRef__":true,"id":1326},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1327},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1317},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1328},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1319":{"_Position":{"__isSmartRef__":true,"id":1320},"renderContextTable":{"__isSmartRef__":true,"id":1321},"_Extent":{"__isSmartRef__":true,"id":1322},"_Padding":{"__isSmartRef__":true,"id":1323},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1324},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1320":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1321":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1322":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1323":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1324":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1325":{"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"},"1326":{"morph":{"__isSmartRef__":true,"id":1318},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1327":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1328":{"toggle":{"__isSmartRef__":true,"id":1329},"toggleExpansion":{"__isSmartRef__":true,"id":1332}},"1329":{"varMapping":{"__isSmartRef__":true,"id":1330},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1331},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1330":{"this":{"__isSmartRef__":true,"id":1318}},"1331":{},"1332":{"varMapping":{"__isSmartRef__":true,"id":1333},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1334},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1333":{"this":{"__isSmartRef__":true,"id":1318}},"1334":{},"1335":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1336},"derivationIds":[null],"id":"69AEACA8-679E-4AE0-BF62-03F32C436FE5","renderContextTable":{"__isSmartRef__":true,"id":1340},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1341},{"__isSmartRef__":true,"id":1343}],"eventHandler":{"__isSmartRef__":true,"id":1345},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1346},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1317},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1347},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1336":{"_Position":{"__isSmartRef__":true,"id":1337},"renderContextTable":{"__isSmartRef__":true,"id":1338},"_Extent":{"__isSmartRef__":true,"id":1339},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1337":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1338":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1339":{"x":116,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1340":{"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","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"},"1341":{"style":{"__isSmartRef__":true,"id":1342},"chunkOwner":{"__isSmartRef__":true,"id":1335},"storedString":"halosEnabled","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1342":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1343":{"style":{"__isSmartRef__":true,"id":1344},"chunkOwner":{"__isSmartRef__":true,"id":1335},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1344":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1345":{"morph":{"__isSmartRef__":true,"id":1335},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1346":{"x":135,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1347":{"layoutText":{"__isSmartRef__":true,"id":1348}},"1348":{"varMapping":{"__isSmartRef__":true,"id":1349},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1350},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1349":{"this":{"__isSmartRef__":true,"id":1335}},"1350":{},"1351":{"_Position":{"__isSmartRef__":true,"id":1352},"renderContextTable":{"__isSmartRef__":true,"id":1353},"_Extent":{"__isSmartRef__":true,"id":1354},"_Padding":{"__isSmartRef__":true,"id":1355},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1352":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1353":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1354":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1355":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__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"},"1357":{"morph":{"__isSmartRef__":true,"id":1317},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1358":{"resizeWidth":true},"1359":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1360":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1361":{"updateExpanderColor":{"__isSmartRef__":true,"id":1362},"onMouseDown":{"__isSmartRef__":true,"id":1365},"isRoot":{"__isSmartRef__":true,"id":1372},"displayValue":{"__isSmartRef__":true,"id":1375},"update":{"__isSmartRef__":true,"id":1378}},"1362":{"varMapping":{"__isSmartRef__":true,"id":1363},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1364},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1363":{"this":{"__isSmartRef__":true,"id":1317}},"1364":{},"1365":{"varMapping":{"__isSmartRef__":true,"id":1366},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1371},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1366":{"this":{"__isSmartRef__":true,"id":1317},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1367}},"1367":{"$super":{"__isSmartRef__":true,"id":1368}},"1368":{"varMapping":{"__isSmartRef__":true,"id":1369},"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":1370},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1369":{"obj":{"__isSmartRef__":true,"id":1317},"name":"onMouseDown"},"1370":{},"1371":{},"1372":{"varMapping":{"__isSmartRef__":true,"id":1373},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1374},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1373":{"this":{"__isSmartRef__":true,"id":1317}},"1374":{},"1375":{"varMapping":{"__isSmartRef__":true,"id":1376},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1377},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1376":{"this":{"__isSmartRef__":true,"id":1317}},"1377":{},"1378":{"varMapping":{"__isSmartRef__":true,"id":1379},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1380},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1379":{"this":{"__isSmartRef__":true,"id":1317}},"1380":{},"1381":{"_Position":{"__isSmartRef__":true,"id":1382},"renderContextTable":{"__isSmartRef__":true,"id":1383},"_Extent":{"__isSmartRef__":true,"id":1384},"_Padding":{"__isSmartRef__":true,"id":1385},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1382":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1383":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1384":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1385":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1386":{"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"},"1387":{"morph":{"__isSmartRef__":true,"id":1316},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1388":{"layouter":{"__isSmartRef__":true,"id":1389},"resizeWidth":true},"1389":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1316},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1390":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1391":{"x":0,"y":260,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1392":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1393}},"1393":{"varMapping":{"__isSmartRef__":true,"id":1394},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1399},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1394":{"this":{"__isSmartRef__":true,"id":1316},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1395}},"1395":{"$super":{"__isSmartRef__":true,"id":1396}},"1396":{"varMapping":{"__isSmartRef__":true,"id":1397},"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":1398},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1397":{"obj":{"__isSmartRef__":true,"id":1316},"name":"getLayoutableSubmorphs"},"1398":{},"1399":{},"1400":{"submorphs":[{"__isSmartRef__":true,"id":1401}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1465},"derivationIds":[null],"id":"F8B87032-930E-4C9D-94AF-1C62F5A39670","renderContextTable":{"__isSmartRef__":true,"id":1470},"eventHandler":{"__isSmartRef__":true,"id":1471},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1472},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1474},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1475},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1476},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1401":{"submorphs":[{"__isSmartRef__":true,"id":1402},{"__isSmartRef__":true,"id":1419}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1435},"derivationIds":[null],"id":"C89E4996-F286-4F13-8E6C-DD7984BC0B0D","renderContextTable":{"__isSmartRef__":true,"id":1440},"eventHandler":{"__isSmartRef__":true,"id":1441},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1442},"grabbingEnabled":false,"draggingEnabled":false,"data":"2EC1CA24-F67E-4331-B5C5-0F6121A9B7AB","propertyList":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"id","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1402},"text":{"__isSmartRef__":true,"id":1419},"owner":{"__isSmartRef__":true,"id":1400},"_Position":{"__isSmartRef__":true,"id":1443},"priorExtent":{"__isSmartRef__":true,"id":1444},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1445},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1402":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1403},"derivationIds":[null],"id":"58AAF787-E4E4-4AC1-B829-7B9F4722A222","renderContextTable":{"__isSmartRef__":true,"id":1409},"eventHandler":{"__isSmartRef__":true,"id":1410},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1411},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1401},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1412},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1403":{"_Position":{"__isSmartRef__":true,"id":1404},"renderContextTable":{"__isSmartRef__":true,"id":1405},"_Extent":{"__isSmartRef__":true,"id":1406},"_Padding":{"__isSmartRef__":true,"id":1407},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1408},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1404":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1405":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1406":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1407":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1408":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1409":{"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"},"1410":{"morph":{"__isSmartRef__":true,"id":1402},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1411":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1412":{"toggle":{"__isSmartRef__":true,"id":1413},"toggleExpansion":{"__isSmartRef__":true,"id":1416}},"1413":{"varMapping":{"__isSmartRef__":true,"id":1414},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1415},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1414":{"this":{"__isSmartRef__":true,"id":1402}},"1415":{},"1416":{"varMapping":{"__isSmartRef__":true,"id":1417},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1418},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1417":{"this":{"__isSmartRef__":true,"id":1402}},"1418":{},"1419":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1420},"derivationIds":[null],"id":"9AAB0B0A-14CD-4656-BE8F-65DC0F176AE9","renderContextTable":{"__isSmartRef__":true,"id":1424},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1425},{"__isSmartRef__":true,"id":1427}],"eventHandler":{"__isSmartRef__":true,"id":1429},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1430},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1401},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1431},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1420":{"_Position":{"__isSmartRef__":true,"id":1421},"renderContextTable":{"__isSmartRef__":true,"id":1422},"_Extent":{"__isSmartRef__":true,"id":1423},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1421":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1422":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1423":{"x":293,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1424":{"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","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"},"1425":{"style":{"__isSmartRef__":true,"id":1426},"chunkOwner":{"__isSmartRef__":true,"id":1419},"storedString":"id","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1426":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1427":{"style":{"__isSmartRef__":true,"id":1428},"chunkOwner":{"__isSmartRef__":true,"id":1419},"storedString":": 2EC1CA24-F67E-4331-B5C5-0F6121A9B7AB","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1428":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1429":{"morph":{"__isSmartRef__":true,"id":1419},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1430":{"x":300,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1431":{"layoutText":{"__isSmartRef__":true,"id":1432}},"1432":{"varMapping":{"__isSmartRef__":true,"id":1433},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1434},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1433":{"this":{"__isSmartRef__":true,"id":1419}},"1434":{},"1435":{"_Position":{"__isSmartRef__":true,"id":1436},"renderContextTable":{"__isSmartRef__":true,"id":1437},"_Extent":{"__isSmartRef__":true,"id":1438},"_Padding":{"__isSmartRef__":true,"id":1439},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1436":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1437":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1438":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1439":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1440":{"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"},"1441":{"morph":{"__isSmartRef__":true,"id":1401},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1442":{"resizeWidth":true},"1443":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1444":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1445":{"updateExpanderColor":{"__isSmartRef__":true,"id":1446},"onMouseDown":{"__isSmartRef__":true,"id":1449},"isRoot":{"__isSmartRef__":true,"id":1456},"displayValue":{"__isSmartRef__":true,"id":1459},"update":{"__isSmartRef__":true,"id":1462}},"1446":{"varMapping":{"__isSmartRef__":true,"id":1447},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1448},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1447":{"this":{"__isSmartRef__":true,"id":1401}},"1448":{},"1449":{"varMapping":{"__isSmartRef__":true,"id":1450},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1455},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1450":{"this":{"__isSmartRef__":true,"id":1401},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1451}},"1451":{"$super":{"__isSmartRef__":true,"id":1452}},"1452":{"varMapping":{"__isSmartRef__":true,"id":1453},"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":1454},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1453":{"obj":{"__isSmartRef__":true,"id":1401},"name":"onMouseDown"},"1454":{},"1455":{},"1456":{"varMapping":{"__isSmartRef__":true,"id":1457},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1458},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1457":{"this":{"__isSmartRef__":true,"id":1401}},"1458":{},"1459":{"varMapping":{"__isSmartRef__":true,"id":1460},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1461},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1460":{"this":{"__isSmartRef__":true,"id":1401}},"1461":{},"1462":{"varMapping":{"__isSmartRef__":true,"id":1463},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1464},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1463":{"this":{"__isSmartRef__":true,"id":1401}},"1464":{},"1465":{"_Position":{"__isSmartRef__":true,"id":1466},"renderContextTable":{"__isSmartRef__":true,"id":1467},"_Extent":{"__isSmartRef__":true,"id":1468},"_Padding":{"__isSmartRef__":true,"id":1469},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1466":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1467":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1468":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1469":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1470":{"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"},"1471":{"morph":{"__isSmartRef__":true,"id":1400},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1472":{"layouter":{"__isSmartRef__":true,"id":1473},"resizeWidth":true},"1473":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1400},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1474":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1475":{"x":0,"y":240,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1476":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1477}},"1477":{"varMapping":{"__isSmartRef__":true,"id":1478},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1483},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1478":{"this":{"__isSmartRef__":true,"id":1400},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1479}},"1479":{"$super":{"__isSmartRef__":true,"id":1480}},"1480":{"varMapping":{"__isSmartRef__":true,"id":1481},"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":1482},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1481":{"obj":{"__isSmartRef__":true,"id":1400},"name":"getLayoutableSubmorphs"},"1482":{},"1483":{},"1484":{"submorphs":[{"__isSmartRef__":true,"id":1485}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1549},"derivationIds":[null],"id":"FCFBBEAD-A579-4EDB-BD4E-209802C5E63C","renderContextTable":{"__isSmartRef__":true,"id":1554},"eventHandler":{"__isSmartRef__":true,"id":1555},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1556},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1558},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1559},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1560},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1485":{"submorphs":[{"__isSmartRef__":true,"id":1486},{"__isSmartRef__":true,"id":1503}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1519},"derivationIds":[null],"id":"CA52A1C7-7848-45C6-8A87-F14780D090B8","renderContextTable":{"__isSmartRef__":true,"id":1524},"eventHandler":{"__isSmartRef__":true,"id":1525},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1526},"grabbingEnabled":false,"draggingEnabled":false,"data":false,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"isBeingDragged","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1486},"text":{"__isSmartRef__":true,"id":1503},"owner":{"__isSmartRef__":true,"id":1484},"_Position":{"__isSmartRef__":true,"id":1527},"priorExtent":{"__isSmartRef__":true,"id":1528},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1529},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1486":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1487},"derivationIds":[null],"id":"5ADC6192-B345-4CB2-9A99-30D540D0B738","renderContextTable":{"__isSmartRef__":true,"id":1493},"eventHandler":{"__isSmartRef__":true,"id":1494},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1495},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1485},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1496},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1487":{"_Position":{"__isSmartRef__":true,"id":1488},"renderContextTable":{"__isSmartRef__":true,"id":1489},"_Extent":{"__isSmartRef__":true,"id":1490},"_Padding":{"__isSmartRef__":true,"id":1491},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1492},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1488":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1489":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1490":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1491":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1492":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1493":{"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"},"1494":{"morph":{"__isSmartRef__":true,"id":1486},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1495":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1496":{"toggle":{"__isSmartRef__":true,"id":1497},"toggleExpansion":{"__isSmartRef__":true,"id":1500}},"1497":{"varMapping":{"__isSmartRef__":true,"id":1498},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1499},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1498":{"this":{"__isSmartRef__":true,"id":1486}},"1499":{},"1500":{"varMapping":{"__isSmartRef__":true,"id":1501},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1502},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1501":{"this":{"__isSmartRef__":true,"id":1486}},"1502":{},"1503":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1504},"derivationIds":[null],"id":"68A30BD1-C36B-43CE-B04D-DC86D2B1BA94","renderContextTable":{"__isSmartRef__":true,"id":1508},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1509},{"__isSmartRef__":true,"id":1511}],"eventHandler":{"__isSmartRef__":true,"id":1513},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1514},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1485},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1515},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1504":{"_Position":{"__isSmartRef__":true,"id":1505},"renderContextTable":{"__isSmartRef__":true,"id":1506},"_Extent":{"__isSmartRef__":true,"id":1507},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1505":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1506":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1507":{"x":136,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1508":{"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","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"},"1509":{"style":{"__isSmartRef__":true,"id":1510},"chunkOwner":{"__isSmartRef__":true,"id":1503},"storedString":"isBeingDragged","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1510":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1511":{"style":{"__isSmartRef__":true,"id":1512},"chunkOwner":{"__isSmartRef__":true,"id":1503},"storedString":": false","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1512":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1513":{"morph":{"__isSmartRef__":true,"id":1503},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1514":{"x":157.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1515":{"layoutText":{"__isSmartRef__":true,"id":1516}},"1516":{"varMapping":{"__isSmartRef__":true,"id":1517},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1518},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1517":{"this":{"__isSmartRef__":true,"id":1503}},"1518":{},"1519":{"_Position":{"__isSmartRef__":true,"id":1520},"renderContextTable":{"__isSmartRef__":true,"id":1521},"_Extent":{"__isSmartRef__":true,"id":1522},"_Padding":{"__isSmartRef__":true,"id":1523},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1520":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1521":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1522":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1523":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1524":{"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"},"1525":{"morph":{"__isSmartRef__":true,"id":1485},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1526":{"resizeWidth":true},"1527":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1528":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1529":{"updateExpanderColor":{"__isSmartRef__":true,"id":1530},"onMouseDown":{"__isSmartRef__":true,"id":1533},"isRoot":{"__isSmartRef__":true,"id":1540},"displayValue":{"__isSmartRef__":true,"id":1543},"update":{"__isSmartRef__":true,"id":1546}},"1530":{"varMapping":{"__isSmartRef__":true,"id":1531},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1532},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1531":{"this":{"__isSmartRef__":true,"id":1485}},"1532":{},"1533":{"varMapping":{"__isSmartRef__":true,"id":1534},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1539},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1534":{"this":{"__isSmartRef__":true,"id":1485},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1535}},"1535":{"$super":{"__isSmartRef__":true,"id":1536}},"1536":{"varMapping":{"__isSmartRef__":true,"id":1537},"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":1538},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1537":{"obj":{"__isSmartRef__":true,"id":1485},"name":"onMouseDown"},"1538":{},"1539":{},"1540":{"varMapping":{"__isSmartRef__":true,"id":1541},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1542},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1541":{"this":{"__isSmartRef__":true,"id":1485}},"1542":{},"1543":{"varMapping":{"__isSmartRef__":true,"id":1544},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1545},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1544":{"this":{"__isSmartRef__":true,"id":1485}},"1545":{},"1546":{"varMapping":{"__isSmartRef__":true,"id":1547},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1548},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1547":{"this":{"__isSmartRef__":true,"id":1485}},"1548":{},"1549":{"_Position":{"__isSmartRef__":true,"id":1550},"renderContextTable":{"__isSmartRef__":true,"id":1551},"_Extent":{"__isSmartRef__":true,"id":1552},"_Padding":{"__isSmartRef__":true,"id":1553},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1550":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1551":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1552":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1553":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1554":{"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"},"1555":{"morph":{"__isSmartRef__":true,"id":1484},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1556":{"layouter":{"__isSmartRef__":true,"id":1557},"resizeWidth":true},"1557":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1484},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1558":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1559":{"x":0,"y":220,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1560":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1561}},"1561":{"varMapping":{"__isSmartRef__":true,"id":1562},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1567},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1562":{"this":{"__isSmartRef__":true,"id":1484},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1563}},"1563":{"$super":{"__isSmartRef__":true,"id":1564}},"1564":{"varMapping":{"__isSmartRef__":true,"id":1565},"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":1566},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1565":{"obj":{"__isSmartRef__":true,"id":1484},"name":"getLayoutableSubmorphs"},"1566":{},"1567":{},"1568":{"submorphs":[{"__isSmartRef__":true,"id":1569}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1633},"derivationIds":[null],"id":"5DDC6334-77FF-4D96-985F-CF897AFDF57E","renderContextTable":{"__isSmartRef__":true,"id":1638},"eventHandler":{"__isSmartRef__":true,"id":1639},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1640},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1642},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1643},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1644},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1569":{"submorphs":[{"__isSmartRef__":true,"id":1570},{"__isSmartRef__":true,"id":1587}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1603},"derivationIds":[null],"id":"0057C6EC-C148-4A69-8729-C97857DB2B28","renderContextTable":{"__isSmartRef__":true,"id":1608},"eventHandler":{"__isSmartRef__":true,"id":1609},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1610},"grabbingEnabled":false,"draggingEnabled":false,"data":"Rectangle","propertyList":["0","1","2","3","4","5","6","7","8"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"name","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1570},"text":{"__isSmartRef__":true,"id":1587},"owner":{"__isSmartRef__":true,"id":1568},"_Position":{"__isSmartRef__":true,"id":1611},"priorExtent":{"__isSmartRef__":true,"id":1612},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1613},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1570":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1571},"derivationIds":[null],"id":"430999F2-7A56-4AB3-B20F-AD7D492437DF","renderContextTable":{"__isSmartRef__":true,"id":1577},"eventHandler":{"__isSmartRef__":true,"id":1578},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1579},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1569},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1580},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1571":{"_Position":{"__isSmartRef__":true,"id":1572},"renderContextTable":{"__isSmartRef__":true,"id":1573},"_Extent":{"__isSmartRef__":true,"id":1574},"_Padding":{"__isSmartRef__":true,"id":1575},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1576},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1572":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1573":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1574":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1575":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1576":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1577":{"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"},"1578":{"morph":{"__isSmartRef__":true,"id":1570},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1579":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1580":{"toggle":{"__isSmartRef__":true,"id":1581},"toggleExpansion":{"__isSmartRef__":true,"id":1584}},"1581":{"varMapping":{"__isSmartRef__":true,"id":1582},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1583},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1582":{"this":{"__isSmartRef__":true,"id":1570}},"1583":{},"1584":{"varMapping":{"__isSmartRef__":true,"id":1585},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1586},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1585":{"this":{"__isSmartRef__":true,"id":1570}},"1586":{},"1587":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1588},"derivationIds":[null],"id":"EBE4933C-09D2-4110-A9EE-3DAF7A8627F6","renderContextTable":{"__isSmartRef__":true,"id":1592},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1593},{"__isSmartRef__":true,"id":1595}],"eventHandler":{"__isSmartRef__":true,"id":1597},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1598},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1569},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1599},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1588":{"_Position":{"__isSmartRef__":true,"id":1589},"renderContextTable":{"__isSmartRef__":true,"id":1590},"_Extent":{"__isSmartRef__":true,"id":1591},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1589":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1590":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1591":{"x":107,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1592":{"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","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"},"1593":{"style":{"__isSmartRef__":true,"id":1594},"chunkOwner":{"__isSmartRef__":true,"id":1587},"storedString":"name","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1594":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1595":{"style":{"__isSmartRef__":true,"id":1596},"chunkOwner":{"__isSmartRef__":true,"id":1587},"storedString":": Rectangle","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1596":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1597":{"morph":{"__isSmartRef__":true,"id":1587},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1598":{"x":112.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1599":{"layoutText":{"__isSmartRef__":true,"id":1600}},"1600":{"varMapping":{"__isSmartRef__":true,"id":1601},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1602},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1601":{"this":{"__isSmartRef__":true,"id":1587}},"1602":{},"1603":{"_Position":{"__isSmartRef__":true,"id":1604},"renderContextTable":{"__isSmartRef__":true,"id":1605},"_Extent":{"__isSmartRef__":true,"id":1606},"_Padding":{"__isSmartRef__":true,"id":1607},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1604":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1605":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1606":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1607":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1608":{"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"},"1609":{"morph":{"__isSmartRef__":true,"id":1569},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1610":{"resizeWidth":true},"1611":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1612":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1613":{"updateExpanderColor":{"__isSmartRef__":true,"id":1614},"onMouseDown":{"__isSmartRef__":true,"id":1617},"isRoot":{"__isSmartRef__":true,"id":1624},"displayValue":{"__isSmartRef__":true,"id":1627},"update":{"__isSmartRef__":true,"id":1630}},"1614":{"varMapping":{"__isSmartRef__":true,"id":1615},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1616},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1615":{"this":{"__isSmartRef__":true,"id":1569}},"1616":{},"1617":{"varMapping":{"__isSmartRef__":true,"id":1618},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1623},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1618":{"this":{"__isSmartRef__":true,"id":1569},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1619}},"1619":{"$super":{"__isSmartRef__":true,"id":1620}},"1620":{"varMapping":{"__isSmartRef__":true,"id":1621},"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":1622},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1621":{"obj":{"__isSmartRef__":true,"id":1569},"name":"onMouseDown"},"1622":{},"1623":{},"1624":{"varMapping":{"__isSmartRef__":true,"id":1625},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1626},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1625":{"this":{"__isSmartRef__":true,"id":1569}},"1626":{},"1627":{"varMapping":{"__isSmartRef__":true,"id":1628},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1629},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1628":{"this":{"__isSmartRef__":true,"id":1569}},"1629":{},"1630":{"varMapping":{"__isSmartRef__":true,"id":1631},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1632},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1631":{"this":{"__isSmartRef__":true,"id":1569}},"1632":{},"1633":{"_Position":{"__isSmartRef__":true,"id":1634},"renderContextTable":{"__isSmartRef__":true,"id":1635},"_Extent":{"__isSmartRef__":true,"id":1636},"_Padding":{"__isSmartRef__":true,"id":1637},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1634":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1635":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1636":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1637":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1638":{"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"},"1639":{"morph":{"__isSmartRef__":true,"id":1568},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1640":{"layouter":{"__isSmartRef__":true,"id":1641},"resizeWidth":true},"1641":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1568},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1642":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1643":{"x":0,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1644":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1645}},"1645":{"varMapping":{"__isSmartRef__":true,"id":1646},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1651},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1646":{"this":{"__isSmartRef__":true,"id":1568},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1647}},"1647":{"$super":{"__isSmartRef__":true,"id":1648}},"1648":{"varMapping":{"__isSmartRef__":true,"id":1649},"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":1650},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1649":{"obj":{"__isSmartRef__":true,"id":1568},"name":"getLayoutableSubmorphs"},"1650":{},"1651":{},"1652":{"submorphs":[{"__isSmartRef__":true,"id":1653}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1716},"derivationIds":[null],"id":"0FBC6DCE-195D-4764-9DD6-7EBE24D767E3","renderContextTable":{"__isSmartRef__":true,"id":1721},"eventHandler":{"__isSmartRef__":true,"id":1722},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1723},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1725},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1726},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1727},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1653":{"submorphs":[{"__isSmartRef__":true,"id":1654},{"__isSmartRef__":true,"id":1670}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1686},"derivationIds":[null],"id":"F943CA56-4BEB-44C1-9F7D-69430248724B","renderContextTable":{"__isSmartRef__":true,"id":1691},"eventHandler":{"__isSmartRef__":true,"id":1692},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1693},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":0},"propertyList":["submorphs","scripts","shape","id","renderContextTable","eventHandler","grabbingEnabled","droppingEnabled","showsMorphMenu","halosEnabled","__layered_draggingEnabled__","_Position","priorExtent","hands","changeSet","__SourceModuleName__","eventStartPos","worldMenuOpened","draggingEnabled","clickedOnMorphTime","statusMessages","lastAlert","prevScroll","showsHalos","loadingMorph","savedWorldAsURL","attributeConnections","doNotSerialize","doNotCopyProperties","_ClipMode","currentHaloTarget","$$savedWorldAsURL","_renderContext","_isRendered","clickedOnMorph","currentMenu","halos","draggedMorph","selectionMorph","revisionOnLoad"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"owner","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1654},"text":{"__isSmartRef__":true,"id":1670},"owner":{"__isSmartRef__":true,"id":1652},"_Position":{"__isSmartRef__":true,"id":1694},"priorExtent":{"__isSmartRef__":true,"id":1695},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1696},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1654":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1655},"derivationIds":[null],"id":"986D4DD0-AFDC-44C0-A60B-BBCD849C1325","renderContextTable":{"__isSmartRef__":true,"id":1660},"eventHandler":{"__isSmartRef__":true,"id":1661},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1662},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1653},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1663},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1655":{"_Position":{"__isSmartRef__":true,"id":1656},"renderContextTable":{"__isSmartRef__":true,"id":1657},"_Extent":{"__isSmartRef__":true,"id":1658},"_Padding":{"__isSmartRef__":true,"id":1659},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1656":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1657":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1658":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1659":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1660":{"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"},"1661":{"morph":{"__isSmartRef__":true,"id":1654},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1662":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1663":{"toggle":{"__isSmartRef__":true,"id":1664},"toggleExpansion":{"__isSmartRef__":true,"id":1667}},"1664":{"varMapping":{"__isSmartRef__":true,"id":1665},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1666},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1665":{"this":{"__isSmartRef__":true,"id":1654}},"1666":{},"1667":{"varMapping":{"__isSmartRef__":true,"id":1668},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1669},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1668":{"this":{"__isSmartRef__":true,"id":1654}},"1669":{},"1670":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1671},"derivationIds":[null],"id":"EFA5EE9F-0CC9-493D-91F3-5BD91B3FAC5D","renderContextTable":{"__isSmartRef__":true,"id":1675},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1676},{"__isSmartRef__":true,"id":1678}],"eventHandler":{"__isSmartRef__":true,"id":1680},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1681},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1653},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1682},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1671":{"_Position":{"__isSmartRef__":true,"id":1672},"renderContextTable":{"__isSmartRef__":true,"id":1673},"_Extent":{"__isSmartRef__":true,"id":1674},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1672":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1673":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1674":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1675":{"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","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"},"1676":{"style":{"__isSmartRef__":true,"id":1677},"chunkOwner":{"__isSmartRef__":true,"id":1670},"storedString":"owner","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1677":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1678":{"style":{"__isSmartRef__":true,"id":1679},"chunkOwner":{"__isSmartRef__":true,"id":1670},"storedString":": World","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1679":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1680":{"morph":{"__isSmartRef__":true,"id":1670},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1681":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1682":{"layoutText":{"__isSmartRef__":true,"id":1683}},"1683":{"varMapping":{"__isSmartRef__":true,"id":1684},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1685},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1684":{"this":{"__isSmartRef__":true,"id":1670}},"1685":{},"1686":{"_Position":{"__isSmartRef__":true,"id":1687},"renderContextTable":{"__isSmartRef__":true,"id":1688},"_Extent":{"__isSmartRef__":true,"id":1689},"_Padding":{"__isSmartRef__":true,"id":1690},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1687":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1688":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1689":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1690":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__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"},"1692":{"morph":{"__isSmartRef__":true,"id":1653},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1693":{"resizeWidth":true},"1694":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1695":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1696":{"updateExpanderColor":{"__isSmartRef__":true,"id":1697},"onMouseDown":{"__isSmartRef__":true,"id":1700},"isRoot":{"__isSmartRef__":true,"id":1707},"displayValue":{"__isSmartRef__":true,"id":1710},"update":{"__isSmartRef__":true,"id":1713}},"1697":{"varMapping":{"__isSmartRef__":true,"id":1698},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1699},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1698":{"this":{"__isSmartRef__":true,"id":1653}},"1699":{},"1700":{"varMapping":{"__isSmartRef__":true,"id":1701},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1706},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1701":{"this":{"__isSmartRef__":true,"id":1653},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1702}},"1702":{"$super":{"__isSmartRef__":true,"id":1703}},"1703":{"varMapping":{"__isSmartRef__":true,"id":1704},"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":1705},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1704":{"obj":{"__isSmartRef__":true,"id":1653},"name":"onMouseDown"},"1705":{},"1706":{},"1707":{"varMapping":{"__isSmartRef__":true,"id":1708},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1709},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1708":{"this":{"__isSmartRef__":true,"id":1653}},"1709":{},"1710":{"varMapping":{"__isSmartRef__":true,"id":1711},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1712},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1711":{"this":{"__isSmartRef__":true,"id":1653}},"1712":{},"1713":{"varMapping":{"__isSmartRef__":true,"id":1714},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1715},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1714":{"this":{"__isSmartRef__":true,"id":1653}},"1715":{},"1716":{"_Position":{"__isSmartRef__":true,"id":1717},"renderContextTable":{"__isSmartRef__":true,"id":1718},"_Extent":{"__isSmartRef__":true,"id":1719},"_Padding":{"__isSmartRef__":true,"id":1720},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1717":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1718":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1719":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1720":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1721":{"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"},"1722":{"morph":{"__isSmartRef__":true,"id":1652},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1723":{"layouter":{"__isSmartRef__":true,"id":1724},"resizeWidth":true},"1724":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1652},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1725":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1726":{"x":0,"y":180,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1727":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1728}},"1728":{"varMapping":{"__isSmartRef__":true,"id":1729},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1734},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1729":{"this":{"__isSmartRef__":true,"id":1652},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1730}},"1730":{"$super":{"__isSmartRef__":true,"id":1731}},"1731":{"varMapping":{"__isSmartRef__":true,"id":1732},"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":1733},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1732":{"obj":{"__isSmartRef__":true,"id":1652},"name":"getLayoutableSubmorphs"},"1733":{},"1734":{},"1735":{"submorphs":[{"__isSmartRef__":true,"id":1736}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1800},"derivationIds":[null],"id":"74036691-6C56-436A-B136-4569030214EB","renderContextTable":{"__isSmartRef__":true,"id":1805},"eventHandler":{"__isSmartRef__":true,"id":1806},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1807},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1809},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1810},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1811},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1736":{"submorphs":[{"__isSmartRef__":true,"id":1737},{"__isSmartRef__":true,"id":1754}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1770},"derivationIds":[null],"id":"C659E6CC-9310-41E9-B35D-41B06FD1393C","renderContextTable":{"__isSmartRef__":true,"id":1775},"eventHandler":{"__isSmartRef__":true,"id":1776},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1777},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":112},"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"partTests","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1737},"text":{"__isSmartRef__":true,"id":1754},"owner":{"__isSmartRef__":true,"id":1735},"_Position":{"__isSmartRef__":true,"id":1778},"priorExtent":{"__isSmartRef__":true,"id":1779},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1780},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1737":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1738},"derivationIds":[null],"id":"FF1BB861-78FA-429E-95FA-432FA9ED5F7E","renderContextTable":{"__isSmartRef__":true,"id":1744},"eventHandler":{"__isSmartRef__":true,"id":1745},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1746},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1736},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1747},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1738":{"_Position":{"__isSmartRef__":true,"id":1739},"renderContextTable":{"__isSmartRef__":true,"id":1740},"_Extent":{"__isSmartRef__":true,"id":1741},"_Padding":{"__isSmartRef__":true,"id":1742},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1743},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1739":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1740":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1741":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1742":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1743":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1744":{"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"},"1745":{"morph":{"__isSmartRef__":true,"id":1737},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1746":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1747":{"toggle":{"__isSmartRef__":true,"id":1748},"toggleExpansion":{"__isSmartRef__":true,"id":1751}},"1748":{"varMapping":{"__isSmartRef__":true,"id":1749},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1750},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1749":{"this":{"__isSmartRef__":true,"id":1737}},"1750":{},"1751":{"varMapping":{"__isSmartRef__":true,"id":1752},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1753},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1752":{"this":{"__isSmartRef__":true,"id":1737}},"1753":{},"1754":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1755},"derivationIds":[null],"id":"07590344-3707-4899-A9DA-7F026F408EFA","renderContextTable":{"__isSmartRef__":true,"id":1759},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1760},{"__isSmartRef__":true,"id":1762}],"eventHandler":{"__isSmartRef__":true,"id":1764},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1765},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1736},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1766},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1755":{"_Position":{"__isSmartRef__":true,"id":1756},"renderContextTable":{"__isSmartRef__":true,"id":1757},"_Extent":{"__isSmartRef__":true,"id":1758},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1756":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1757":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1758":{"x":79,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1759":{"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","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"},"1760":{"style":{"__isSmartRef__":true,"id":1761},"chunkOwner":{"__isSmartRef__":true,"id":1754},"storedString":"partTests","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1761":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1762":{"style":{"__isSmartRef__":true,"id":1763},"chunkOwner":{"__isSmartRef__":true,"id":1754},"storedString":": {}","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1763":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1764":{"morph":{"__isSmartRef__":true,"id":1754},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1765":{"x":97.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1766":{"layoutText":{"__isSmartRef__":true,"id":1767}},"1767":{"varMapping":{"__isSmartRef__":true,"id":1768},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1769},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1768":{"this":{"__isSmartRef__":true,"id":1754}},"1769":{},"1770":{"_Position":{"__isSmartRef__":true,"id":1771},"renderContextTable":{"__isSmartRef__":true,"id":1772},"_Extent":{"__isSmartRef__":true,"id":1773},"_Padding":{"__isSmartRef__":true,"id":1774},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1771":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1772":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1773":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1774":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1775":{"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"},"1776":{"morph":{"__isSmartRef__":true,"id":1736},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1777":{"resizeWidth":true},"1778":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1779":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1780":{"updateExpanderColor":{"__isSmartRef__":true,"id":1781},"onMouseDown":{"__isSmartRef__":true,"id":1784},"isRoot":{"__isSmartRef__":true,"id":1791},"displayValue":{"__isSmartRef__":true,"id":1794},"update":{"__isSmartRef__":true,"id":1797}},"1781":{"varMapping":{"__isSmartRef__":true,"id":1782},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1783},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1782":{"this":{"__isSmartRef__":true,"id":1736}},"1783":{},"1784":{"varMapping":{"__isSmartRef__":true,"id":1785},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1790},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1785":{"this":{"__isSmartRef__":true,"id":1736},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1786}},"1786":{"$super":{"__isSmartRef__":true,"id":1787}},"1787":{"varMapping":{"__isSmartRef__":true,"id":1788},"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":1789},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1788":{"obj":{"__isSmartRef__":true,"id":1736},"name":"onMouseDown"},"1789":{},"1790":{},"1791":{"varMapping":{"__isSmartRef__":true,"id":1792},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1793},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1792":{"this":{"__isSmartRef__":true,"id":1736}},"1793":{},"1794":{"varMapping":{"__isSmartRef__":true,"id":1795},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1796},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1795":{"this":{"__isSmartRef__":true,"id":1736}},"1796":{},"1797":{"varMapping":{"__isSmartRef__":true,"id":1798},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1799},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1798":{"this":{"__isSmartRef__":true,"id":1736}},"1799":{},"1800":{"_Position":{"__isSmartRef__":true,"id":1801},"renderContextTable":{"__isSmartRef__":true,"id":1802},"_Extent":{"__isSmartRef__":true,"id":1803},"_Padding":{"__isSmartRef__":true,"id":1804},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1801":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1802":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1803":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1804":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1805":{"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"},"1806":{"morph":{"__isSmartRef__":true,"id":1735},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1807":{"layouter":{"__isSmartRef__":true,"id":1808},"resizeWidth":true},"1808":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1735},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1809":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1810":{"x":0,"y":160,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1811":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1812}},"1812":{"varMapping":{"__isSmartRef__":true,"id":1813},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1818},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1813":{"this":{"__isSmartRef__":true,"id":1735},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1814}},"1814":{"$super":{"__isSmartRef__":true,"id":1815}},"1815":{"varMapping":{"__isSmartRef__":true,"id":1816},"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":1817},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1816":{"obj":{"__isSmartRef__":true,"id":1735},"name":"getLayoutableSubmorphs"},"1817":{},"1818":{},"1819":{"submorphs":[{"__isSmartRef__":true,"id":1820}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1884},"derivationIds":[null],"id":"FB00AAC9-45E4-48AB-8E88-8B02420B1823","renderContextTable":{"__isSmartRef__":true,"id":1889},"eventHandler":{"__isSmartRef__":true,"id":1890},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1891},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1893},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1894},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1895},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1820":{"submorphs":[{"__isSmartRef__":true,"id":1821},{"__isSmartRef__":true,"id":1838}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1854},"derivationIds":[null],"id":"DA0A6D42-7D9C-4191-8C2D-95160F8E7A0E","renderContextTable":{"__isSmartRef__":true,"id":1859},"eventHandler":{"__isSmartRef__":true,"id":1860},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1861},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":97},"propertyList":["partsSpaceName","__SourceModuleName__","comment","migrationLevel","partName","changes","revisionOnLoad"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"partsBinMetaInfo","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1821},"text":{"__isSmartRef__":true,"id":1838},"owner":{"__isSmartRef__":true,"id":1819},"_Position":{"__isSmartRef__":true,"id":1862},"priorExtent":{"__isSmartRef__":true,"id":1863},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1864},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1821":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1822},"derivationIds":[null],"id":"B2684783-3622-4172-9A97-1612EAB16465","renderContextTable":{"__isSmartRef__":true,"id":1828},"eventHandler":{"__isSmartRef__":true,"id":1829},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1830},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1820},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1831},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1822":{"_Position":{"__isSmartRef__":true,"id":1823},"renderContextTable":{"__isSmartRef__":true,"id":1824},"_Extent":{"__isSmartRef__":true,"id":1825},"_Padding":{"__isSmartRef__":true,"id":1826},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1827},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1823":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1824":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1825":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1826":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1827":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1828":{"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"},"1829":{"morph":{"__isSmartRef__":true,"id":1821},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1830":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1831":{"toggle":{"__isSmartRef__":true,"id":1832},"toggleExpansion":{"__isSmartRef__":true,"id":1835}},"1832":{"varMapping":{"__isSmartRef__":true,"id":1833},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1834},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1833":{"this":{"__isSmartRef__":true,"id":1821}},"1834":{},"1835":{"varMapping":{"__isSmartRef__":true,"id":1836},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1837},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1836":{"this":{"__isSmartRef__":true,"id":1821}},"1837":{},"1838":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1839},"derivationIds":[null],"id":"001BE7A9-B04A-4534-BFA9-31C2104D6C2D","renderContextTable":{"__isSmartRef__":true,"id":1843},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1844},{"__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":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1849},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1820},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1850},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1839":{"_Position":{"__isSmartRef__":true,"id":1840},"renderContextTable":{"__isSmartRef__":true,"id":1841},"_Extent":{"__isSmartRef__":true,"id":1842},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1840":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1841":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1842":{"x":216,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1843":{"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","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"},"1844":{"style":{"__isSmartRef__":true,"id":1845},"chunkOwner":{"__isSmartRef__":true,"id":1838},"storedString":"partsBinMetaInfo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1845":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1846":{"style":{"__isSmartRef__":true,"id":1847},"chunkOwner":{"__isSmartRef__":true,"id":1838},"storedString":": PartsBinMetaInfo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1847":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1848":{"morph":{"__isSmartRef__":true,"id":1838},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1849":{"x":255,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1850":{"layoutText":{"__isSmartRef__":true,"id":1851}},"1851":{"varMapping":{"__isSmartRef__":true,"id":1852},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1853},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1852":{"this":{"__isSmartRef__":true,"id":1838}},"1853":{},"1854":{"_Position":{"__isSmartRef__":true,"id":1855},"renderContextTable":{"__isSmartRef__":true,"id":1856},"_Extent":{"__isSmartRef__":true,"id":1857},"_Padding":{"__isSmartRef__":true,"id":1858},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1855":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1856":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1857":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1858":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1859":{"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"},"1860":{"morph":{"__isSmartRef__":true,"id":1820},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1861":{"resizeWidth":true},"1862":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1863":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1864":{"updateExpanderColor":{"__isSmartRef__":true,"id":1865},"onMouseDown":{"__isSmartRef__":true,"id":1868},"isRoot":{"__isSmartRef__":true,"id":1875},"displayValue":{"__isSmartRef__":true,"id":1878},"update":{"__isSmartRef__":true,"id":1881}},"1865":{"varMapping":{"__isSmartRef__":true,"id":1866},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1867},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1866":{"this":{"__isSmartRef__":true,"id":1820}},"1867":{},"1868":{"varMapping":{"__isSmartRef__":true,"id":1869},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1874},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1869":{"this":{"__isSmartRef__":true,"id":1820},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1870}},"1870":{"$super":{"__isSmartRef__":true,"id":1871}},"1871":{"varMapping":{"__isSmartRef__":true,"id":1872},"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":1873},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1872":{"obj":{"__isSmartRef__":true,"id":1820},"name":"onMouseDown"},"1873":{},"1874":{},"1875":{"varMapping":{"__isSmartRef__":true,"id":1876},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1877},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1876":{"this":{"__isSmartRef__":true,"id":1820}},"1877":{},"1878":{"varMapping":{"__isSmartRef__":true,"id":1879},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1880},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1879":{"this":{"__isSmartRef__":true,"id":1820}},"1880":{},"1881":{"varMapping":{"__isSmartRef__":true,"id":1882},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1883},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1882":{"this":{"__isSmartRef__":true,"id":1820}},"1883":{},"1884":{"_Position":{"__isSmartRef__":true,"id":1885},"renderContextTable":{"__isSmartRef__":true,"id":1886},"_Extent":{"__isSmartRef__":true,"id":1887},"_Padding":{"__isSmartRef__":true,"id":1888},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1885":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1886":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1887":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1888":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1889":{"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"},"1890":{"morph":{"__isSmartRef__":true,"id":1819},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1891":{"layouter":{"__isSmartRef__":true,"id":1892},"resizeWidth":true},"1892":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1819},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1893":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1894":{"x":0,"y":140,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1895":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1896}},"1896":{"varMapping":{"__isSmartRef__":true,"id":1897},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1902},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1897":{"this":{"__isSmartRef__":true,"id":1819},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1898}},"1898":{"$super":{"__isSmartRef__":true,"id":1899}},"1899":{"varMapping":{"__isSmartRef__":true,"id":1900},"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":1901},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1900":{"obj":{"__isSmartRef__":true,"id":1819},"name":"getLayoutableSubmorphs"},"1901":{},"1902":{},"1903":{"submorphs":[{"__isSmartRef__":true,"id":1904}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1968},"derivationIds":[null],"id":"A16099D1-C361-47EF-BC0D-7E6085F422E3","renderContextTable":{"__isSmartRef__":true,"id":1973},"eventHandler":{"__isSmartRef__":true,"id":1974},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1975},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":1977},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":1978},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1979},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1904":{"submorphs":[{"__isSmartRef__":true,"id":1905},{"__isSmartRef__":true,"id":1922}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1938},"derivationIds":[null],"id":"D1C9CA73-88AD-42EA-B47F-7B1C30839733","renderContextTable":{"__isSmartRef__":true,"id":1943},"eventHandler":{"__isSmartRef__":true,"id":1944},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1945},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"registeredForMouseEvents","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1905},"text":{"__isSmartRef__":true,"id":1922},"owner":{"__isSmartRef__":true,"id":1903},"_Position":{"__isSmartRef__":true,"id":1946},"priorExtent":{"__isSmartRef__":true,"id":1947},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1948},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1905":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1906},"derivationIds":[null],"id":"E18ED9E2-266F-4819-85E2-EE8F987188F4","renderContextTable":{"__isSmartRef__":true,"id":1912},"eventHandler":{"__isSmartRef__":true,"id":1913},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1914},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1904},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1915},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1906":{"_Position":{"__isSmartRef__":true,"id":1907},"renderContextTable":{"__isSmartRef__":true,"id":1908},"_Extent":{"__isSmartRef__":true,"id":1909},"_Padding":{"__isSmartRef__":true,"id":1910},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1911},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1907":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1908":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1909":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1910":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1911":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1912":{"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"},"1913":{"morph":{"__isSmartRef__":true,"id":1905},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1914":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1915":{"toggle":{"__isSmartRef__":true,"id":1916},"toggleExpansion":{"__isSmartRef__":true,"id":1919}},"1916":{"varMapping":{"__isSmartRef__":true,"id":1917},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1918},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1917":{"this":{"__isSmartRef__":true,"id":1905}},"1918":{},"1919":{"varMapping":{"__isSmartRef__":true,"id":1920},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":1921},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1920":{"this":{"__isSmartRef__":true,"id":1905}},"1921":{},"1922":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1923},"derivationIds":[null],"id":"BC429D53-DC53-4E65-AE18-86A19F67B51B","renderContextTable":{"__isSmartRef__":true,"id":1927},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1928},{"__isSmartRef__":true,"id":1930}],"eventHandler":{"__isSmartRef__":true,"id":1932},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":1933},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1904},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1934},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1923":{"_Position":{"__isSmartRef__":true,"id":1924},"renderContextTable":{"__isSmartRef__":true,"id":1925},"_Extent":{"__isSmartRef__":true,"id":1926},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1924":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1925":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1926":{"x":194,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1927":{"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","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"},"1928":{"style":{"__isSmartRef__":true,"id":1929},"chunkOwner":{"__isSmartRef__":true,"id":1922},"storedString":"registeredForMouseEvents","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1929":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1930":{"style":{"__isSmartRef__":true,"id":1931},"chunkOwner":{"__isSmartRef__":true,"id":1922},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1931":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1932":{"morph":{"__isSmartRef__":true,"id":1922},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1933":{"x":225,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1934":{"layoutText":{"__isSmartRef__":true,"id":1935}},"1935":{"varMapping":{"__isSmartRef__":true,"id":1936},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":1937},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1936":{"this":{"__isSmartRef__":true,"id":1922}},"1937":{},"1938":{"_Position":{"__isSmartRef__":true,"id":1939},"renderContextTable":{"__isSmartRef__":true,"id":1940},"_Extent":{"__isSmartRef__":true,"id":1941},"_Padding":{"__isSmartRef__":true,"id":1942},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1939":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1940":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1941":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1942":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1943":{"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"},"1944":{"morph":{"__isSmartRef__":true,"id":1904},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1945":{"resizeWidth":true},"1946":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1947":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1948":{"updateExpanderColor":{"__isSmartRef__":true,"id":1949},"onMouseDown":{"__isSmartRef__":true,"id":1952},"isRoot":{"__isSmartRef__":true,"id":1959},"displayValue":{"__isSmartRef__":true,"id":1962},"update":{"__isSmartRef__":true,"id":1965}},"1949":{"varMapping":{"__isSmartRef__":true,"id":1950},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":1951},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1950":{"this":{"__isSmartRef__":true,"id":1904}},"1951":{},"1952":{"varMapping":{"__isSmartRef__":true,"id":1953},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1958},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1953":{"this":{"__isSmartRef__":true,"id":1904},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1954}},"1954":{"$super":{"__isSmartRef__":true,"id":1955}},"1955":{"varMapping":{"__isSmartRef__":true,"id":1956},"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":1957},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1956":{"obj":{"__isSmartRef__":true,"id":1904},"name":"onMouseDown"},"1957":{},"1958":{},"1959":{"varMapping":{"__isSmartRef__":true,"id":1960},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1961},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1960":{"this":{"__isSmartRef__":true,"id":1904}},"1961":{},"1962":{"varMapping":{"__isSmartRef__":true,"id":1963},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":1964},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1963":{"this":{"__isSmartRef__":true,"id":1904}},"1964":{},"1965":{"varMapping":{"__isSmartRef__":true,"id":1966},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1967},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1966":{"this":{"__isSmartRef__":true,"id":1904}},"1967":{},"1968":{"_Position":{"__isSmartRef__":true,"id":1969},"renderContextTable":{"__isSmartRef__":true,"id":1970},"_Extent":{"__isSmartRef__":true,"id":1971},"_Padding":{"__isSmartRef__":true,"id":1972},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1969":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1970":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1971":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1972":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1973":{"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"},"1974":{"morph":{"__isSmartRef__":true,"id":1903},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1975":{"layouter":{"__isSmartRef__":true,"id":1976},"resizeWidth":true},"1976":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1903},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1977":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1978":{"x":0,"y":120,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1979":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1980}},"1980":{"varMapping":{"__isSmartRef__":true,"id":1981},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1986},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1981":{"this":{"__isSmartRef__":true,"id":1903},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1982}},"1982":{"$super":{"__isSmartRef__":true,"id":1983}},"1983":{"varMapping":{"__isSmartRef__":true,"id":1984},"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":1985},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1984":{"obj":{"__isSmartRef__":true,"id":1903},"name":"getLayoutableSubmorphs"},"1985":{},"1986":{},"1987":{"submorphs":[{"__isSmartRef__":true,"id":1988}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2052},"derivationIds":[null],"id":"7B8E30C6-E40E-4B56-A81D-5D898D7D96B4","renderContextTable":{"__isSmartRef__":true,"id":2057},"eventHandler":{"__isSmartRef__":true,"id":2058},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2059},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2061},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":2062},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2063},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1988":{"submorphs":[{"__isSmartRef__":true,"id":1989},{"__isSmartRef__":true,"id":2006}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2022},"derivationIds":[null],"id":"0E0C6163-F075-499E-B5B3-FF776E219C51","renderContextTable":{"__isSmartRef__":true,"id":2027},"eventHandler":{"__isSmartRef__":true,"id":2028},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2029},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":110},"propertyList":["replaceRenderContext","init","append","remove","onRenderFinished","triggerEvent","setTransform","setPosition","setRotation","setExtent","setScale","setVisible","adjustOrigin","setPivotPoint","setClipMode","showsVerticalScrollBar","showsHorizontalScrollBar","getScrollBarExtent","setHandStyle","setPointerEvents","setToolTip","focus","blur","setFocusable"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"renderContextTable","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":1989},"text":{"__isSmartRef__":true,"id":2006},"owner":{"__isSmartRef__":true,"id":1987},"_Position":{"__isSmartRef__":true,"id":2030},"priorExtent":{"__isSmartRef__":true,"id":2031},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2032},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1989":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1990},"derivationIds":[null],"id":"A49B27BC-C689-4F36-B798-40CADADF6766","renderContextTable":{"__isSmartRef__":true,"id":1996},"eventHandler":{"__isSmartRef__":true,"id":1997},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1998},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1988},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1999},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1990":{"_Position":{"__isSmartRef__":true,"id":1991},"renderContextTable":{"__isSmartRef__":true,"id":1992},"_Extent":{"__isSmartRef__":true,"id":1993},"_Padding":{"__isSmartRef__":true,"id":1994},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":1995},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1991":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1992":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"1993":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1994":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1995":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1996":{"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"},"1997":{"morph":{"__isSmartRef__":true,"id":1989},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1998":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1999":{"toggle":{"__isSmartRef__":true,"id":2000},"toggleExpansion":{"__isSmartRef__":true,"id":2003}},"2000":{"varMapping":{"__isSmartRef__":true,"id":2001},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2002},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2001":{"this":{"__isSmartRef__":true,"id":1989}},"2002":{},"2003":{"varMapping":{"__isSmartRef__":true,"id":2004},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2005},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2004":{"this":{"__isSmartRef__":true,"id":1989}},"2005":{},"2006":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2007},"derivationIds":[null],"id":"410B2C6F-574B-49A6-8AED-291C5123F05D","renderContextTable":{"__isSmartRef__":true,"id":2011},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2012},{"__isSmartRef__":true,"id":2014}],"eventHandler":{"__isSmartRef__":true,"id":2016},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2017},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1988},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2018},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2007":{"_Position":{"__isSmartRef__":true,"id":2008},"renderContextTable":{"__isSmartRef__":true,"id":2009},"_Extent":{"__isSmartRef__":true,"id":2010},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2008":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2009":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2010":{"x":150,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2011":{"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","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"},"2012":{"style":{"__isSmartRef__":true,"id":2013},"chunkOwner":{"__isSmartRef__":true,"id":2006},"storedString":"renderContextTable","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2013":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2014":{"style":{"__isSmartRef__":true,"id":2015},"chunkOwner":{"__isSmartRef__":true,"id":2006},"storedString":": {...}","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2015":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2016":{"morph":{"__isSmartRef__":true,"id":2006},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2017":{"x":187.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2018":{"layoutText":{"__isSmartRef__":true,"id":2019}},"2019":{"varMapping":{"__isSmartRef__":true,"id":2020},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2021},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2020":{"this":{"__isSmartRef__":true,"id":2006}},"2021":{},"2022":{"_Position":{"__isSmartRef__":true,"id":2023},"renderContextTable":{"__isSmartRef__":true,"id":2024},"_Extent":{"__isSmartRef__":true,"id":2025},"_Padding":{"__isSmartRef__":true,"id":2026},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2023":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2024":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2025":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2026":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2027":{"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"},"2028":{"morph":{"__isSmartRef__":true,"id":1988},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2029":{"resizeWidth":true},"2030":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2031":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2032":{"updateExpanderColor":{"__isSmartRef__":true,"id":2033},"onMouseDown":{"__isSmartRef__":true,"id":2036},"isRoot":{"__isSmartRef__":true,"id":2043},"displayValue":{"__isSmartRef__":true,"id":2046},"update":{"__isSmartRef__":true,"id":2049}},"2033":{"varMapping":{"__isSmartRef__":true,"id":2034},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2035},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2034":{"this":{"__isSmartRef__":true,"id":1988}},"2035":{},"2036":{"varMapping":{"__isSmartRef__":true,"id":2037},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2042},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2037":{"this":{"__isSmartRef__":true,"id":1988},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2038}},"2038":{"$super":{"__isSmartRef__":true,"id":2039}},"2039":{"varMapping":{"__isSmartRef__":true,"id":2040},"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":2041},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2040":{"obj":{"__isSmartRef__":true,"id":1988},"name":"onMouseDown"},"2041":{},"2042":{},"2043":{"varMapping":{"__isSmartRef__":true,"id":2044},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2045},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2044":{"this":{"__isSmartRef__":true,"id":1988}},"2045":{},"2046":{"varMapping":{"__isSmartRef__":true,"id":2047},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2048},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2047":{"this":{"__isSmartRef__":true,"id":1988}},"2048":{},"2049":{"varMapping":{"__isSmartRef__":true,"id":2050},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2051},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2050":{"this":{"__isSmartRef__":true,"id":1988}},"2051":{},"2052":{"_Position":{"__isSmartRef__":true,"id":2053},"renderContextTable":{"__isSmartRef__":true,"id":2054},"_Extent":{"__isSmartRef__":true,"id":2055},"_Padding":{"__isSmartRef__":true,"id":2056},"__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"},"2055":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2056":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2057":{"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"},"2058":{"morph":{"__isSmartRef__":true,"id":1987},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2059":{"layouter":{"__isSmartRef__":true,"id":2060},"resizeWidth":true},"2060":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1987},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2061":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2062":{"x":0,"y":100,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2063":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2064}},"2064":{"varMapping":{"__isSmartRef__":true,"id":2065},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2070},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2065":{"this":{"__isSmartRef__":true,"id":1987},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2066}},"2066":{"$super":{"__isSmartRef__":true,"id":2067}},"2067":{"varMapping":{"__isSmartRef__":true,"id":2068},"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":2069},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2068":{"obj":{"__isSmartRef__":true,"id":1987},"name":"getLayoutableSubmorphs"},"2069":{},"2070":{},"2071":{"submorphs":[{"__isSmartRef__":true,"id":2072}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2136},"derivationIds":[null],"id":"BA7F28F1-DA5B-48E5-A086-04ED2673E9BE","renderContextTable":{"__isSmartRef__":true,"id":2141},"eventHandler":{"__isSmartRef__":true,"id":2142},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2143},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2145},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":2146},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2147},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2072":{"submorphs":[{"__isSmartRef__":true,"id":2073},{"__isSmartRef__":true,"id":2090}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2106},"derivationIds":[null],"id":"0682EDB9-95F1-49B6-BF39-EF321C00838D","renderContextTable":{"__isSmartRef__":true,"id":2111},"eventHandler":{"__isSmartRef__":true,"id":2112},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2113},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"scripts","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":2073},"text":{"__isSmartRef__":true,"id":2090},"owner":{"__isSmartRef__":true,"id":2071},"_Position":{"__isSmartRef__":true,"id":2114},"priorExtent":{"__isSmartRef__":true,"id":2115},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2116},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2073":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2074},"derivationIds":[null],"id":"783A8C04-2722-434B-829A-B731865C8990","renderContextTable":{"__isSmartRef__":true,"id":2080},"eventHandler":{"__isSmartRef__":true,"id":2081},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2082},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2072},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2083},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2074":{"_Position":{"__isSmartRef__":true,"id":2075},"renderContextTable":{"__isSmartRef__":true,"id":2076},"_Extent":{"__isSmartRef__":true,"id":2077},"_Padding":{"__isSmartRef__":true,"id":2078},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2079},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2075":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2076":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2077":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2078":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2079":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2080":{"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"},"2081":{"morph":{"__isSmartRef__":true,"id":2073},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2082":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2083":{"toggle":{"__isSmartRef__":true,"id":2084},"toggleExpansion":{"__isSmartRef__":true,"id":2087}},"2084":{"varMapping":{"__isSmartRef__":true,"id":2085},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2086},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2085":{"this":{"__isSmartRef__":true,"id":2073}},"2086":{},"2087":{"varMapping":{"__isSmartRef__":true,"id":2088},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2089},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2088":{"this":{"__isSmartRef__":true,"id":2073}},"2089":{},"2090":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2091},"derivationIds":[null],"id":"4F8F28B5-5EAD-4153-B585-E8AFC517D94F","renderContextTable":{"__isSmartRef__":true,"id":2095},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2096},{"__isSmartRef__":true,"id":2098}],"eventHandler":{"__isSmartRef__":true,"id":2100},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2101},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2072},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2102},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2091":{"_Position":{"__isSmartRef__":true,"id":2092},"renderContextTable":{"__isSmartRef__":true,"id":2093},"_Extent":{"__isSmartRef__":true,"id":2094},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2092":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2093":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2094":{"x":63,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2095":{"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","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"},"2096":{"style":{"__isSmartRef__":true,"id":2097},"chunkOwner":{"__isSmartRef__":true,"id":2090},"storedString":"scripts","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2097":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2098":{"style":{"__isSmartRef__":true,"id":2099},"chunkOwner":{"__isSmartRef__":true,"id":2090},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2099":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2100":{"morph":{"__isSmartRef__":true,"id":2090},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2101":{"x":82.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2102":{"layoutText":{"__isSmartRef__":true,"id":2103}},"2103":{"varMapping":{"__isSmartRef__":true,"id":2104},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2105},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2104":{"this":{"__isSmartRef__":true,"id":2090}},"2105":{},"2106":{"_Position":{"__isSmartRef__":true,"id":2107},"renderContextTable":{"__isSmartRef__":true,"id":2108},"_Extent":{"__isSmartRef__":true,"id":2109},"_Padding":{"__isSmartRef__":true,"id":2110},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2107":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2108":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2109":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2110":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2111":{"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"},"2112":{"morph":{"__isSmartRef__":true,"id":2072},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2113":{"resizeWidth":true},"2114":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2115":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2116":{"updateExpanderColor":{"__isSmartRef__":true,"id":2117},"onMouseDown":{"__isSmartRef__":true,"id":2120},"isRoot":{"__isSmartRef__":true,"id":2127},"displayValue":{"__isSmartRef__":true,"id":2130},"update":{"__isSmartRef__":true,"id":2133}},"2117":{"varMapping":{"__isSmartRef__":true,"id":2118},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2119},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2118":{"this":{"__isSmartRef__":true,"id":2072}},"2119":{},"2120":{"varMapping":{"__isSmartRef__":true,"id":2121},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2126},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2121":{"this":{"__isSmartRef__":true,"id":2072},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2122}},"2122":{"$super":{"__isSmartRef__":true,"id":2123}},"2123":{"varMapping":{"__isSmartRef__":true,"id":2124},"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":2125},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2124":{"obj":{"__isSmartRef__":true,"id":2072},"name":"onMouseDown"},"2125":{},"2126":{},"2127":{"varMapping":{"__isSmartRef__":true,"id":2128},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2129},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2128":{"this":{"__isSmartRef__":true,"id":2072}},"2129":{},"2130":{"varMapping":{"__isSmartRef__":true,"id":2131},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2132},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2131":{"this":{"__isSmartRef__":true,"id":2072}},"2132":{},"2133":{"varMapping":{"__isSmartRef__":true,"id":2134},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2135},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2134":{"this":{"__isSmartRef__":true,"id":2072}},"2135":{},"2136":{"_Position":{"__isSmartRef__":true,"id":2137},"renderContextTable":{"__isSmartRef__":true,"id":2138},"_Extent":{"__isSmartRef__":true,"id":2139},"_Padding":{"__isSmartRef__":true,"id":2140},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2137":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2138":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2139":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2140":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2141":{"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"},"2142":{"morph":{"__isSmartRef__":true,"id":2071},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2143":{"layouter":{"__isSmartRef__":true,"id":2144},"resizeWidth":true},"2144":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2071},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2145":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2146":{"x":0,"y":80,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2147":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2148}},"2148":{"varMapping":{"__isSmartRef__":true,"id":2149},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2154},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2149":{"this":{"__isSmartRef__":true,"id":2071},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2150}},"2150":{"$super":{"__isSmartRef__":true,"id":2151}},"2151":{"varMapping":{"__isSmartRef__":true,"id":2152},"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":2153},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2152":{"obj":{"__isSmartRef__":true,"id":2071},"name":"getLayoutableSubmorphs"},"2153":{},"2154":{},"2155":{"submorphs":[{"__isSmartRef__":true,"id":2156},{"__isSmartRef__":true,"id":2250}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3332},"derivationIds":[null],"id":"40F35F61-F7B2-40B7-8B5D-5A33D1E6E40B","renderContextTable":{"__isSmartRef__":true,"id":3337},"eventHandler":{"__isSmartRef__":true,"id":3338},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3339},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3341},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":3342},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3343},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2156":{"submorphs":[{"__isSmartRef__":true,"id":2157},{"__isSmartRef__":true,"id":2173}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2189},"derivationIds":[null],"id":"7A3C1E3E-BB3E-45BA-914E-0391AF3BC200","renderContextTable":{"__isSmartRef__":true,"id":2194},"eventHandler":{"__isSmartRef__":true,"id":2195},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2196},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":89},"propertyList":["position","_Extent","_BorderWidth","_BorderColor","_Fill","__SourceModuleName__","renderContextTable","_ClipMode","_Padding","_renderContext","_BorderRadius","_Opacity","_BorderStyle","#startLetters"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"shape","children":[{"__isSmartRef__":true,"id":2197},{"__isSmartRef__":true,"id":2252},{"__isSmartRef__":true,"id":2336},{"__isSmartRef__":true,"id":2420},{"__isSmartRef__":true,"id":2504},{"__isSmartRef__":true,"id":2588},{"__isSmartRef__":true,"id":2671},{"__isSmartRef__":true,"id":2755},{"__isSmartRef__":true,"id":2839},{"__isSmartRef__":true,"id":2923},{"__isSmartRef__":true,"id":3007},{"__isSmartRef__":true,"id":3090},{"__isSmartRef__":true,"id":3174}],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":2157},"text":{"__isSmartRef__":true,"id":2173},"owner":{"__isSmartRef__":true,"id":2155},"_Position":{"__isSmartRef__":true,"id":3310},"priorExtent":{"__isSmartRef__":true,"id":3311},"childrenWrapper":{"__isSmartRef__":true,"id":2250},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3312},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2157":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2158},"derivationIds":[null],"id":"B95E9DE9-74A0-4F07-8369-4C96224AAD1E","renderContextTable":{"__isSmartRef__":true,"id":2163},"eventHandler":{"__isSmartRef__":true,"id":2164},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2165},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2156},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2166},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2158":{"_Position":{"__isSmartRef__":true,"id":2159},"renderContextTable":{"__isSmartRef__":true,"id":2160},"_Extent":{"__isSmartRef__":true,"id":2161},"_Padding":{"__isSmartRef__":true,"id":2162},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2159":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2160":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2161":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2162":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2163":{"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"},"2164":{"morph":{"__isSmartRef__":true,"id":2157},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2165":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2166":{"toggle":{"__isSmartRef__":true,"id":2167},"toggleExpansion":{"__isSmartRef__":true,"id":2170}},"2167":{"varMapping":{"__isSmartRef__":true,"id":2168},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2169},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2168":{"this":{"__isSmartRef__":true,"id":2157}},"2169":{},"2170":{"varMapping":{"__isSmartRef__":true,"id":2171},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2172},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2171":{"this":{"__isSmartRef__":true,"id":2157}},"2172":{},"2173":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2174},"derivationIds":[null],"id":"8F8D3E5A-8AE2-44F4-81E0-8916874A5144","renderContextTable":{"__isSmartRef__":true,"id":2178},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2179},{"__isSmartRef__":true,"id":2181}],"eventHandler":{"__isSmartRef__":true,"id":2183},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2184},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2156},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2185},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2174":{"_Position":{"__isSmartRef__":true,"id":2175},"renderContextTable":{"__isSmartRef__":true,"id":2176},"_Extent":{"__isSmartRef__":true,"id":2177},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2175":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2176":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2177":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2178":{"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","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"},"2179":{"style":{"__isSmartRef__":true,"id":2180},"chunkOwner":{"__isSmartRef__":true,"id":2173},"storedString":"shape","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2180":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2181":{"style":{"__isSmartRef__":true,"id":2182},"chunkOwner":{"__isSmartRef__":true,"id":2173},"storedString":": Rectangle","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2182":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2183":{"morph":{"__isSmartRef__":true,"id":2173},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2184":{"x":110,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2185":{"layoutText":{"__isSmartRef__":true,"id":2186}},"2186":{"varMapping":{"__isSmartRef__":true,"id":2187},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2188},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2187":{"this":{"__isSmartRef__":true,"id":2173}},"2188":{},"2189":{"_Position":{"__isSmartRef__":true,"id":2190},"renderContextTable":{"__isSmartRef__":true,"id":2191},"_Extent":{"__isSmartRef__":true,"id":2192},"_Padding":{"__isSmartRef__":true,"id":2193},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2190":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2191":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2192":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2193":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2194":{"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"},"2195":{"morph":{"__isSmartRef__":true,"id":2156},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2196":{"resizeWidth":true},"2197":{"submorphs":[{"__isSmartRef__":true,"id":2198},{"__isSmartRef__":true,"id":2215}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2231},"derivationIds":[null],"id":"1392E196-57F6-4A44-A1DC-8509EAD5C526","renderContextTable":{"__isSmartRef__":true,"id":2236},"eventHandler":{"__isSmartRef__":true,"id":2237},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2238},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":92},"propertyList":["r","g","b","a","__SourceModuleName__"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_BorderColor","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2198},"text":{"__isSmartRef__":true,"id":2215},"owner":{"__isSmartRef__":true,"id":2239},"_Position":{"__isSmartRef__":true,"id":3288},"priorExtent":{"__isSmartRef__":true,"id":3289},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3290},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2198":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2199},"derivationIds":[null],"id":"FC94640B-254B-47F0-889D-9805B2327D05","renderContextTable":{"__isSmartRef__":true,"id":2205},"eventHandler":{"__isSmartRef__":true,"id":2206},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2207},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2197},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2208},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2199":{"_Position":{"__isSmartRef__":true,"id":2200},"renderContextTable":{"__isSmartRef__":true,"id":2201},"_Extent":{"__isSmartRef__":true,"id":2202},"_Padding":{"__isSmartRef__":true,"id":2203},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2204},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2200":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2201":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2202":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2203":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2204":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2205":{"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"},"2206":{"morph":{"__isSmartRef__":true,"id":2198},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2207":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2208":{"toggle":{"__isSmartRef__":true,"id":2209},"toggleExpansion":{"__isSmartRef__":true,"id":2212}},"2209":{"varMapping":{"__isSmartRef__":true,"id":2210},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2211},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2210":{"this":{"__isSmartRef__":true,"id":2198}},"2211":{},"2212":{"varMapping":{"__isSmartRef__":true,"id":2213},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2214},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2213":{"this":{"__isSmartRef__":true,"id":2198}},"2214":{},"2215":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2216},"derivationIds":[null],"id":"7077D1D6-96F8-4B1E-802D-E06A1A18F7DD","renderContextTable":{"__isSmartRef__":true,"id":2220},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2221},{"__isSmartRef__":true,"id":2223}],"eventHandler":{"__isSmartRef__":true,"id":2225},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2226},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2197},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2227},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2216":{"_Position":{"__isSmartRef__":true,"id":2217},"renderContextTable":{"__isSmartRef__":true,"id":2218},"_Extent":{"__isSmartRef__":true,"id":2219},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2217":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2218":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2219":{"x":123,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2220":{"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","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"},"2221":{"style":{"__isSmartRef__":true,"id":2222},"chunkOwner":{"__isSmartRef__":true,"id":2215},"storedString":"_BorderColor","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2222":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2223":{"style":{"__isSmartRef__":true,"id":2224},"chunkOwner":{"__isSmartRef__":true,"id":2215},"storedString":": Color","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2224":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2225":{"morph":{"__isSmartRef__":true,"id":2215},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2226":{"x":142.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2227":{"layoutText":{"__isSmartRef__":true,"id":2228}},"2228":{"varMapping":{"__isSmartRef__":true,"id":2229},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2230},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2229":{"this":{"__isSmartRef__":true,"id":2215}},"2230":{},"2231":{"_Position":{"__isSmartRef__":true,"id":2232},"renderContextTable":{"__isSmartRef__":true,"id":2233},"_Extent":{"__isSmartRef__":true,"id":2234},"_Padding":{"__isSmartRef__":true,"id":2235},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2232":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2233":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2234":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2235":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2236":{"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"},"2237":{"morph":{"__isSmartRef__":true,"id":2197},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2238":{"resizeWidth":true},"2239":{"submorphs":[{"__isSmartRef__":true,"id":2197}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2240},"derivationIds":[null],"id":"0D4B4A47-9918-4EB3-9BA8-7A87ED93178B","renderContextTable":{"__isSmartRef__":true,"id":2245},"eventHandler":{"__isSmartRef__":true,"id":2246},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2247},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2249},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":3279},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3280},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2240":{"_Position":{"__isSmartRef__":true,"id":2241},"renderContextTable":{"__isSmartRef__":true,"id":2242},"_Extent":{"__isSmartRef__":true,"id":2243},"_Padding":{"__isSmartRef__":true,"id":2244},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2241":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2242":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2243":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2244":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2245":{"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"},"2246":{"morph":{"__isSmartRef__":true,"id":2239},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2247":{"layouter":{"__isSmartRef__":true,"id":2248},"resizeWidth":true},"2248":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2239},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2249":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2250":{"submorphs":[{"__isSmartRef__":true,"id":2239},{"__isSmartRef__":true,"id":2251},{"__isSmartRef__":true,"id":2335},{"__isSmartRef__":true,"id":2419},{"__isSmartRef__":true,"id":2503},{"__isSmartRef__":true,"id":2587},{"__isSmartRef__":true,"id":2670},{"__isSmartRef__":true,"id":2754},{"__isSmartRef__":true,"id":2838},{"__isSmartRef__":true,"id":2922},{"__isSmartRef__":true,"id":3006},{"__isSmartRef__":true,"id":3089},{"__isSmartRef__":true,"id":3173}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3257},"derivationIds":[null],"id":"47EC43A3-4ECA-4097-90F9-D0A9DE2AD885","renderContextTable":{"__isSmartRef__":true,"id":3262},"eventHandler":{"__isSmartRef__":true,"id":3263},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3264},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3266},"owner":{"__isSmartRef__":true,"id":2155},"_Position":{"__isSmartRef__":true,"id":3267},"_Visible":false,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3268},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2251":{"submorphs":[{"__isSmartRef__":true,"id":2252}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2316},"derivationIds":[null],"id":"A2AE9F85-FA6A-4A55-9E68-C8847851FE8C","renderContextTable":{"__isSmartRef__":true,"id":2321},"eventHandler":{"__isSmartRef__":true,"id":2322},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2323},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2325},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2326},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2327},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2252":{"submorphs":[{"__isSmartRef__":true,"id":2253},{"__isSmartRef__":true,"id":2270}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2286},"derivationIds":[null],"id":"F53BC58D-C3F9-410E-B84C-9CF2F3194F3F","renderContextTable":{"__isSmartRef__":true,"id":2291},"eventHandler":{"__isSmartRef__":true,"id":2292},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2293},"grabbingEnabled":false,"draggingEnabled":false,"data":0,"propertyList":[],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_BorderRadius","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2253},"text":{"__isSmartRef__":true,"id":2270},"owner":{"__isSmartRef__":true,"id":2251},"_Position":{"__isSmartRef__":true,"id":2294},"priorExtent":{"__isSmartRef__":true,"id":2295},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2296},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2253":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2254},"derivationIds":[null],"id":"26E1A976-98D9-4162-87DB-F36356B3FBA4","renderContextTable":{"__isSmartRef__":true,"id":2260},"eventHandler":{"__isSmartRef__":true,"id":2261},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2262},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2252},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2263},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2254":{"_Position":{"__isSmartRef__":true,"id":2255},"renderContextTable":{"__isSmartRef__":true,"id":2256},"_Extent":{"__isSmartRef__":true,"id":2257},"_Padding":{"__isSmartRef__":true,"id":2258},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2259},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2255":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2256":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2257":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2258":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2259":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2260":{"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"},"2261":{"morph":{"__isSmartRef__":true,"id":2253},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2262":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2263":{"toggle":{"__isSmartRef__":true,"id":2264},"toggleExpansion":{"__isSmartRef__":true,"id":2267}},"2264":{"varMapping":{"__isSmartRef__":true,"id":2265},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2266},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2265":{"this":{"__isSmartRef__":true,"id":2253}},"2266":{},"2267":{"varMapping":{"__isSmartRef__":true,"id":2268},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2269},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2268":{"this":{"__isSmartRef__":true,"id":2253}},"2269":{},"2270":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2271},"derivationIds":[null],"id":"1C106936-7996-4365-B8E7-471AF70F6FDE","renderContextTable":{"__isSmartRef__":true,"id":2275},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2276},{"__isSmartRef__":true,"id":2278}],"eventHandler":{"__isSmartRef__":true,"id":2280},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2281},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2252},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2282},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2271":{"_Position":{"__isSmartRef__":true,"id":2272},"renderContextTable":{"__isSmartRef__":true,"id":2273},"_Extent":{"__isSmartRef__":true,"id":2274},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2272":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2273":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2274":{"x":109,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2275":{"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","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"},"2276":{"style":{"__isSmartRef__":true,"id":2277},"chunkOwner":{"__isSmartRef__":true,"id":2270},"storedString":"_BorderRadius","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2277":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2278":{"style":{"__isSmartRef__":true,"id":2279},"chunkOwner":{"__isSmartRef__":true,"id":2270},"storedString":": 0","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2279":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2280":{"morph":{"__isSmartRef__":true,"id":2270},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2281":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2282":{"layoutText":{"__isSmartRef__":true,"id":2283}},"2283":{"varMapping":{"__isSmartRef__":true,"id":2284},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2285},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2284":{"this":{"__isSmartRef__":true,"id":2270}},"2285":{},"2286":{"_Position":{"__isSmartRef__":true,"id":2287},"renderContextTable":{"__isSmartRef__":true,"id":2288},"_Extent":{"__isSmartRef__":true,"id":2289},"_Padding":{"__isSmartRef__":true,"id":2290},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2287":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2288":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2289":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2290":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2291":{"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"},"2292":{"morph":{"__isSmartRef__":true,"id":2252},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2293":{"resizeWidth":true},"2294":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2295":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2296":{"updateExpanderColor":{"__isSmartRef__":true,"id":2297},"onMouseDown":{"__isSmartRef__":true,"id":2300},"isRoot":{"__isSmartRef__":true,"id":2307},"displayValue":{"__isSmartRef__":true,"id":2310},"update":{"__isSmartRef__":true,"id":2313}},"2297":{"varMapping":{"__isSmartRef__":true,"id":2298},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2299},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2298":{"this":{"__isSmartRef__":true,"id":2252}},"2299":{},"2300":{"varMapping":{"__isSmartRef__":true,"id":2301},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2306},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2301":{"this":{"__isSmartRef__":true,"id":2252},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2302}},"2302":{"$super":{"__isSmartRef__":true,"id":2303}},"2303":{"varMapping":{"__isSmartRef__":true,"id":2304},"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":2305},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2304":{"obj":{"__isSmartRef__":true,"id":2252},"name":"onMouseDown"},"2305":{},"2306":{},"2307":{"varMapping":{"__isSmartRef__":true,"id":2308},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2309},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2308":{"this":{"__isSmartRef__":true,"id":2252}},"2309":{},"2310":{"varMapping":{"__isSmartRef__":true,"id":2311},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2312},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2311":{"this":{"__isSmartRef__":true,"id":2252}},"2312":{},"2313":{"varMapping":{"__isSmartRef__":true,"id":2314},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2315},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2314":{"this":{"__isSmartRef__":true,"id":2252}},"2315":{},"2316":{"_Position":{"__isSmartRef__":true,"id":2317},"renderContextTable":{"__isSmartRef__":true,"id":2318},"_Extent":{"__isSmartRef__":true,"id":2319},"_Padding":{"__isSmartRef__":true,"id":2320},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2317":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2318":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2319":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2320":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2321":{"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"},"2322":{"morph":{"__isSmartRef__":true,"id":2251},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2323":{"layouter":{"__isSmartRef__":true,"id":2324},"resizeWidth":true},"2324":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2251},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2325":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2326":{"x":0,"y":240,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2327":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2328}},"2328":{"varMapping":{"__isSmartRef__":true,"id":2329},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2334},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2329":{"this":{"__isSmartRef__":true,"id":2251},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2330}},"2330":{"$super":{"__isSmartRef__":true,"id":2331}},"2331":{"varMapping":{"__isSmartRef__":true,"id":2332},"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":2333},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2332":{"obj":{"__isSmartRef__":true,"id":2251},"name":"getLayoutableSubmorphs"},"2333":{},"2334":{},"2335":{"submorphs":[{"__isSmartRef__":true,"id":2336}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2400},"derivationIds":[null],"id":"10F39F16-5133-45F7-93B7-E92183D8A071","renderContextTable":{"__isSmartRef__":true,"id":2405},"eventHandler":{"__isSmartRef__":true,"id":2406},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2407},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2409},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2410},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2411},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2336":{"submorphs":[{"__isSmartRef__":true,"id":2337},{"__isSmartRef__":true,"id":2354}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2370},"derivationIds":[null],"id":"43F355D6-5A36-4072-91E9-831AC0BFCFDF","renderContextTable":{"__isSmartRef__":true,"id":2375},"eventHandler":{"__isSmartRef__":true,"id":2376},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2377},"grabbingEnabled":false,"draggingEnabled":false,"data":"solid","propertyList":["0","1","2","3","4"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_BorderStyle","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2337},"text":{"__isSmartRef__":true,"id":2354},"owner":{"__isSmartRef__":true,"id":2335},"_Position":{"__isSmartRef__":true,"id":2378},"priorExtent":{"__isSmartRef__":true,"id":2379},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2380},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2337":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2338},"derivationIds":[null],"id":"54EA4BDA-3EB3-441C-AA0A-B89768476F93","renderContextTable":{"__isSmartRef__":true,"id":2344},"eventHandler":{"__isSmartRef__":true,"id":2345},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2346},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2336},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2347},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2338":{"_Position":{"__isSmartRef__":true,"id":2339},"renderContextTable":{"__isSmartRef__":true,"id":2340},"_Extent":{"__isSmartRef__":true,"id":2341},"_Padding":{"__isSmartRef__":true,"id":2342},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2343},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2339":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2340":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2341":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2342":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2343":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2344":{"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"},"2345":{"morph":{"__isSmartRef__":true,"id":2337},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2346":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2347":{"toggle":{"__isSmartRef__":true,"id":2348},"toggleExpansion":{"__isSmartRef__":true,"id":2351}},"2348":{"varMapping":{"__isSmartRef__":true,"id":2349},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2350},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2349":{"this":{"__isSmartRef__":true,"id":2337}},"2350":{},"2351":{"varMapping":{"__isSmartRef__":true,"id":2352},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2353},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2352":{"this":{"__isSmartRef__":true,"id":2337}},"2353":{},"2354":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2355},"derivationIds":[null],"id":"6EAE4AC6-380C-4402-995B-8FFBA9FA678A","renderContextTable":{"__isSmartRef__":true,"id":2359},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2360},{"__isSmartRef__":true,"id":2362}],"eventHandler":{"__isSmartRef__":true,"id":2364},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2365},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2336},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2366},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2355":{"_Position":{"__isSmartRef__":true,"id":2356},"renderContextTable":{"__isSmartRef__":true,"id":2357},"_Extent":{"__isSmartRef__":true,"id":2358},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2356":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2357":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2358":{"x":118,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2359":{"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","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"},"2360":{"style":{"__isSmartRef__":true,"id":2361},"chunkOwner":{"__isSmartRef__":true,"id":2354},"storedString":"_BorderStyle","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2361":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2362":{"style":{"__isSmartRef__":true,"id":2363},"chunkOwner":{"__isSmartRef__":true,"id":2354},"storedString":": solid","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2363":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2364":{"morph":{"__isSmartRef__":true,"id":2354},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2365":{"x":142.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2366":{"layoutText":{"__isSmartRef__":true,"id":2367}},"2367":{"varMapping":{"__isSmartRef__":true,"id":2368},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2369},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2368":{"this":{"__isSmartRef__":true,"id":2354}},"2369":{},"2370":{"_Position":{"__isSmartRef__":true,"id":2371},"renderContextTable":{"__isSmartRef__":true,"id":2372},"_Extent":{"__isSmartRef__":true,"id":2373},"_Padding":{"__isSmartRef__":true,"id":2374},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2371":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2372":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2373":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2374":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2375":{"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"},"2376":{"morph":{"__isSmartRef__":true,"id":2336},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2377":{"resizeWidth":true},"2378":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2379":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2380":{"updateExpanderColor":{"__isSmartRef__":true,"id":2381},"onMouseDown":{"__isSmartRef__":true,"id":2384},"isRoot":{"__isSmartRef__":true,"id":2391},"displayValue":{"__isSmartRef__":true,"id":2394},"update":{"__isSmartRef__":true,"id":2397}},"2381":{"varMapping":{"__isSmartRef__":true,"id":2382},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2383},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2382":{"this":{"__isSmartRef__":true,"id":2336}},"2383":{},"2384":{"varMapping":{"__isSmartRef__":true,"id":2385},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2390},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2385":{"this":{"__isSmartRef__":true,"id":2336},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2386}},"2386":{"$super":{"__isSmartRef__":true,"id":2387}},"2387":{"varMapping":{"__isSmartRef__":true,"id":2388},"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":2389},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2388":{"obj":{"__isSmartRef__":true,"id":2336},"name":"onMouseDown"},"2389":{},"2390":{},"2391":{"varMapping":{"__isSmartRef__":true,"id":2392},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2393},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2392":{"this":{"__isSmartRef__":true,"id":2336}},"2393":{},"2394":{"varMapping":{"__isSmartRef__":true,"id":2395},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2396},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2395":{"this":{"__isSmartRef__":true,"id":2336}},"2396":{},"2397":{"varMapping":{"__isSmartRef__":true,"id":2398},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2399},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2398":{"this":{"__isSmartRef__":true,"id":2336}},"2399":{},"2400":{"_Position":{"__isSmartRef__":true,"id":2401},"renderContextTable":{"__isSmartRef__":true,"id":2402},"_Extent":{"__isSmartRef__":true,"id":2403},"_Padding":{"__isSmartRef__":true,"id":2404},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2401":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2402":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2403":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2404":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2405":{"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"},"2406":{"morph":{"__isSmartRef__":true,"id":2335},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2407":{"layouter":{"__isSmartRef__":true,"id":2408},"resizeWidth":true},"2408":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2335},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2409":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2410":{"x":0,"y":220,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2411":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2412}},"2412":{"varMapping":{"__isSmartRef__":true,"id":2413},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2418},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2413":{"this":{"__isSmartRef__":true,"id":2335},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2414}},"2414":{"$super":{"__isSmartRef__":true,"id":2415}},"2415":{"varMapping":{"__isSmartRef__":true,"id":2416},"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":2417},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2416":{"obj":{"__isSmartRef__":true,"id":2335},"name":"getLayoutableSubmorphs"},"2417":{},"2418":{},"2419":{"submorphs":[{"__isSmartRef__":true,"id":2420}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2484},"derivationIds":[null],"id":"418DE097-FD07-4C21-A734-20601FC84455","renderContextTable":{"__isSmartRef__":true,"id":2489},"eventHandler":{"__isSmartRef__":true,"id":2490},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2491},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2493},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2494},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2495},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2420":{"submorphs":[{"__isSmartRef__":true,"id":2421},{"__isSmartRef__":true,"id":2438}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2454},"derivationIds":[null],"id":"88ABD4AA-0A08-44AB-ACAB-9832E249D58F","renderContextTable":{"__isSmartRef__":true,"id":2459},"eventHandler":{"__isSmartRef__":true,"id":2460},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2461},"grabbingEnabled":false,"draggingEnabled":false,"data":1,"propertyList":[],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_BorderWidth","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2421},"text":{"__isSmartRef__":true,"id":2438},"owner":{"__isSmartRef__":true,"id":2419},"_Position":{"__isSmartRef__":true,"id":2462},"priorExtent":{"__isSmartRef__":true,"id":2463},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2464},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2421":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2422},"derivationIds":[null],"id":"27B917E7-8E19-44AB-85DB-57DCC09FD0E3","renderContextTable":{"__isSmartRef__":true,"id":2428},"eventHandler":{"__isSmartRef__":true,"id":2429},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2430},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2420},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2431},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2422":{"_Position":{"__isSmartRef__":true,"id":2423},"renderContextTable":{"__isSmartRef__":true,"id":2424},"_Extent":{"__isSmartRef__":true,"id":2425},"_Padding":{"__isSmartRef__":true,"id":2426},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2427},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2423":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2424":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2425":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2426":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2427":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2428":{"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"},"2429":{"morph":{"__isSmartRef__":true,"id":2421},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2430":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2431":{"toggle":{"__isSmartRef__":true,"id":2432},"toggleExpansion":{"__isSmartRef__":true,"id":2435}},"2432":{"varMapping":{"__isSmartRef__":true,"id":2433},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2434},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2433":{"this":{"__isSmartRef__":true,"id":2421}},"2434":{},"2435":{"varMapping":{"__isSmartRef__":true,"id":2436},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2437},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2436":{"this":{"__isSmartRef__":true,"id":2421}},"2437":{},"2438":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2439},"derivationIds":[null],"id":"7ADFED33-A9BD-42EC-89F1-9B3DA3C4C5BD","renderContextTable":{"__isSmartRef__":true,"id":2443},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2444},{"__isSmartRef__":true,"id":2446}],"eventHandler":{"__isSmartRef__":true,"id":2448},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2449},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2420},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2450},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2439":{"_Position":{"__isSmartRef__":true,"id":2440},"renderContextTable":{"__isSmartRef__":true,"id":2441},"_Extent":{"__isSmartRef__":true,"id":2442},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2440":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2441":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2442":{"x":102,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2443":{"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","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"},"2444":{"style":{"__isSmartRef__":true,"id":2445},"chunkOwner":{"__isSmartRef__":true,"id":2438},"storedString":"_BorderWidth","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2445":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2446":{"style":{"__isSmartRef__":true,"id":2447},"chunkOwner":{"__isSmartRef__":true,"id":2438},"storedString":": 1","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2447":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2448":{"morph":{"__isSmartRef__":true,"id":2438},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2449":{"x":112.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2450":{"layoutText":{"__isSmartRef__":true,"id":2451}},"2451":{"varMapping":{"__isSmartRef__":true,"id":2452},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2453},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2452":{"this":{"__isSmartRef__":true,"id":2438}},"2453":{},"2454":{"_Position":{"__isSmartRef__":true,"id":2455},"renderContextTable":{"__isSmartRef__":true,"id":2456},"_Extent":{"__isSmartRef__":true,"id":2457},"_Padding":{"__isSmartRef__":true,"id":2458},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2455":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2456":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2457":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2458":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2459":{"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"},"2460":{"morph":{"__isSmartRef__":true,"id":2420},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2461":{"resizeWidth":true},"2462":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2463":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2464":{"updateExpanderColor":{"__isSmartRef__":true,"id":2465},"onMouseDown":{"__isSmartRef__":true,"id":2468},"isRoot":{"__isSmartRef__":true,"id":2475},"displayValue":{"__isSmartRef__":true,"id":2478},"update":{"__isSmartRef__":true,"id":2481}},"2465":{"varMapping":{"__isSmartRef__":true,"id":2466},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2467},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2466":{"this":{"__isSmartRef__":true,"id":2420}},"2467":{},"2468":{"varMapping":{"__isSmartRef__":true,"id":2469},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2474},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2469":{"this":{"__isSmartRef__":true,"id":2420},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2470}},"2470":{"$super":{"__isSmartRef__":true,"id":2471}},"2471":{"varMapping":{"__isSmartRef__":true,"id":2472},"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":2473},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2472":{"obj":{"__isSmartRef__":true,"id":2420},"name":"onMouseDown"},"2473":{},"2474":{},"2475":{"varMapping":{"__isSmartRef__":true,"id":2476},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2477},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2476":{"this":{"__isSmartRef__":true,"id":2420}},"2477":{},"2478":{"varMapping":{"__isSmartRef__":true,"id":2479},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2480},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2479":{"this":{"__isSmartRef__":true,"id":2420}},"2480":{},"2481":{"varMapping":{"__isSmartRef__":true,"id":2482},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2483},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2482":{"this":{"__isSmartRef__":true,"id":2420}},"2483":{},"2484":{"_Position":{"__isSmartRef__":true,"id":2485},"renderContextTable":{"__isSmartRef__":true,"id":2486},"_Extent":{"__isSmartRef__":true,"id":2487},"_Padding":{"__isSmartRef__":true,"id":2488},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2485":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2486":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2487":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2488":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2489":{"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"},"2490":{"morph":{"__isSmartRef__":true,"id":2419},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2491":{"layouter":{"__isSmartRef__":true,"id":2492},"resizeWidth":true},"2492":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2419},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2493":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2494":{"x":0,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2495":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2496}},"2496":{"varMapping":{"__isSmartRef__":true,"id":2497},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2502},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2497":{"this":{"__isSmartRef__":true,"id":2419},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2498}},"2498":{"$super":{"__isSmartRef__":true,"id":2499}},"2499":{"varMapping":{"__isSmartRef__":true,"id":2500},"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":2501},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2500":{"obj":{"__isSmartRef__":true,"id":2419},"name":"getLayoutableSubmorphs"},"2501":{},"2502":{},"2503":{"submorphs":[{"__isSmartRef__":true,"id":2504}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2568},"derivationIds":[null],"id":"67308E2C-C8C9-4D11-A90F-21BF899794FD","renderContextTable":{"__isSmartRef__":true,"id":2573},"eventHandler":{"__isSmartRef__":true,"id":2574},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2575},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2577},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2578},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2579},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2504":{"submorphs":[{"__isSmartRef__":true,"id":2505},{"__isSmartRef__":true,"id":2522}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2538},"derivationIds":[null],"id":"A78E3284-5005-4D28-B8B1-A452AEAEB94F","renderContextTable":{"__isSmartRef__":true,"id":2543},"eventHandler":{"__isSmartRef__":true,"id":2544},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2545},"grabbingEnabled":false,"draggingEnabled":false,"data":"visible","propertyList":["0","1","2","3","4","5","6"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_ClipMode","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2505},"text":{"__isSmartRef__":true,"id":2522},"owner":{"__isSmartRef__":true,"id":2503},"_Position":{"__isSmartRef__":true,"id":2546},"priorExtent":{"__isSmartRef__":true,"id":2547},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2548},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2505":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2506},"derivationIds":[null],"id":"7028612F-11DD-4B9E-8EA9-415253FFE74D","renderContextTable":{"__isSmartRef__":true,"id":2512},"eventHandler":{"__isSmartRef__":true,"id":2513},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2514},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2504},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2515},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2506":{"_Position":{"__isSmartRef__":true,"id":2507},"renderContextTable":{"__isSmartRef__":true,"id":2508},"_Extent":{"__isSmartRef__":true,"id":2509},"_Padding":{"__isSmartRef__":true,"id":2510},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2511},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2507":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2508":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2509":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2510":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2511":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2512":{"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"},"2513":{"morph":{"__isSmartRef__":true,"id":2505},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2514":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2515":{"toggle":{"__isSmartRef__":true,"id":2516},"toggleExpansion":{"__isSmartRef__":true,"id":2519}},"2516":{"varMapping":{"__isSmartRef__":true,"id":2517},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2518},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2517":{"this":{"__isSmartRef__":true,"id":2505}},"2518":{},"2519":{"varMapping":{"__isSmartRef__":true,"id":2520},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2521},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2520":{"this":{"__isSmartRef__":true,"id":2505}},"2521":{},"2522":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2523},"derivationIds":[null],"id":"00E6A984-D4DC-48DA-8C6F-EE80228DE7C5","renderContextTable":{"__isSmartRef__":true,"id":2527},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2528},{"__isSmartRef__":true,"id":2530}],"eventHandler":{"__isSmartRef__":true,"id":2532},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2533},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2504},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2534},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2523":{"_Position":{"__isSmartRef__":true,"id":2524},"renderContextTable":{"__isSmartRef__":true,"id":2525},"_Extent":{"__isSmartRef__":true,"id":2526},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2524":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2525":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2526":{"x":115,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2527":{"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","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"},"2528":{"style":{"__isSmartRef__":true,"id":2529},"chunkOwner":{"__isSmartRef__":true,"id":2522},"storedString":"_ClipMode","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2529":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2530":{"style":{"__isSmartRef__":true,"id":2531},"chunkOwner":{"__isSmartRef__":true,"id":2522},"storedString":": visible","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2531":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2532":{"morph":{"__isSmartRef__":true,"id":2522},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2533":{"x":135,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2534":{"layoutText":{"__isSmartRef__":true,"id":2535}},"2535":{"varMapping":{"__isSmartRef__":true,"id":2536},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2537},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2536":{"this":{"__isSmartRef__":true,"id":2522}},"2537":{},"2538":{"_Position":{"__isSmartRef__":true,"id":2539},"renderContextTable":{"__isSmartRef__":true,"id":2540},"_Extent":{"__isSmartRef__":true,"id":2541},"_Padding":{"__isSmartRef__":true,"id":2542},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2539":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2540":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2541":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2542":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2543":{"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"},"2544":{"morph":{"__isSmartRef__":true,"id":2504},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2545":{"resizeWidth":true},"2546":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2547":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2548":{"updateExpanderColor":{"__isSmartRef__":true,"id":2549},"onMouseDown":{"__isSmartRef__":true,"id":2552},"isRoot":{"__isSmartRef__":true,"id":2559},"displayValue":{"__isSmartRef__":true,"id":2562},"update":{"__isSmartRef__":true,"id":2565}},"2549":{"varMapping":{"__isSmartRef__":true,"id":2550},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2551},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2550":{"this":{"__isSmartRef__":true,"id":2504}},"2551":{},"2552":{"varMapping":{"__isSmartRef__":true,"id":2553},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2558},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2553":{"this":{"__isSmartRef__":true,"id":2504},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2554}},"2554":{"$super":{"__isSmartRef__":true,"id":2555}},"2555":{"varMapping":{"__isSmartRef__":true,"id":2556},"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":2557},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2556":{"obj":{"__isSmartRef__":true,"id":2504},"name":"onMouseDown"},"2557":{},"2558":{},"2559":{"varMapping":{"__isSmartRef__":true,"id":2560},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2561},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2560":{"this":{"__isSmartRef__":true,"id":2504}},"2561":{},"2562":{"varMapping":{"__isSmartRef__":true,"id":2563},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2564},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2563":{"this":{"__isSmartRef__":true,"id":2504}},"2564":{},"2565":{"varMapping":{"__isSmartRef__":true,"id":2566},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2567},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2566":{"this":{"__isSmartRef__":true,"id":2504}},"2567":{},"2568":{"_Position":{"__isSmartRef__":true,"id":2569},"renderContextTable":{"__isSmartRef__":true,"id":2570},"_Extent":{"__isSmartRef__":true,"id":2571},"_Padding":{"__isSmartRef__":true,"id":2572},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2569":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2570":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2571":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2572":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2573":{"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"},"2574":{"morph":{"__isSmartRef__":true,"id":2503},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2575":{"layouter":{"__isSmartRef__":true,"id":2576},"resizeWidth":true},"2576":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2503},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2577":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2578":{"x":0,"y":180,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2579":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2580}},"2580":{"varMapping":{"__isSmartRef__":true,"id":2581},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2586},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2581":{"this":{"__isSmartRef__":true,"id":2503},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2582}},"2582":{"$super":{"__isSmartRef__":true,"id":2583}},"2583":{"varMapping":{"__isSmartRef__":true,"id":2584},"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":2585},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2584":{"obj":{"__isSmartRef__":true,"id":2503},"name":"getLayoutableSubmorphs"},"2585":{},"2586":{},"2587":{"submorphs":[{"__isSmartRef__":true,"id":2588}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2651},"derivationIds":[null],"id":"8D75B8A8-72E7-4498-911C-AC87E38F1D7C","renderContextTable":{"__isSmartRef__":true,"id":2656},"eventHandler":{"__isSmartRef__":true,"id":2657},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2658},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2660},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2661},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2662},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2588":{"submorphs":[{"__isSmartRef__":true,"id":2589},{"__isSmartRef__":true,"id":2605}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2621},"derivationIds":[null],"id":"FED561FB-5401-4B90-A005-203665C15399","renderContextTable":{"__isSmartRef__":true,"id":2626},"eventHandler":{"__isSmartRef__":true,"id":2627},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2628},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":91},"propertyList":["x","y"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Extent","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2589},"text":{"__isSmartRef__":true,"id":2605},"owner":{"__isSmartRef__":true,"id":2587},"_Position":{"__isSmartRef__":true,"id":2629},"priorExtent":{"__isSmartRef__":true,"id":2630},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2631},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2589":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2590},"derivationIds":[null],"id":"BA49E75B-7330-4A31-8BD7-B0802F429F47","renderContextTable":{"__isSmartRef__":true,"id":2595},"eventHandler":{"__isSmartRef__":true,"id":2596},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2597},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2588},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2598},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2590":{"_Position":{"__isSmartRef__":true,"id":2591},"renderContextTable":{"__isSmartRef__":true,"id":2592},"_Extent":{"__isSmartRef__":true,"id":2593},"_Padding":{"__isSmartRef__":true,"id":2594},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2591":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2592":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2593":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2594":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2595":{"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"},"2596":{"morph":{"__isSmartRef__":true,"id":2589},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2597":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2598":{"toggle":{"__isSmartRef__":true,"id":2599},"toggleExpansion":{"__isSmartRef__":true,"id":2602}},"2599":{"varMapping":{"__isSmartRef__":true,"id":2600},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2601},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2600":{"this":{"__isSmartRef__":true,"id":2589}},"2601":{},"2602":{"varMapping":{"__isSmartRef__":true,"id":2603},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2604},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2603":{"this":{"__isSmartRef__":true,"id":2589}},"2604":{},"2605":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2606},"derivationIds":[null],"id":"06FFA5B8-4D11-447C-88D5-85D8984E1239","renderContextTable":{"__isSmartRef__":true,"id":2610},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2611},{"__isSmartRef__":true,"id":2613}],"eventHandler":{"__isSmartRef__":true,"id":2615},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2616},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2588},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2617},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2606":{"_Position":{"__isSmartRef__":true,"id":2607},"renderContextTable":{"__isSmartRef__":true,"id":2608},"_Extent":{"__isSmartRef__":true,"id":2609},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2607":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2608":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2609":{"x":105,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2610":{"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","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"},"2611":{"style":{"__isSmartRef__":true,"id":2612},"chunkOwner":{"__isSmartRef__":true,"id":2605},"storedString":"_Extent","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2612":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2613":{"style":{"__isSmartRef__":true,"id":2614},"chunkOwner":{"__isSmartRef__":true,"id":2605},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2614":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2615":{"morph":{"__isSmartRef__":true,"id":2605},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2616":{"x":105,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2617":{"layoutText":{"__isSmartRef__":true,"id":2618}},"2618":{"varMapping":{"__isSmartRef__":true,"id":2619},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2620},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2619":{"this":{"__isSmartRef__":true,"id":2605}},"2620":{},"2621":{"_Position":{"__isSmartRef__":true,"id":2622},"renderContextTable":{"__isSmartRef__":true,"id":2623},"_Extent":{"__isSmartRef__":true,"id":2624},"_Padding":{"__isSmartRef__":true,"id":2625},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2622":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2623":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2624":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2625":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2626":{"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"},"2627":{"morph":{"__isSmartRef__":true,"id":2588},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2628":{"resizeWidth":true},"2629":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2630":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2631":{"updateExpanderColor":{"__isSmartRef__":true,"id":2632},"onMouseDown":{"__isSmartRef__":true,"id":2635},"isRoot":{"__isSmartRef__":true,"id":2642},"displayValue":{"__isSmartRef__":true,"id":2645},"update":{"__isSmartRef__":true,"id":2648}},"2632":{"varMapping":{"__isSmartRef__":true,"id":2633},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2634},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2633":{"this":{"__isSmartRef__":true,"id":2588}},"2634":{},"2635":{"varMapping":{"__isSmartRef__":true,"id":2636},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2641},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2636":{"this":{"__isSmartRef__":true,"id":2588},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2637}},"2637":{"$super":{"__isSmartRef__":true,"id":2638}},"2638":{"varMapping":{"__isSmartRef__":true,"id":2639},"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":2640},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2639":{"obj":{"__isSmartRef__":true,"id":2588},"name":"onMouseDown"},"2640":{},"2641":{},"2642":{"varMapping":{"__isSmartRef__":true,"id":2643},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2644},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2643":{"this":{"__isSmartRef__":true,"id":2588}},"2644":{},"2645":{"varMapping":{"__isSmartRef__":true,"id":2646},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2647},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2646":{"this":{"__isSmartRef__":true,"id":2588}},"2647":{},"2648":{"varMapping":{"__isSmartRef__":true,"id":2649},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2650},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2649":{"this":{"__isSmartRef__":true,"id":2588}},"2650":{},"2651":{"_Position":{"__isSmartRef__":true,"id":2652},"renderContextTable":{"__isSmartRef__":true,"id":2653},"_Extent":{"__isSmartRef__":true,"id":2654},"_Padding":{"__isSmartRef__":true,"id":2655},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2652":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2653":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2654":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2655":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2656":{"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"},"2657":{"morph":{"__isSmartRef__":true,"id":2587},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2658":{"layouter":{"__isSmartRef__":true,"id":2659},"resizeWidth":true},"2659":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2587},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2660":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2661":{"x":0,"y":160,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2662":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2663}},"2663":{"varMapping":{"__isSmartRef__":true,"id":2664},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2669},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2664":{"this":{"__isSmartRef__":true,"id":2587},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2665}},"2665":{"$super":{"__isSmartRef__":true,"id":2666}},"2666":{"varMapping":{"__isSmartRef__":true,"id":2667},"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":2668},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2667":{"obj":{"__isSmartRef__":true,"id":2587},"name":"getLayoutableSubmorphs"},"2668":{},"2669":{},"2670":{"submorphs":[{"__isSmartRef__":true,"id":2671}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2735},"derivationIds":[null],"id":"D15154AD-2BEA-4BF0-BF3D-A27A7EE3582C","renderContextTable":{"__isSmartRef__":true,"id":2740},"eventHandler":{"__isSmartRef__":true,"id":2741},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2742},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2744},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2745},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2746},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2671":{"submorphs":[{"__isSmartRef__":true,"id":2672},{"__isSmartRef__":true,"id":2689}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2705},"derivationIds":[null],"id":"30AC0B95-375A-46E9-AB77-C900DB34277E","renderContextTable":{"__isSmartRef__":true,"id":2710},"eventHandler":{"__isSmartRef__":true,"id":2711},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2712},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":93},"propertyList":["r","g","b","a"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Fill","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2672},"text":{"__isSmartRef__":true,"id":2689},"owner":{"__isSmartRef__":true,"id":2670},"_Position":{"__isSmartRef__":true,"id":2713},"priorExtent":{"__isSmartRef__":true,"id":2714},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2715},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2672":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2673},"derivationIds":[null],"id":"ADA69824-BBA3-4C49-B207-F1FEBA134138","renderContextTable":{"__isSmartRef__":true,"id":2679},"eventHandler":{"__isSmartRef__":true,"id":2680},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2681},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2671},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2682},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2673":{"_Position":{"__isSmartRef__":true,"id":2674},"renderContextTable":{"__isSmartRef__":true,"id":2675},"_Extent":{"__isSmartRef__":true,"id":2676},"_Padding":{"__isSmartRef__":true,"id":2677},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2678},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2674":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2675":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2676":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2677":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2678":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2679":{"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"},"2680":{"morph":{"__isSmartRef__":true,"id":2672},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2681":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2682":{"toggle":{"__isSmartRef__":true,"id":2683},"toggleExpansion":{"__isSmartRef__":true,"id":2686}},"2683":{"varMapping":{"__isSmartRef__":true,"id":2684},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2685},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2684":{"this":{"__isSmartRef__":true,"id":2672}},"2685":{},"2686":{"varMapping":{"__isSmartRef__":true,"id":2687},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2688},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2687":{"this":{"__isSmartRef__":true,"id":2672}},"2688":{},"2689":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2690},"derivationIds":[null],"id":"4F8A1A22-F5C6-452E-8662-5393EA581238","renderContextTable":{"__isSmartRef__":true,"id":2694},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2695},{"__isSmartRef__":true,"id":2697}],"eventHandler":{"__isSmartRef__":true,"id":2699},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2700},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2671},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2701},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2690":{"_Position":{"__isSmartRef__":true,"id":2691},"renderContextTable":{"__isSmartRef__":true,"id":2692},"_Extent":{"__isSmartRef__":true,"id":2693},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2691":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2692":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2693":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2694":{"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","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"},"2695":{"style":{"__isSmartRef__":true,"id":2696},"chunkOwner":{"__isSmartRef__":true,"id":2689},"storedString":"_Fill","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2696":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2697":{"style":{"__isSmartRef__":true,"id":2698},"chunkOwner":{"__isSmartRef__":true,"id":2689},"storedString":": Color","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2698":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2699":{"morph":{"__isSmartRef__":true,"id":2689},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2700":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2701":{"layoutText":{"__isSmartRef__":true,"id":2702}},"2702":{"varMapping":{"__isSmartRef__":true,"id":2703},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2704},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2703":{"this":{"__isSmartRef__":true,"id":2689}},"2704":{},"2705":{"_Position":{"__isSmartRef__":true,"id":2706},"renderContextTable":{"__isSmartRef__":true,"id":2707},"_Extent":{"__isSmartRef__":true,"id":2708},"_Padding":{"__isSmartRef__":true,"id":2709},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2706":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2707":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2708":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2709":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2710":{"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"},"2711":{"morph":{"__isSmartRef__":true,"id":2671},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2712":{"resizeWidth":true},"2713":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2714":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2715":{"updateExpanderColor":{"__isSmartRef__":true,"id":2716},"onMouseDown":{"__isSmartRef__":true,"id":2719},"isRoot":{"__isSmartRef__":true,"id":2726},"displayValue":{"__isSmartRef__":true,"id":2729},"update":{"__isSmartRef__":true,"id":2732}},"2716":{"varMapping":{"__isSmartRef__":true,"id":2717},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2718},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2717":{"this":{"__isSmartRef__":true,"id":2671}},"2718":{},"2719":{"varMapping":{"__isSmartRef__":true,"id":2720},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2725},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2720":{"this":{"__isSmartRef__":true,"id":2671},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2721}},"2721":{"$super":{"__isSmartRef__":true,"id":2722}},"2722":{"varMapping":{"__isSmartRef__":true,"id":2723},"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":2724},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2723":{"obj":{"__isSmartRef__":true,"id":2671},"name":"onMouseDown"},"2724":{},"2725":{},"2726":{"varMapping":{"__isSmartRef__":true,"id":2727},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2728},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2727":{"this":{"__isSmartRef__":true,"id":2671}},"2728":{},"2729":{"varMapping":{"__isSmartRef__":true,"id":2730},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2731},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2730":{"this":{"__isSmartRef__":true,"id":2671}},"2731":{},"2732":{"varMapping":{"__isSmartRef__":true,"id":2733},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2734},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2733":{"this":{"__isSmartRef__":true,"id":2671}},"2734":{},"2735":{"_Position":{"__isSmartRef__":true,"id":2736},"renderContextTable":{"__isSmartRef__":true,"id":2737},"_Extent":{"__isSmartRef__":true,"id":2738},"_Padding":{"__isSmartRef__":true,"id":2739},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2736":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2737":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2738":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2739":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2740":{"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"},"2741":{"morph":{"__isSmartRef__":true,"id":2670},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2742":{"layouter":{"__isSmartRef__":true,"id":2743},"resizeWidth":true},"2743":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2670},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2744":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2745":{"x":0,"y":140,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2746":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2747}},"2747":{"varMapping":{"__isSmartRef__":true,"id":2748},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2753},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2748":{"this":{"__isSmartRef__":true,"id":2670},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2749}},"2749":{"$super":{"__isSmartRef__":true,"id":2750}},"2750":{"varMapping":{"__isSmartRef__":true,"id":2751},"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":2752},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2751":{"obj":{"__isSmartRef__":true,"id":2670},"name":"getLayoutableSubmorphs"},"2752":{},"2753":{},"2754":{"submorphs":[{"__isSmartRef__":true,"id":2755}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2819},"derivationIds":[null],"id":"A37DABA9-9742-4DF0-A6BB-14A93B6DF87B","renderContextTable":{"__isSmartRef__":true,"id":2824},"eventHandler":{"__isSmartRef__":true,"id":2825},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2826},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2828},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2829},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2830},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2755":{"submorphs":[{"__isSmartRef__":true,"id":2756},{"__isSmartRef__":true,"id":2773}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2789},"derivationIds":[null],"id":"CD1ECBE6-26B7-4B57-BB16-265E4FDFA4B0","renderContextTable":{"__isSmartRef__":true,"id":2794},"eventHandler":{"__isSmartRef__":true,"id":2795},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2796},"grabbingEnabled":false,"draggingEnabled":false,"data":1,"propertyList":[],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Opacity","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2756},"text":{"__isSmartRef__":true,"id":2773},"owner":{"__isSmartRef__":true,"id":2754},"_Position":{"__isSmartRef__":true,"id":2797},"priorExtent":{"__isSmartRef__":true,"id":2798},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2799},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2756":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2757},"derivationIds":[null],"id":"9EABDE9E-C0D3-409C-A09C-FFEFC0A361E5","renderContextTable":{"__isSmartRef__":true,"id":2763},"eventHandler":{"__isSmartRef__":true,"id":2764},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2765},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2755},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2766},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2757":{"_Position":{"__isSmartRef__":true,"id":2758},"renderContextTable":{"__isSmartRef__":true,"id":2759},"_Extent":{"__isSmartRef__":true,"id":2760},"_Padding":{"__isSmartRef__":true,"id":2761},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2762},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2758":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2759":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2760":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2761":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2762":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2763":{"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"},"2764":{"morph":{"__isSmartRef__":true,"id":2756},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2765":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2766":{"toggle":{"__isSmartRef__":true,"id":2767},"toggleExpansion":{"__isSmartRef__":true,"id":2770}},"2767":{"varMapping":{"__isSmartRef__":true,"id":2768},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2769},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2768":{"this":{"__isSmartRef__":true,"id":2756}},"2769":{},"2770":{"varMapping":{"__isSmartRef__":true,"id":2771},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2772},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2771":{"this":{"__isSmartRef__":true,"id":2756}},"2772":{},"2773":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2774},"derivationIds":[null],"id":"AFB66749-89CE-4B70-8553-8F19DDF32E48","renderContextTable":{"__isSmartRef__":true,"id":2778},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2779},{"__isSmartRef__":true,"id":2781}],"eventHandler":{"__isSmartRef__":true,"id":2783},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2784},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2755},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2785},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2774":{"_Position":{"__isSmartRef__":true,"id":2775},"renderContextTable":{"__isSmartRef__":true,"id":2776},"_Extent":{"__isSmartRef__":true,"id":2777},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2775":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2776":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2777":{"x":75,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2778":{"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","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"},"2779":{"style":{"__isSmartRef__":true,"id":2780},"chunkOwner":{"__isSmartRef__":true,"id":2773},"storedString":"_Opacity","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2780":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2781":{"style":{"__isSmartRef__":true,"id":2782},"chunkOwner":{"__isSmartRef__":true,"id":2773},"storedString":": 1","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2782":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2783":{"morph":{"__isSmartRef__":true,"id":2773},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2784":{"x":82.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2785":{"layoutText":{"__isSmartRef__":true,"id":2786}},"2786":{"varMapping":{"__isSmartRef__":true,"id":2787},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2788},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2787":{"this":{"__isSmartRef__":true,"id":2773}},"2788":{},"2789":{"_Position":{"__isSmartRef__":true,"id":2790},"renderContextTable":{"__isSmartRef__":true,"id":2791},"_Extent":{"__isSmartRef__":true,"id":2792},"_Padding":{"__isSmartRef__":true,"id":2793},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2790":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2791":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2792":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2793":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2794":{"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"},"2795":{"morph":{"__isSmartRef__":true,"id":2755},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2796":{"resizeWidth":true},"2797":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2798":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2799":{"updateExpanderColor":{"__isSmartRef__":true,"id":2800},"onMouseDown":{"__isSmartRef__":true,"id":2803},"isRoot":{"__isSmartRef__":true,"id":2810},"displayValue":{"__isSmartRef__":true,"id":2813},"update":{"__isSmartRef__":true,"id":2816}},"2800":{"varMapping":{"__isSmartRef__":true,"id":2801},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2802},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2801":{"this":{"__isSmartRef__":true,"id":2755}},"2802":{},"2803":{"varMapping":{"__isSmartRef__":true,"id":2804},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2809},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2804":{"this":{"__isSmartRef__":true,"id":2755},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2805}},"2805":{"$super":{"__isSmartRef__":true,"id":2806}},"2806":{"varMapping":{"__isSmartRef__":true,"id":2807},"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":2808},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2807":{"obj":{"__isSmartRef__":true,"id":2755},"name":"onMouseDown"},"2808":{},"2809":{},"2810":{"varMapping":{"__isSmartRef__":true,"id":2811},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2812},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2811":{"this":{"__isSmartRef__":true,"id":2755}},"2812":{},"2813":{"varMapping":{"__isSmartRef__":true,"id":2814},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2815},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2814":{"this":{"__isSmartRef__":true,"id":2755}},"2815":{},"2816":{"varMapping":{"__isSmartRef__":true,"id":2817},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2818},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2817":{"this":{"__isSmartRef__":true,"id":2755}},"2818":{},"2819":{"_Position":{"__isSmartRef__":true,"id":2820},"renderContextTable":{"__isSmartRef__":true,"id":2821},"_Extent":{"__isSmartRef__":true,"id":2822},"_Padding":{"__isSmartRef__":true,"id":2823},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2820":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2821":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2822":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2823":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2824":{"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"},"2825":{"morph":{"__isSmartRef__":true,"id":2754},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2826":{"layouter":{"__isSmartRef__":true,"id":2827},"resizeWidth":true},"2827":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2754},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2828":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2829":{"x":0,"y":120,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2830":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2831}},"2831":{"varMapping":{"__isSmartRef__":true,"id":2832},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2837},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2832":{"this":{"__isSmartRef__":true,"id":2754},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2833}},"2833":{"$super":{"__isSmartRef__":true,"id":2834}},"2834":{"varMapping":{"__isSmartRef__":true,"id":2835},"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":2836},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2835":{"obj":{"__isSmartRef__":true,"id":2754},"name":"getLayoutableSubmorphs"},"2836":{},"2837":{},"2838":{"submorphs":[{"__isSmartRef__":true,"id":2839}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2903},"derivationIds":[null],"id":"E8970D8B-E82B-4951-8284-46E28D07FA71","renderContextTable":{"__isSmartRef__":true,"id":2908},"eventHandler":{"__isSmartRef__":true,"id":2909},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2910},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2912},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2913},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2914},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2839":{"submorphs":[{"__isSmartRef__":true,"id":2840},{"__isSmartRef__":true,"id":2857}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2873},"derivationIds":[null],"id":"B582E250-EC94-478A-81E5-7CA829D55586","renderContextTable":{"__isSmartRef__":true,"id":2878},"eventHandler":{"__isSmartRef__":true,"id":2879},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2880},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":95},"propertyList":["x","y","width","height","__SourceModuleName__"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_Padding","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2840},"text":{"__isSmartRef__":true,"id":2857},"owner":{"__isSmartRef__":true,"id":2838},"_Position":{"__isSmartRef__":true,"id":2881},"priorExtent":{"__isSmartRef__":true,"id":2882},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2883},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2840":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2841},"derivationIds":[null],"id":"A6B022EB-9C39-42B1-9580-2E529D848384","renderContextTable":{"__isSmartRef__":true,"id":2847},"eventHandler":{"__isSmartRef__":true,"id":2848},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2849},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2839},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2850},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2841":{"_Position":{"__isSmartRef__":true,"id":2842},"renderContextTable":{"__isSmartRef__":true,"id":2843},"_Extent":{"__isSmartRef__":true,"id":2844},"_Padding":{"__isSmartRef__":true,"id":2845},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2846},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2842":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2843":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2844":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2845":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2846":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2847":{"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"},"2848":{"morph":{"__isSmartRef__":true,"id":2840},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2849":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2850":{"toggle":{"__isSmartRef__":true,"id":2851},"toggleExpansion":{"__isSmartRef__":true,"id":2854}},"2851":{"varMapping":{"__isSmartRef__":true,"id":2852},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2853},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2852":{"this":{"__isSmartRef__":true,"id":2840}},"2853":{},"2854":{"varMapping":{"__isSmartRef__":true,"id":2855},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2856},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2855":{"this":{"__isSmartRef__":true,"id":2840}},"2856":{},"2857":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2858},"derivationIds":[null],"id":"40FD93C3-C383-4C81-A5E4-B3F266C92561","renderContextTable":{"__isSmartRef__":true,"id":2862},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2863},{"__isSmartRef__":true,"id":2865}],"eventHandler":{"__isSmartRef__":true,"id":2867},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2868},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2839},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2869},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2858":{"_Position":{"__isSmartRef__":true,"id":2859},"renderContextTable":{"__isSmartRef__":true,"id":2860},"_Extent":{"__isSmartRef__":true,"id":2861},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2859":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2860":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2861":{"x":129,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2862":{"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","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"},"2863":{"style":{"__isSmartRef__":true,"id":2864},"chunkOwner":{"__isSmartRef__":true,"id":2857},"storedString":"_Padding","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2864":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2865":{"style":{"__isSmartRef__":true,"id":2866},"chunkOwner":{"__isSmartRef__":true,"id":2857},"storedString":": Rectangle","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2866":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2867":{"morph":{"__isSmartRef__":true,"id":2857},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2868":{"x":142.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2869":{"layoutText":{"__isSmartRef__":true,"id":2870}},"2870":{"varMapping":{"__isSmartRef__":true,"id":2871},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2872},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2871":{"this":{"__isSmartRef__":true,"id":2857}},"2872":{},"2873":{"_Position":{"__isSmartRef__":true,"id":2874},"renderContextTable":{"__isSmartRef__":true,"id":2875},"_Extent":{"__isSmartRef__":true,"id":2876},"_Padding":{"__isSmartRef__":true,"id":2877},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2874":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2875":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2876":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2877":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2878":{"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"},"2879":{"morph":{"__isSmartRef__":true,"id":2839},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2880":{"resizeWidth":true},"2881":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2882":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2883":{"updateExpanderColor":{"__isSmartRef__":true,"id":2884},"onMouseDown":{"__isSmartRef__":true,"id":2887},"isRoot":{"__isSmartRef__":true,"id":2894},"displayValue":{"__isSmartRef__":true,"id":2897},"update":{"__isSmartRef__":true,"id":2900}},"2884":{"varMapping":{"__isSmartRef__":true,"id":2885},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2886},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2885":{"this":{"__isSmartRef__":true,"id":2839}},"2886":{},"2887":{"varMapping":{"__isSmartRef__":true,"id":2888},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2893},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2888":{"this":{"__isSmartRef__":true,"id":2839},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2889}},"2889":{"$super":{"__isSmartRef__":true,"id":2890}},"2890":{"varMapping":{"__isSmartRef__":true,"id":2891},"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":2892},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2891":{"obj":{"__isSmartRef__":true,"id":2839},"name":"onMouseDown"},"2892":{},"2893":{},"2894":{"varMapping":{"__isSmartRef__":true,"id":2895},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2896},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2895":{"this":{"__isSmartRef__":true,"id":2839}},"2896":{},"2897":{"varMapping":{"__isSmartRef__":true,"id":2898},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2899},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2898":{"this":{"__isSmartRef__":true,"id":2839}},"2899":{},"2900":{"varMapping":{"__isSmartRef__":true,"id":2901},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2902},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2901":{"this":{"__isSmartRef__":true,"id":2839}},"2902":{},"2903":{"_Position":{"__isSmartRef__":true,"id":2904},"renderContextTable":{"__isSmartRef__":true,"id":2905},"_Extent":{"__isSmartRef__":true,"id":2906},"_Padding":{"__isSmartRef__":true,"id":2907},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2904":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2905":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2906":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2907":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2908":{"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"},"2909":{"morph":{"__isSmartRef__":true,"id":2838},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2910":{"layouter":{"__isSmartRef__":true,"id":2911},"resizeWidth":true},"2911":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2838},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2912":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2913":{"x":0,"y":100,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2914":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2915}},"2915":{"varMapping":{"__isSmartRef__":true,"id":2916},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2921},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2916":{"this":{"__isSmartRef__":true,"id":2838},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2917}},"2917":{"$super":{"__isSmartRef__":true,"id":2918}},"2918":{"varMapping":{"__isSmartRef__":true,"id":2919},"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":2920},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2919":{"obj":{"__isSmartRef__":true,"id":2838},"name":"getLayoutableSubmorphs"},"2920":{},"2921":{},"2922":{"submorphs":[{"__isSmartRef__":true,"id":2923}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2987},"derivationIds":[null],"id":"8221D41B-5E81-432F-B7A2-26764062256D","renderContextTable":{"__isSmartRef__":true,"id":2992},"eventHandler":{"__isSmartRef__":true,"id":2993},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2994},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":2996},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":2997},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2998},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2923":{"submorphs":[{"__isSmartRef__":true,"id":2924},{"__isSmartRef__":true,"id":2941}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2957},"derivationIds":[null],"id":"E8506F53-2B47-427A-9ADE-61095F27EA1A","renderContextTable":{"__isSmartRef__":true,"id":2962},"eventHandler":{"__isSmartRef__":true,"id":2963},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2964},"grabbingEnabled":false,"draggingEnabled":false,"data":"Global.lively.morphic.Shapes","propertyList":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"__SourceModuleName__","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":2924},"text":{"__isSmartRef__":true,"id":2941},"owner":{"__isSmartRef__":true,"id":2922},"_Position":{"__isSmartRef__":true,"id":2965},"priorExtent":{"__isSmartRef__":true,"id":2966},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2967},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2924":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2925},"derivationIds":[null],"id":"0844250D-2ECC-42E8-A1F3-8E071AC11A19","renderContextTable":{"__isSmartRef__":true,"id":2931},"eventHandler":{"__isSmartRef__":true,"id":2932},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2933},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2923},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2934},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2925":{"_Position":{"__isSmartRef__":true,"id":2926},"renderContextTable":{"__isSmartRef__":true,"id":2927},"_Extent":{"__isSmartRef__":true,"id":2928},"_Padding":{"__isSmartRef__":true,"id":2929},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":2930},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2926":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2927":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2928":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2929":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2930":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2931":{"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"},"2932":{"morph":{"__isSmartRef__":true,"id":2924},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2933":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2934":{"toggle":{"__isSmartRef__":true,"id":2935},"toggleExpansion":{"__isSmartRef__":true,"id":2938}},"2935":{"varMapping":{"__isSmartRef__":true,"id":2936},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2937},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2936":{"this":{"__isSmartRef__":true,"id":2924}},"2937":{},"2938":{"varMapping":{"__isSmartRef__":true,"id":2939},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":2940},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2939":{"this":{"__isSmartRef__":true,"id":2924}},"2940":{},"2941":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2942},"derivationIds":[null],"id":"7EA37083-17C4-4657-83BD-BAF4811B2B94","renderContextTable":{"__isSmartRef__":true,"id":2946},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2947},{"__isSmartRef__":true,"id":2949}],"eventHandler":{"__isSmartRef__":true,"id":2951},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":2952},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2923},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2953},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2942":{"_Position":{"__isSmartRef__":true,"id":2943},"renderContextTable":{"__isSmartRef__":true,"id":2944},"_Extent":{"__isSmartRef__":true,"id":2945},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2943":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2944":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2945":{"x":331,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2946":{"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","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"},"2947":{"style":{"__isSmartRef__":true,"id":2948},"chunkOwner":{"__isSmartRef__":true,"id":2941},"storedString":"__SourceModuleName__","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2948":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2949":{"style":{"__isSmartRef__":true,"id":2950},"chunkOwner":{"__isSmartRef__":true,"id":2941},"storedString":": Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2950":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2951":{"morph":{"__isSmartRef__":true,"id":2941},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2952":{"x":375,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2953":{"layoutText":{"__isSmartRef__":true,"id":2954}},"2954":{"varMapping":{"__isSmartRef__":true,"id":2955},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":2956},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2955":{"this":{"__isSmartRef__":true,"id":2941}},"2956":{},"2957":{"_Position":{"__isSmartRef__":true,"id":2958},"renderContextTable":{"__isSmartRef__":true,"id":2959},"_Extent":{"__isSmartRef__":true,"id":2960},"_Padding":{"__isSmartRef__":true,"id":2961},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2958":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2959":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2960":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2961":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2962":{"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"},"2963":{"morph":{"__isSmartRef__":true,"id":2923},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2964":{"resizeWidth":true},"2965":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2966":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2967":{"updateExpanderColor":{"__isSmartRef__":true,"id":2968},"onMouseDown":{"__isSmartRef__":true,"id":2971},"isRoot":{"__isSmartRef__":true,"id":2978},"displayValue":{"__isSmartRef__":true,"id":2981},"update":{"__isSmartRef__":true,"id":2984}},"2968":{"varMapping":{"__isSmartRef__":true,"id":2969},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":2970},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2969":{"this":{"__isSmartRef__":true,"id":2923}},"2970":{},"2971":{"varMapping":{"__isSmartRef__":true,"id":2972},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2977},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2972":{"this":{"__isSmartRef__":true,"id":2923},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2973}},"2973":{"$super":{"__isSmartRef__":true,"id":2974}},"2974":{"varMapping":{"__isSmartRef__":true,"id":2975},"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":2976},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2975":{"obj":{"__isSmartRef__":true,"id":2923},"name":"onMouseDown"},"2976":{},"2977":{},"2978":{"varMapping":{"__isSmartRef__":true,"id":2979},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2980},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2979":{"this":{"__isSmartRef__":true,"id":2923}},"2980":{},"2981":{"varMapping":{"__isSmartRef__":true,"id":2982},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":2983},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2982":{"this":{"__isSmartRef__":true,"id":2923}},"2983":{},"2984":{"varMapping":{"__isSmartRef__":true,"id":2985},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":2986},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2985":{"this":{"__isSmartRef__":true,"id":2923}},"2986":{},"2987":{"_Position":{"__isSmartRef__":true,"id":2988},"renderContextTable":{"__isSmartRef__":true,"id":2989},"_Extent":{"__isSmartRef__":true,"id":2990},"_Padding":{"__isSmartRef__":true,"id":2991},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2988":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2989":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"2990":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2991":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2992":{"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"},"2993":{"morph":{"__isSmartRef__":true,"id":2922},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2994":{"layouter":{"__isSmartRef__":true,"id":2995},"resizeWidth":true},"2995":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2922},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2996":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2997":{"x":0,"y":80,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2998":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2999}},"2999":{"varMapping":{"__isSmartRef__":true,"id":3000},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3005},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3000":{"this":{"__isSmartRef__":true,"id":2922},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3001}},"3001":{"$super":{"__isSmartRef__":true,"id":3002}},"3002":{"varMapping":{"__isSmartRef__":true,"id":3003},"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":3004},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3003":{"obj":{"__isSmartRef__":true,"id":2922},"name":"getLayoutableSubmorphs"},"3004":{},"3005":{},"3006":{"submorphs":[{"__isSmartRef__":true,"id":3007}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3070},"derivationIds":[null],"id":"5FDAC0D0-C462-4625-A95B-939E99845140","renderContextTable":{"__isSmartRef__":true,"id":3075},"eventHandler":{"__isSmartRef__":true,"id":3076},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3077},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3079},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":3080},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3081},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3007":{"submorphs":[{"__isSmartRef__":true,"id":3008},{"__isSmartRef__":true,"id":3024}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3040},"derivationIds":[null],"id":"98604BE8-A19C-45EA-870A-2A825FD07BCB","renderContextTable":{"__isSmartRef__":true,"id":3045},"eventHandler":{"__isSmartRef__":true,"id":3046},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3047},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":686},"propertyList":["morphNode","shapeNode","originNode"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"_renderContext","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":3008},"text":{"__isSmartRef__":true,"id":3024},"owner":{"__isSmartRef__":true,"id":3006},"_Position":{"__isSmartRef__":true,"id":3048},"priorExtent":{"__isSmartRef__":true,"id":3049},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3050},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3008":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3009},"derivationIds":[null],"id":"1AE11A2C-E565-4E3B-9BFC-2F85B516B072","renderContextTable":{"__isSmartRef__":true,"id":3014},"eventHandler":{"__isSmartRef__":true,"id":3015},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3016},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3007},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3017},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3009":{"_Position":{"__isSmartRef__":true,"id":3010},"renderContextTable":{"__isSmartRef__":true,"id":3011},"_Extent":{"__isSmartRef__":true,"id":3012},"_Padding":{"__isSmartRef__":true,"id":3013},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3010":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3011":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3012":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3013":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3014":{"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"},"3015":{"morph":{"__isSmartRef__":true,"id":3008},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3016":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3017":{"toggle":{"__isSmartRef__":true,"id":3018},"toggleExpansion":{"__isSmartRef__":true,"id":3021}},"3018":{"varMapping":{"__isSmartRef__":true,"id":3019},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3020},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3019":{"this":{"__isSmartRef__":true,"id":3008}},"3020":{},"3021":{"varMapping":{"__isSmartRef__":true,"id":3022},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":3023},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3022":{"this":{"__isSmartRef__":true,"id":3008}},"3023":{},"3024":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3025},"derivationIds":[null],"id":"9CECA5C6-99FE-415C-9C29-3E56495C2694","renderContextTable":{"__isSmartRef__":true,"id":3029},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3030},{"__isSmartRef__":true,"id":3032}],"eventHandler":{"__isSmartRef__":true,"id":3034},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":3035},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3007},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3036},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3025":{"_Position":{"__isSmartRef__":true,"id":3026},"renderContextTable":{"__isSmartRef__":true,"id":3027},"_Extent":{"__isSmartRef__":true,"id":3028},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3026":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3027":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3028":{"x":217.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3029":{"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","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"},"3030":{"style":{"__isSmartRef__":true,"id":3031},"chunkOwner":{"__isSmartRef__":true,"id":3024},"storedString":"_renderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3031":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3032":{"style":{"__isSmartRef__":true,"id":3033},"chunkOwner":{"__isSmartRef__":true,"id":3024},"storedString":": RenderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3033":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3034":{"morph":{"__isSmartRef__":true,"id":3024},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3035":{"x":193,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3036":{"layoutText":{"__isSmartRef__":true,"id":3037}},"3037":{"varMapping":{"__isSmartRef__":true,"id":3038},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":3039},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3038":{"this":{"__isSmartRef__":true,"id":3024}},"3039":{},"3040":{"_Position":{"__isSmartRef__":true,"id":3041},"renderContextTable":{"__isSmartRef__":true,"id":3042},"_Extent":{"__isSmartRef__":true,"id":3043},"_Padding":{"__isSmartRef__":true,"id":3044},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3041":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3042":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3043":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3044":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3045":{"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"},"3046":{"morph":{"__isSmartRef__":true,"id":3007},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3047":{"resizeWidth":true},"3048":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3049":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3050":{"updateExpanderColor":{"__isSmartRef__":true,"id":3051},"onMouseDown":{"__isSmartRef__":true,"id":3054},"isRoot":{"__isSmartRef__":true,"id":3061},"displayValue":{"__isSmartRef__":true,"id":3064},"update":{"__isSmartRef__":true,"id":3067}},"3051":{"varMapping":{"__isSmartRef__":true,"id":3052},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3053},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3052":{"this":{"__isSmartRef__":true,"id":3007}},"3053":{},"3054":{"varMapping":{"__isSmartRef__":true,"id":3055},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3060},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3055":{"this":{"__isSmartRef__":true,"id":3007},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3056}},"3056":{"$super":{"__isSmartRef__":true,"id":3057}},"3057":{"varMapping":{"__isSmartRef__":true,"id":3058},"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":3059},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3058":{"obj":{"__isSmartRef__":true,"id":3007},"name":"onMouseDown"},"3059":{},"3060":{},"3061":{"varMapping":{"__isSmartRef__":true,"id":3062},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3063},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3062":{"this":{"__isSmartRef__":true,"id":3007}},"3063":{},"3064":{"varMapping":{"__isSmartRef__":true,"id":3065},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3066},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3065":{"this":{"__isSmartRef__":true,"id":3007}},"3066":{},"3067":{"varMapping":{"__isSmartRef__":true,"id":3068},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3069},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3068":{"this":{"__isSmartRef__":true,"id":3007}},"3069":{},"3070":{"_Position":{"__isSmartRef__":true,"id":3071},"renderContextTable":{"__isSmartRef__":true,"id":3072},"_Extent":{"__isSmartRef__":true,"id":3073},"_Padding":{"__isSmartRef__":true,"id":3074},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3071":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3072":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3073":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3074":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3075":{"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"},"3076":{"morph":{"__isSmartRef__":true,"id":3006},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3077":{"layouter":{"__isSmartRef__":true,"id":3078},"resizeWidth":true},"3078":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3006},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3079":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3080":{"x":0,"y":60,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3081":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3082}},"3082":{"varMapping":{"__isSmartRef__":true,"id":3083},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3088},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3083":{"this":{"__isSmartRef__":true,"id":3006},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3084}},"3084":{"$super":{"__isSmartRef__":true,"id":3085}},"3085":{"varMapping":{"__isSmartRef__":true,"id":3086},"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":3087},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3086":{"obj":{"__isSmartRef__":true,"id":3006},"name":"getLayoutableSubmorphs"},"3087":{},"3088":{},"3089":{"submorphs":[{"__isSmartRef__":true,"id":3090}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3154},"derivationIds":[null],"id":"76737C62-AB00-4DE0-812F-5FEE69C541D9","renderContextTable":{"__isSmartRef__":true,"id":3159},"eventHandler":{"__isSmartRef__":true,"id":3160},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3161},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3163},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":3164},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3165},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3090":{"submorphs":[{"__isSmartRef__":true,"id":3091},{"__isSmartRef__":true,"id":3108}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3124},"derivationIds":[null],"id":"70DEC82B-059B-4C33-84AE-237A58EB4B54","renderContextTable":{"__isSmartRef__":true,"id":3129},"eventHandler":{"__isSmartRef__":true,"id":3130},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3131},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":90},"propertyList":["x","y","__SourceModuleName__"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"position","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":3091},"text":{"__isSmartRef__":true,"id":3108},"owner":{"__isSmartRef__":true,"id":3089},"_Position":{"__isSmartRef__":true,"id":3132},"priorExtent":{"__isSmartRef__":true,"id":3133},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3134},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3091":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3092},"derivationIds":[null],"id":"89C9C1CC-B905-4175-B22B-BB336F0E1EA7","renderContextTable":{"__isSmartRef__":true,"id":3098},"eventHandler":{"__isSmartRef__":true,"id":3099},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3100},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3090},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3101},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3092":{"_Position":{"__isSmartRef__":true,"id":3093},"renderContextTable":{"__isSmartRef__":true,"id":3094},"_Extent":{"__isSmartRef__":true,"id":3095},"_Padding":{"__isSmartRef__":true,"id":3096},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":3097},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3093":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3094":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3095":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3096":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3097":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3098":{"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"},"3099":{"morph":{"__isSmartRef__":true,"id":3091},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3100":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3101":{"toggle":{"__isSmartRef__":true,"id":3102},"toggleExpansion":{"__isSmartRef__":true,"id":3105}},"3102":{"varMapping":{"__isSmartRef__":true,"id":3103},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3104},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3103":{"this":{"__isSmartRef__":true,"id":3091}},"3104":{},"3105":{"varMapping":{"__isSmartRef__":true,"id":3106},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":3107},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3106":{"this":{"__isSmartRef__":true,"id":3091}},"3107":{},"3108":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3109},"derivationIds":[null],"id":"F5B6C711-7AF4-4B3B-BFE6-E069025A44C6","renderContextTable":{"__isSmartRef__":true,"id":3113},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3114},{"__isSmartRef__":true,"id":3116}],"eventHandler":{"__isSmartRef__":true,"id":3118},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":3119},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3090},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3120},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3109":{"_Position":{"__isSmartRef__":true,"id":3110},"renderContextTable":{"__isSmartRef__":true,"id":3111},"_Extent":{"__isSmartRef__":true,"id":3112},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3110":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3111":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3112":{"x":91,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3113":{"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","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"},"3114":{"style":{"__isSmartRef__":true,"id":3115},"chunkOwner":{"__isSmartRef__":true,"id":3108},"storedString":"position","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3115":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3116":{"style":{"__isSmartRef__":true,"id":3117},"chunkOwner":{"__isSmartRef__":true,"id":3108},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3117":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3118":{"morph":{"__isSmartRef__":true,"id":3108},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3119":{"x":112.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3120":{"layoutText":{"__isSmartRef__":true,"id":3121}},"3121":{"varMapping":{"__isSmartRef__":true,"id":3122},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":3123},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3122":{"this":{"__isSmartRef__":true,"id":3108}},"3123":{},"3124":{"_Position":{"__isSmartRef__":true,"id":3125},"renderContextTable":{"__isSmartRef__":true,"id":3126},"_Extent":{"__isSmartRef__":true,"id":3127},"_Padding":{"__isSmartRef__":true,"id":3128},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3125":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3126":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3127":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3128":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3129":{"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"},"3130":{"morph":{"__isSmartRef__":true,"id":3090},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3131":{"resizeWidth":true},"3132":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3133":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3134":{"updateExpanderColor":{"__isSmartRef__":true,"id":3135},"onMouseDown":{"__isSmartRef__":true,"id":3138},"isRoot":{"__isSmartRef__":true,"id":3145},"displayValue":{"__isSmartRef__":true,"id":3148},"update":{"__isSmartRef__":true,"id":3151}},"3135":{"varMapping":{"__isSmartRef__":true,"id":3136},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3137},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3136":{"this":{"__isSmartRef__":true,"id":3090}},"3137":{},"3138":{"varMapping":{"__isSmartRef__":true,"id":3139},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3144},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3139":{"this":{"__isSmartRef__":true,"id":3090},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3140}},"3140":{"$super":{"__isSmartRef__":true,"id":3141}},"3141":{"varMapping":{"__isSmartRef__":true,"id":3142},"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":3143},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3142":{"obj":{"__isSmartRef__":true,"id":3090},"name":"onMouseDown"},"3143":{},"3144":{},"3145":{"varMapping":{"__isSmartRef__":true,"id":3146},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3147},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3146":{"this":{"__isSmartRef__":true,"id":3090}},"3147":{},"3148":{"varMapping":{"__isSmartRef__":true,"id":3149},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3150},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3149":{"this":{"__isSmartRef__":true,"id":3090}},"3150":{},"3151":{"varMapping":{"__isSmartRef__":true,"id":3152},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3153},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3152":{"this":{"__isSmartRef__":true,"id":3090}},"3153":{},"3154":{"_Position":{"__isSmartRef__":true,"id":3155},"renderContextTable":{"__isSmartRef__":true,"id":3156},"_Extent":{"__isSmartRef__":true,"id":3157},"_Padding":{"__isSmartRef__":true,"id":3158},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3155":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3156":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3157":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3158":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3159":{"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"},"3160":{"morph":{"__isSmartRef__":true,"id":3089},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3161":{"layouter":{"__isSmartRef__":true,"id":3162},"resizeWidth":true},"3162":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3089},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3163":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3164":{"x":0,"y":40,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3165":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3166}},"3166":{"varMapping":{"__isSmartRef__":true,"id":3167},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3172},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3167":{"this":{"__isSmartRef__":true,"id":3089},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3168}},"3168":{"$super":{"__isSmartRef__":true,"id":3169}},"3169":{"varMapping":{"__isSmartRef__":true,"id":3170},"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":3171},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3170":{"obj":{"__isSmartRef__":true,"id":3089},"name":"getLayoutableSubmorphs"},"3171":{},"3172":{},"3173":{"submorphs":[{"__isSmartRef__":true,"id":3174}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3238},"derivationIds":[null],"id":"3C0FD053-5209-4891-AE17-2F6FE09EEE66","renderContextTable":{"__isSmartRef__":true,"id":3243},"eventHandler":{"__isSmartRef__":true,"id":3244},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3245},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3247},"owner":{"__isSmartRef__":true,"id":2250},"_Position":{"__isSmartRef__":true,"id":3248},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3249},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3174":{"submorphs":[{"__isSmartRef__":true,"id":3175},{"__isSmartRef__":true,"id":3192}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3208},"derivationIds":[null],"id":"CA050288-B5B4-4CA6-818D-A2F984503928","renderContextTable":{"__isSmartRef__":true,"id":3213},"eventHandler":{"__isSmartRef__":true,"id":3214},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3215},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":94},"propertyList":["init","appendShape","setPosition","setExtent","setPadding","setFill","setBorderColor","setBorderWidth","setStrokeOpacity","setBorderRadius","setBorderStyle","setOpacity"],"level":2,"treeView":{"__isSmartRef__":true,"id":120},"label":"renderContextTable","children":[],"parent":{"__isSmartRef__":true,"id":2156},"expander":{"__isSmartRef__":true,"id":3175},"text":{"__isSmartRef__":true,"id":3192},"owner":{"__isSmartRef__":true,"id":3173},"_Position":{"__isSmartRef__":true,"id":3216},"priorExtent":{"__isSmartRef__":true,"id":3217},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3218},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3175":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3176},"derivationIds":[null],"id":"7EBF89CE-C705-43BC-9489-87A558E6F361","renderContextTable":{"__isSmartRef__":true,"id":3182},"eventHandler":{"__isSmartRef__":true,"id":3183},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3184},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3174},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3185},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3176":{"_Position":{"__isSmartRef__":true,"id":3177},"renderContextTable":{"__isSmartRef__":true,"id":3178},"_Extent":{"__isSmartRef__":true,"id":3179},"_Padding":{"__isSmartRef__":true,"id":3180},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":3181},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3177":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3178":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3179":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3180":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3181":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3182":{"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"},"3183":{"morph":{"__isSmartRef__":true,"id":3175},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3184":{"x":28,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3185":{"toggle":{"__isSmartRef__":true,"id":3186},"toggleExpansion":{"__isSmartRef__":true,"id":3189}},"3186":{"varMapping":{"__isSmartRef__":true,"id":3187},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3188},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3187":{"this":{"__isSmartRef__":true,"id":3175}},"3188":{},"3189":{"varMapping":{"__isSmartRef__":true,"id":3190},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":3191},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3190":{"this":{"__isSmartRef__":true,"id":3175}},"3191":{},"3192":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3193},"derivationIds":[null],"id":"CB3DEB99-4229-4E88-86C3-85176FEF57D5","renderContextTable":{"__isSmartRef__":true,"id":3197},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3198},{"__isSmartRef__":true,"id":3200}],"eventHandler":{"__isSmartRef__":true,"id":3202},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":3203},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3174},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3204},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3193":{"_Position":{"__isSmartRef__":true,"id":3194},"renderContextTable":{"__isSmartRef__":true,"id":3195},"_Extent":{"__isSmartRef__":true,"id":3196},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3194":{"x":38,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3195":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3196":{"x":150,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3197":{"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","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"},"3198":{"style":{"__isSmartRef__":true,"id":3199},"chunkOwner":{"__isSmartRef__":true,"id":3192},"storedString":"renderContextTable","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3199":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3200":{"style":{"__isSmartRef__":true,"id":3201},"chunkOwner":{"__isSmartRef__":true,"id":3192},"storedString":": {...}","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3201":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3202":{"morph":{"__isSmartRef__":true,"id":3192},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3203":{"x":187.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3204":{"layoutText":{"__isSmartRef__":true,"id":3205}},"3205":{"varMapping":{"__isSmartRef__":true,"id":3206},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":3207},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3206":{"this":{"__isSmartRef__":true,"id":3192}},"3207":{},"3208":{"_Position":{"__isSmartRef__":true,"id":3209},"renderContextTable":{"__isSmartRef__":true,"id":3210},"_Extent":{"__isSmartRef__":true,"id":3211},"_Padding":{"__isSmartRef__":true,"id":3212},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3209":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3210":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3211":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3212":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3213":{"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"},"3214":{"morph":{"__isSmartRef__":true,"id":3174},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3215":{"resizeWidth":true},"3216":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3217":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3218":{"updateExpanderColor":{"__isSmartRef__":true,"id":3219},"onMouseDown":{"__isSmartRef__":true,"id":3222},"isRoot":{"__isSmartRef__":true,"id":3229},"displayValue":{"__isSmartRef__":true,"id":3232},"update":{"__isSmartRef__":true,"id":3235}},"3219":{"varMapping":{"__isSmartRef__":true,"id":3220},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3221},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3220":{"this":{"__isSmartRef__":true,"id":3174}},"3221":{},"3222":{"varMapping":{"__isSmartRef__":true,"id":3223},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3228},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3223":{"this":{"__isSmartRef__":true,"id":3174},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3224}},"3224":{"$super":{"__isSmartRef__":true,"id":3225}},"3225":{"varMapping":{"__isSmartRef__":true,"id":3226},"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":3227},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3226":{"obj":{"__isSmartRef__":true,"id":3174},"name":"onMouseDown"},"3227":{},"3228":{},"3229":{"varMapping":{"__isSmartRef__":true,"id":3230},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3231},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3230":{"this":{"__isSmartRef__":true,"id":3174}},"3231":{},"3232":{"varMapping":{"__isSmartRef__":true,"id":3233},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3234},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3233":{"this":{"__isSmartRef__":true,"id":3174}},"3234":{},"3235":{"varMapping":{"__isSmartRef__":true,"id":3236},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3237},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3236":{"this":{"__isSmartRef__":true,"id":3174}},"3237":{},"3238":{"_Position":{"__isSmartRef__":true,"id":3239},"renderContextTable":{"__isSmartRef__":true,"id":3240},"_Extent":{"__isSmartRef__":true,"id":3241},"_Padding":{"__isSmartRef__":true,"id":3242},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3239":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3240":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3241":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3242":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3243":{"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"},"3244":{"morph":{"__isSmartRef__":true,"id":3173},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3245":{"layouter":{"__isSmartRef__":true,"id":3246},"resizeWidth":true},"3246":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3173},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3247":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3248":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3249":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3250}},"3250":{"varMapping":{"__isSmartRef__":true,"id":3251},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3256},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3251":{"this":{"__isSmartRef__":true,"id":3173},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3252}},"3252":{"$super":{"__isSmartRef__":true,"id":3253}},"3253":{"varMapping":{"__isSmartRef__":true,"id":3254},"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":3255},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3254":{"obj":{"__isSmartRef__":true,"id":3173},"name":"getLayoutableSubmorphs"},"3255":{},"3256":{},"3257":{"_Position":{"__isSmartRef__":true,"id":3258},"renderContextTable":{"__isSmartRef__":true,"id":3259},"_Extent":{"__isSmartRef__":true,"id":3260},"_Padding":{"__isSmartRef__":true,"id":3261},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3258":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3259":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3260":{"x":100,"y":260,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3261":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3262":{"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"},"3263":{"morph":{"__isSmartRef__":true,"id":2250},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3264":{"layouter":{"__isSmartRef__":true,"id":3265},"resizeWidth":true},"3265":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2250},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3266":{"x":100,"y":260,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3267":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3268":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3269},"addTreeNodesForProperties":{"__isSmartRef__":true,"id":3276}},"3269":{"varMapping":{"__isSmartRef__":true,"id":3270},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3275},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3270":{"this":{"__isSmartRef__":true,"id":2250},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3271}},"3271":{"$super":{"__isSmartRef__":true,"id":3272}},"3272":{"varMapping":{"__isSmartRef__":true,"id":3273},"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":3274},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3273":{"obj":{"__isSmartRef__":true,"id":2250},"name":"getLayoutableSubmorphs"},"3274":{},"3275":{},"3276":{"varMapping":{"__isSmartRef__":true,"id":3277},"source":"function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3278},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3277":{"this":{"__isSmartRef__":true,"id":2250}},"3278":{},"3279":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3280":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3281}},"3281":{"varMapping":{"__isSmartRef__":true,"id":3282},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3287},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3282":{"this":{"__isSmartRef__":true,"id":2239},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3283}},"3283":{"$super":{"__isSmartRef__":true,"id":3284}},"3284":{"varMapping":{"__isSmartRef__":true,"id":3285},"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":3286},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3285":{"obj":{"__isSmartRef__":true,"id":2239},"name":"getLayoutableSubmorphs"},"3286":{},"3287":{},"3288":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3289":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3290":{"updateExpanderColor":{"__isSmartRef__":true,"id":3291},"onMouseDown":{"__isSmartRef__":true,"id":3294},"isRoot":{"__isSmartRef__":true,"id":3301},"displayValue":{"__isSmartRef__":true,"id":3304},"update":{"__isSmartRef__":true,"id":3307}},"3291":{"varMapping":{"__isSmartRef__":true,"id":3292},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3293},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3292":{"this":{"__isSmartRef__":true,"id":2197}},"3293":{},"3294":{"varMapping":{"__isSmartRef__":true,"id":3295},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3300},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3295":{"this":{"__isSmartRef__":true,"id":2197},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3296}},"3296":{"$super":{"__isSmartRef__":true,"id":3297}},"3297":{"varMapping":{"__isSmartRef__":true,"id":3298},"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":3299},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3298":{"obj":{"__isSmartRef__":true,"id":2197},"name":"onMouseDown"},"3299":{},"3300":{},"3301":{"varMapping":{"__isSmartRef__":true,"id":3302},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3303},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3302":{"this":{"__isSmartRef__":true,"id":2197}},"3303":{},"3304":{"varMapping":{"__isSmartRef__":true,"id":3305},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3306},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3305":{"this":{"__isSmartRef__":true,"id":2197}},"3306":{},"3307":{"varMapping":{"__isSmartRef__":true,"id":3308},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3309},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3308":{"this":{"__isSmartRef__":true,"id":2197}},"3309":{},"3310":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3311":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3312":{"updateExpanderColor":{"__isSmartRef__":true,"id":3313},"onMouseDown":{"__isSmartRef__":true,"id":3316},"isRoot":{"__isSmartRef__":true,"id":3323},"displayValue":{"__isSmartRef__":true,"id":3326},"update":{"__isSmartRef__":true,"id":3329}},"3313":{"varMapping":{"__isSmartRef__":true,"id":3314},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3315},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3314":{"this":{"__isSmartRef__":true,"id":2156}},"3315":{},"3316":{"varMapping":{"__isSmartRef__":true,"id":3317},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3322},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3317":{"this":{"__isSmartRef__":true,"id":2156},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3318}},"3318":{"$super":{"__isSmartRef__":true,"id":3319}},"3319":{"varMapping":{"__isSmartRef__":true,"id":3320},"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":3321},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3320":{"obj":{"__isSmartRef__":true,"id":2156},"name":"onMouseDown"},"3321":{},"3322":{},"3323":{"varMapping":{"__isSmartRef__":true,"id":3324},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3325},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3324":{"this":{"__isSmartRef__":true,"id":2156}},"3325":{},"3326":{"varMapping":{"__isSmartRef__":true,"id":3327},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3328},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3327":{"this":{"__isSmartRef__":true,"id":2156}},"3328":{},"3329":{"varMapping":{"__isSmartRef__":true,"id":3330},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3331},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3330":{"this":{"__isSmartRef__":true,"id":2156}},"3331":{},"3332":{"_Position":{"__isSmartRef__":true,"id":3333},"renderContextTable":{"__isSmartRef__":true,"id":3334},"_Extent":{"__isSmartRef__":true,"id":3335},"_Padding":{"__isSmartRef__":true,"id":3336},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3333":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3334":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3335":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3336":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3337":{"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"},"3338":{"morph":{"__isSmartRef__":true,"id":2155},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3339":{"layouter":{"__isSmartRef__":true,"id":3340},"resizeWidth":true},"3340":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2155},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3341":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3342":{"x":0,"y":60,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3343":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3344}},"3344":{"varMapping":{"__isSmartRef__":true,"id":3345},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3350},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3345":{"this":{"__isSmartRef__":true,"id":2155},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3346}},"3346":{"$super":{"__isSmartRef__":true,"id":3347}},"3347":{"varMapping":{"__isSmartRef__":true,"id":3348},"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":3349},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3348":{"obj":{"__isSmartRef__":true,"id":2155},"name":"getLayoutableSubmorphs"},"3349":{},"3350":{},"3351":{"submorphs":[{"__isSmartRef__":true,"id":3352}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3416},"derivationIds":[null],"id":"7C52052E-4463-444C-9AA9-9DBBD5D0C31A","renderContextTable":{"__isSmartRef__":true,"id":3421},"eventHandler":{"__isSmartRef__":true,"id":3422},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3423},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3425},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":3426},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3427},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3352":{"submorphs":[{"__isSmartRef__":true,"id":3353},{"__isSmartRef__":true,"id":3370}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3386},"derivationIds":[null],"id":"24ED35DB-048C-4B6D-A318-53240752E96E","renderContextTable":{"__isSmartRef__":true,"id":3391},"eventHandler":{"__isSmartRef__":true,"id":3392},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3393},"grabbingEnabled":false,"draggingEnabled":false,"data":false,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"showsHalos","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":3353},"text":{"__isSmartRef__":true,"id":3370},"owner":{"__isSmartRef__":true,"id":3351},"_Position":{"__isSmartRef__":true,"id":3394},"priorExtent":{"__isSmartRef__":true,"id":3395},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3396},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3353":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3354},"derivationIds":[null],"id":"F0091639-66BC-4723-BCE8-8F26E1C9D715","renderContextTable":{"__isSmartRef__":true,"id":3360},"eventHandler":{"__isSmartRef__":true,"id":3361},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3362},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3352},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3363},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3354":{"_Position":{"__isSmartRef__":true,"id":3355},"renderContextTable":{"__isSmartRef__":true,"id":3356},"_Extent":{"__isSmartRef__":true,"id":3357},"_Padding":{"__isSmartRef__":true,"id":3358},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":3359},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3355":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3356":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3357":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3358":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3359":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3360":{"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"},"3361":{"morph":{"__isSmartRef__":true,"id":3353},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3362":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3363":{"toggle":{"__isSmartRef__":true,"id":3364},"toggleExpansion":{"__isSmartRef__":true,"id":3367}},"3364":{"varMapping":{"__isSmartRef__":true,"id":3365},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3366},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3365":{"this":{"__isSmartRef__":true,"id":3353}},"3366":{},"3367":{"varMapping":{"__isSmartRef__":true,"id":3368},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":3369},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3368":{"this":{"__isSmartRef__":true,"id":3353}},"3369":{},"3370":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3371},"derivationIds":[null],"id":"BB7D6CC1-1FC4-4219-A486-2859ED8C5B7C","renderContextTable":{"__isSmartRef__":true,"id":3375},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3376},{"__isSmartRef__":true,"id":3378}],"eventHandler":{"__isSmartRef__":true,"id":3380},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":3381},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3352},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3382},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3371":{"_Position":{"__isSmartRef__":true,"id":3372},"renderContextTable":{"__isSmartRef__":true,"id":3373},"_Extent":{"__isSmartRef__":true,"id":3374},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3372":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3373":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3374":{"x":127.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3375":{"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","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"},"3376":{"style":{"__isSmartRef__":true,"id":3377},"chunkOwner":{"__isSmartRef__":true,"id":3370},"storedString":"showsHalos","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3377":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3378":{"style":{"__isSmartRef__":true,"id":3379},"chunkOwner":{"__isSmartRef__":true,"id":3370},"storedString":": false","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3379":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3380":{"morph":{"__isSmartRef__":true,"id":3370},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3381":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3382":{"layoutText":{"__isSmartRef__":true,"id":3383}},"3383":{"varMapping":{"__isSmartRef__":true,"id":3384},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":3385},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3384":{"this":{"__isSmartRef__":true,"id":3370}},"3385":{},"3386":{"_Position":{"__isSmartRef__":true,"id":3387},"renderContextTable":{"__isSmartRef__":true,"id":3388},"_Extent":{"__isSmartRef__":true,"id":3389},"_Padding":{"__isSmartRef__":true,"id":3390},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3387":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3388":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3389":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3390":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3391":{"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"},"3392":{"morph":{"__isSmartRef__":true,"id":3352},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3393":{"resizeWidth":true},"3394":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3395":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3396":{"updateExpanderColor":{"__isSmartRef__":true,"id":3397},"onMouseDown":{"__isSmartRef__":true,"id":3400},"isRoot":{"__isSmartRef__":true,"id":3407},"displayValue":{"__isSmartRef__":true,"id":3410},"update":{"__isSmartRef__":true,"id":3413}},"3397":{"varMapping":{"__isSmartRef__":true,"id":3398},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3399},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3398":{"this":{"__isSmartRef__":true,"id":3352}},"3399":{},"3400":{"varMapping":{"__isSmartRef__":true,"id":3401},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3406},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3401":{"this":{"__isSmartRef__":true,"id":3352},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3402}},"3402":{"$super":{"__isSmartRef__":true,"id":3403}},"3403":{"varMapping":{"__isSmartRef__":true,"id":3404},"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":3405},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3404":{"obj":{"__isSmartRef__":true,"id":3352},"name":"onMouseDown"},"3405":{},"3406":{},"3407":{"varMapping":{"__isSmartRef__":true,"id":3408},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3409},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3408":{"this":{"__isSmartRef__":true,"id":3352}},"3409":{},"3410":{"varMapping":{"__isSmartRef__":true,"id":3411},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3412},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3411":{"this":{"__isSmartRef__":true,"id":3352}},"3412":{},"3413":{"varMapping":{"__isSmartRef__":true,"id":3414},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3415},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3414":{"this":{"__isSmartRef__":true,"id":3352}},"3415":{},"3416":{"_Position":{"__isSmartRef__":true,"id":3417},"renderContextTable":{"__isSmartRef__":true,"id":3418},"_Extent":{"__isSmartRef__":true,"id":3419},"_Padding":{"__isSmartRef__":true,"id":3420},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3417":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3418":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3419":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3420":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3421":{"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"},"3422":{"morph":{"__isSmartRef__":true,"id":3351},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3423":{"layouter":{"__isSmartRef__":true,"id":3424},"resizeWidth":true},"3424":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3351},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3425":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3426":{"x":0,"y":40,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3427":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3428}},"3428":{"varMapping":{"__isSmartRef__":true,"id":3429},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3434},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3429":{"this":{"__isSmartRef__":true,"id":3351},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3430}},"3430":{"$super":{"__isSmartRef__":true,"id":3431}},"3431":{"varMapping":{"__isSmartRef__":true,"id":3432},"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":3433},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3432":{"obj":{"__isSmartRef__":true,"id":3351},"name":"getLayoutableSubmorphs"},"3433":{},"3434":{},"3435":{"submorphs":[{"__isSmartRef__":true,"id":3436}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3499},"derivationIds":[null],"id":"97783432-06B0-4FA4-ACEF-2F4AB72CA87F","renderContextTable":{"__isSmartRef__":true,"id":3504},"eventHandler":{"__isSmartRef__":true,"id":3505},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3506},"isInLayoutCycle":false,"priorExtent":{"__isSmartRef__":true,"id":3508},"owner":{"__isSmartRef__":true,"id":223},"_Position":{"__isSmartRef__":true,"id":3509},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3510},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3436":{"submorphs":[{"__isSmartRef__":true,"id":3437},{"__isSmartRef__":true,"id":3453}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3469},"derivationIds":[null],"id":"4B7C7578-1396-48B9-A501-B9EB359837FC","renderContextTable":{"__isSmartRef__":true,"id":3474},"eventHandler":{"__isSmartRef__":true,"id":3475},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3476},"grabbingEnabled":false,"draggingEnabled":false,"data":[{"__isSmartRef__":true,"id":2},{"__isSmartRef__":true,"id":31},{"__isSmartRef__":true,"id":60}],"propertyList":["0","1","2"],"level":1,"treeView":{"__isSmartRef__":true,"id":120},"label":"submorphs","children":[],"parent":{"__isSmartRef__":true,"id":123},"expander":{"__isSmartRef__":true,"id":3437},"text":{"__isSmartRef__":true,"id":3453},"owner":{"__isSmartRef__":true,"id":3435},"_Position":{"__isSmartRef__":true,"id":3477},"priorExtent":{"__isSmartRef__":true,"id":3478},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3479},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3437":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3438},"derivationIds":[null],"id":"8E7338D8-87D8-4DC4-88D9-E9ABFAFB8377","renderContextTable":{"__isSmartRef__":true,"id":3443},"eventHandler":{"__isSmartRef__":true,"id":3444},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3445},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3436},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3446},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3438":{"_Position":{"__isSmartRef__":true,"id":3439},"renderContextTable":{"__isSmartRef__":true,"id":3440},"_Extent":{"__isSmartRef__":true,"id":3441},"_Padding":{"__isSmartRef__":true,"id":3442},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":130},"_Fill":{"__isSmartRef__":true,"id":131},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3439":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3440":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3441":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3442":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3443":{"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"},"3444":{"morph":{"__isSmartRef__":true,"id":3437},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3445":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3446":{"toggle":{"__isSmartRef__":true,"id":3447},"toggleExpansion":{"__isSmartRef__":true,"id":3450}},"3447":{"varMapping":{"__isSmartRef__":true,"id":3448},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3449},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3448":{"this":{"__isSmartRef__":true,"id":3437}},"3449":{},"3450":{"varMapping":{"__isSmartRef__":true,"id":3451},"source":"function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n }","funcProperties":{"__isSmartRef__":true,"id":3452},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3451":{"this":{"__isSmartRef__":true,"id":3437}},"3452":{},"3453":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3454},"derivationIds":[null],"id":"438A1F6D-0808-47DB-8D26-3FB5C70F515E","renderContextTable":{"__isSmartRef__":true,"id":3458},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3459},{"__isSmartRef__":true,"id":3461}],"eventHandler":{"__isSmartRef__":true,"id":3463},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"_MaxTextWidth":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":3464},"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3436},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3465},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3454":{"_Position":{"__isSmartRef__":true,"id":3455},"renderContextTable":{"__isSmartRef__":true,"id":3456},"_Extent":{"__isSmartRef__":true,"id":3457},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3455":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3456":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3457":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3458":{"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","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"},"3459":{"style":{"__isSmartRef__":true,"id":3460},"chunkOwner":{"__isSmartRef__":true,"id":3453},"storedString":"submorphs","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3460":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3461":{"style":{"__isSmartRef__":true,"id":3462},"chunkOwner":{"__isSmartRef__":true,"id":3453},"storedString":": [...]","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3462":{"color":{"__isSmartRef__":true,"id":155},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3463":{"morph":{"__isSmartRef__":true,"id":3453},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3464":{"x":120,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3465":{"layoutText":{"__isSmartRef__":true,"id":3466}},"3466":{"varMapping":{"__isSmartRef__":true,"id":3467},"source":"function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n }","funcProperties":{"__isSmartRef__":true,"id":3468},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3467":{"this":{"__isSmartRef__":true,"id":3453}},"3468":{},"3469":{"_Position":{"__isSmartRef__":true,"id":3470},"renderContextTable":{"__isSmartRef__":true,"id":3471},"_Extent":{"__isSmartRef__":true,"id":3472},"_Padding":{"__isSmartRef__":true,"id":3473},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3470":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3471":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3472":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3473":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3474":{"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"},"3475":{"morph":{"__isSmartRef__":true,"id":3436},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3476":{"resizeWidth":true},"3477":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3478":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3479":{"updateExpanderColor":{"__isSmartRef__":true,"id":3480},"onMouseDown":{"__isSmartRef__":true,"id":3483},"isRoot":{"__isSmartRef__":true,"id":3490},"displayValue":{"__isSmartRef__":true,"id":3493},"update":{"__isSmartRef__":true,"id":3496}},"3480":{"varMapping":{"__isSmartRef__":true,"id":3481},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3482},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3481":{"this":{"__isSmartRef__":true,"id":3436}},"3482":{},"3483":{"varMapping":{"__isSmartRef__":true,"id":3484},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3489},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3484":{"this":{"__isSmartRef__":true,"id":3436},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3485}},"3485":{"$super":{"__isSmartRef__":true,"id":3486}},"3486":{"varMapping":{"__isSmartRef__":true,"id":3487},"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":3488},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3487":{"obj":{"__isSmartRef__":true,"id":3436},"name":"onMouseDown"},"3488":{},"3489":{},"3490":{"varMapping":{"__isSmartRef__":true,"id":3491},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3492},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3491":{"this":{"__isSmartRef__":true,"id":3436}},"3492":{},"3493":{"varMapping":{"__isSmartRef__":true,"id":3494},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3495},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3494":{"this":{"__isSmartRef__":true,"id":3436}},"3495":{},"3496":{"varMapping":{"__isSmartRef__":true,"id":3497},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3498},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3497":{"this":{"__isSmartRef__":true,"id":3436}},"3498":{},"3499":{"_Position":{"__isSmartRef__":true,"id":3500},"renderContextTable":{"__isSmartRef__":true,"id":3501},"_Extent":{"__isSmartRef__":true,"id":3502},"_Padding":{"__isSmartRef__":true,"id":3503},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3500":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3501":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3502":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3503":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3504":{"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"},"3505":{"morph":{"__isSmartRef__":true,"id":3435},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3506":{"layouter":{"__isSmartRef__":true,"id":3507},"resizeWidth":true},"3507":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3435},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3508":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3509":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3510":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3511}},"3511":{"varMapping":{"__isSmartRef__":true,"id":3512},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3517},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3512":{"this":{"__isSmartRef__":true,"id":3435},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3513}},"3513":{"$super":{"__isSmartRef__":true,"id":3514}},"3514":{"varMapping":{"__isSmartRef__":true,"id":3515},"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":3516},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3515":{"obj":{"__isSmartRef__":true,"id":3435},"name":"getLayoutableSubmorphs"},"3516":{},"3517":{},"3518":{"_Position":{"__isSmartRef__":true,"id":3519},"renderContextTable":{"__isSmartRef__":true,"id":3520},"_Extent":{"__isSmartRef__":true,"id":3521},"_Padding":{"__isSmartRef__":true,"id":3522},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3519":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3520":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3521":{"x":100,"y":540,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3522":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3523":{"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"},"3524":{"morph":{"__isSmartRef__":true,"id":223},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3525":{"layouter":{"__isSmartRef__":true,"id":3526},"resizeWidth":true},"3526":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":223},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3527":{"x":100,"y":540,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3528":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3529":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3530},"addTreeNodesForProperties":{"__isSmartRef__":true,"id":3537}},"3530":{"varMapping":{"__isSmartRef__":true,"id":3531},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3536},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3531":{"this":{"__isSmartRef__":true,"id":223},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3532}},"3532":{"$super":{"__isSmartRef__":true,"id":3533}},"3533":{"varMapping":{"__isSmartRef__":true,"id":3534},"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":3535},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3534":{"obj":{"__isSmartRef__":true,"id":223},"name":"getLayoutableSubmorphs"},"3535":{},"3536":{},"3537":{"varMapping":{"__isSmartRef__":true,"id":3538},"source":"function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3539},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3538":{"this":{"__isSmartRef__":true,"id":223}},"3539":{},"3540":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3541":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3542}},"3542":{"varMapping":{"__isSmartRef__":true,"id":3543},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3548},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3543":{"this":{"__isSmartRef__":true,"id":212},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3544}},"3544":{"$super":{"__isSmartRef__":true,"id":3545}},"3545":{"varMapping":{"__isSmartRef__":true,"id":3546},"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":3547},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3546":{"obj":{"__isSmartRef__":true,"id":212},"name":"getLayoutableSubmorphs"},"3547":{},"3548":{},"3549":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3550":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3551":{"updateExpanderColor":{"__isSmartRef__":true,"id":3552},"onMouseDown":{"__isSmartRef__":true,"id":3555},"isRoot":{"__isSmartRef__":true,"id":3562},"displayValue":{"__isSmartRef__":true,"id":3565},"update":{"__isSmartRef__":true,"id":3568}},"3552":{"varMapping":{"__isSmartRef__":true,"id":3553},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3554},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3553":{"this":{"__isSmartRef__":true,"id":170}},"3554":{},"3555":{"varMapping":{"__isSmartRef__":true,"id":3556},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3561},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3556":{"this":{"__isSmartRef__":true,"id":170},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3557}},"3557":{"$super":{"__isSmartRef__":true,"id":3558}},"3558":{"varMapping":{"__isSmartRef__":true,"id":3559},"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":3560},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3559":{"obj":{"__isSmartRef__":true,"id":170},"name":"onMouseDown"},"3560":{},"3561":{},"3562":{"varMapping":{"__isSmartRef__":true,"id":3563},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3564},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3563":{"this":{"__isSmartRef__":true,"id":170}},"3564":{},"3565":{"varMapping":{"__isSmartRef__":true,"id":3566},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3567},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3566":{"this":{"__isSmartRef__":true,"id":170}},"3567":{},"3568":{"varMapping":{"__isSmartRef__":true,"id":3569},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3570},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3569":{"this":{"__isSmartRef__":true,"id":170}},"3570":{},"3571":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3572":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3573":{"updateExpanderColor":{"__isSmartRef__":true,"id":3574},"onMouseDown":{"__isSmartRef__":true,"id":3577},"isRoot":{"__isSmartRef__":true,"id":3584},"displayValue":{"__isSmartRef__":true,"id":3587},"update":{"__isSmartRef__":true,"id":3590}},"3574":{"varMapping":{"__isSmartRef__":true,"id":3575},"source":"function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n }","funcProperties":{"__isSmartRef__":true,"id":3576},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3575":{"this":{"__isSmartRef__":true,"id":123}},"3576":{},"3577":{"varMapping":{"__isSmartRef__":true,"id":3578},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3583},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3578":{"this":{"__isSmartRef__":true,"id":123},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3579}},"3579":{"$super":{"__isSmartRef__":true,"id":3580}},"3580":{"varMapping":{"__isSmartRef__":true,"id":3581},"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":3582},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3581":{"obj":{"__isSmartRef__":true,"id":123},"name":"onMouseDown"},"3582":{},"3583":{},"3584":{"varMapping":{"__isSmartRef__":true,"id":3585},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3586},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3585":{"this":{"__isSmartRef__":true,"id":123}},"3586":{},"3587":{"varMapping":{"__isSmartRef__":true,"id":3588},"source":"function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n }","funcProperties":{"__isSmartRef__":true,"id":3589},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3588":{"this":{"__isSmartRef__":true,"id":123}},"3589":{},"3590":{"varMapping":{"__isSmartRef__":true,"id":3591},"source":"function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n }","funcProperties":{"__isSmartRef__":true,"id":3592},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3591":{"this":{"__isSmartRef__":true,"id":123}},"3592":{},"3593":{"_Position":{"__isSmartRef__":true,"id":3594},"renderContextTable":{"__isSmartRef__":true,"id":3595},"_Extent":{"__isSmartRef__":true,"id":3596},"_Padding":{"__isSmartRef__":true,"id":3597},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3594":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3595":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3596":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3597":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3598":{"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"},"3599":{"morph":{"__isSmartRef__":true,"id":122},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3600":{"layouter":{"__isSmartRef__":true,"id":3601},"resizeWidth":true},"3601":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":122},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3602":{"x":100,"y":560,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3603":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3604}},"3604":{"varMapping":{"__isSmartRef__":true,"id":3605},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3610},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3605":{"this":{"__isSmartRef__":true,"id":122},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3606}},"3606":{"$super":{"__isSmartRef__":true,"id":3607}},"3607":{"varMapping":{"__isSmartRef__":true,"id":3608},"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":3609},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3608":{"obj":{"__isSmartRef__":true,"id":122},"name":"getLayoutableSubmorphs"},"3609":{},"3610":{},"3611":{"_Position":{"__isSmartRef__":true,"id":3612},"renderContextTable":{"__isSmartRef__":true,"id":3613},"_Extent":{"__isSmartRef__":true,"id":3614},"_Padding":{"__isSmartRef__":true,"id":3615},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3612":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3613":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3614":{"x":436.8398611920343,"y":260.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3615":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3616":{"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"},"3617":{"morph":{"__isSmartRef__":true,"id":121},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3618":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3619":{"resizeWidth":true,"resizeHeight":true},"3620":{"x":437.8398611920343,"y":260.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3621":{"setClipModeHTML":{"__isSmartRef__":true,"id":3622}},"3622":{"varMapping":{"__isSmartRef__":true,"id":3623},"source":"function setClipModeHTML(ctx, modeString) {\n $super(ctx, modeString);\n ctx.morphNode.style['overflow-x'] = 'hidden';\n }","funcProperties":{"__isSmartRef__":true,"id":3628},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3623":{"this":{"__isSmartRef__":true,"id":121},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3624}},"3624":{"$super":{"__isSmartRef__":true,"id":3625}},"3625":{"varMapping":{"__isSmartRef__":true,"id":3626},"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":3627},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3626":{"obj":{"__isSmartRef__":true,"id":121},"name":"setClipModeHTML"},"3627":{},"3628":{},"3629":{"target":{"__isSmartRef__":true,"id":120},"selector":"update","args":[],"stopped":false,"tickTime":500,"currentTimeout":9417,"suspended":false,"__LivelyClassName__":"lively.morphic.TargetScript","__SourceModuleName__":"Global.lively.morphic.Core"},"3630":{"position":{"__isSmartRef__":true,"id":3631},"_Extent":{"__isSmartRef__":true,"id":3632},"_BorderWidth":1.9240000000000002,"_BorderColor":{"__isSmartRef__":true,"id":3633},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":3634},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3635},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3631":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3632":{"x":456.8398611920343,"y":280.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3633":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3634":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3635":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3636":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3637":{"partsSpaceName":"PartsBin/Inputs/","__SourceModuleName__":"Global.lively.PartsBin","comment":"A tree view morph. You can visualize a graph of object data with it (for example).","migrationLevel":4,"partName":"TreeView","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"3638":{"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"},"3639":{"morph":{"__isSmartRef__":true,"id":120},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3640":{"x":457.8398611920343,"y":280.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3641":{"layouter":{"__isSmartRef__":true,"id":3642},"resizeWidth":true,"resizeHeight":true,"moveVertical":false,"moveHorizontal":false,"adjustForNewBounds":true},"3642":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":10,"spacing":15,"container":{"__isSmartRef__":true,"id":120},"__SourceModuleName__":"Global.lively.morphic.Layout","__LivelyClassName__":"lively.morphic.Layout.VerticalLayout"},"3643":{"x":164.35052570087606,"y":-15.96995493992489,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3644":{"border":{"__isSmartRef__":true,"id":130},"contractedExpander":{"__isSmartRef__":true,"id":131},"expandedExpander":{"__isSmartRef__":true,"id":1240},"focusedText":{"__isSmartRef__":true,"id":149},"emphasizedText":{"__isSmartRef__":true,"id":155}},"3645":{"size":10},"3646":{"wrapperExtent":{"__isSmartRef__":true,"id":3647},"expanderExtent":{"__isSmartRef__":true,"id":3648},"expanderOffset":{"__isSmartRef__":true,"id":3649},"textOffset":{"__isSmartRef__":true,"id":3650},"levelIndent":10,"maxTextWidth":500},"3647":{"x":0,"y":0,"width":100,"height":18,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3648":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3649":{"x":8,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3650":{"x":18,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3651":{"renderTree":{"__isSmartRef__":true,"id":3652},"createTreeNode":{"__isSmartRef__":true,"id":3656},"createTreeWrapper":{"__isSmartRef__":true,"id":3660},"reset":{"__isSmartRef__":true,"id":3664},"createTreeNodeMorph":{"__isSmartRef__":true,"id":3668},"createExpanderButton":{"__isSmartRef__":true,"id":3672},"createPropertyText":{"__isSmartRef__":true,"id":3676},"createScrollClip":{"__isSmartRef__":true,"id":3680},"resetDefaults":{"__isSmartRef__":true,"id":3684},"addScriptsToTreeNode":{"__isSmartRef__":true,"id":3688},"addScriptsToExpander":{"__isSmartRef__":true,"id":3691},"getDisplayStringFor":{"__isSmartRef__":true,"id":3694},"update":{"__isSmartRef__":true,"id":3698},"addScriptsToText":{"__isSmartRef__":true,"id":3702},"toggleAll":{"__isSmartRef__":true,"id":3706}},"3652":{"varMapping":{"__isSmartRef__":true,"id":3653},"source":"function renderTree(data) {\n this.rootNode = this.createTreeNode('Properties', data);\n this.addMorph(this.rootNode);\n   \n var wrapper = this.createTreeWrapper(this.rootNode);\n var scroll = this.createScrollClip(wrapper);\n\n this.addMorph(scroll);\n\n this.startStepping(500/*ms*/, 'update'); \n}","funcProperties":{"__isSmartRef__":true,"id":3654},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3653":{"this":{"__isSmartRef__":true,"id":120}},"3654":{"timestamp":{"__isSmartRef__":true,"id":3655},"user":"lauritz","tags":[]},"3655":{"isSerializedDate":true,"string":"Fri Jan 27 2012 02:23:33 GMT+0100 (CET)"},"3656":{"varMapping":{"__isSmartRef__":true,"id":3657},"source":"function createTreeNode(label, data, level, parent) {\n level = level || 0;\n\n // create morph / layout\n var treeNode = this.createTreeNodeMorph(data, level);\n\n // add scripts\n this.addScriptsToTreeNode(treeNode);\n\n // initialization\n treeNode.data = data;\n treeNode.propertyList = [].pushAll(Properties.own(treeNode.data));\n treeNode.level = level;\n treeNode.treeView = this;\n treeNode.label = label;\n treeNode.children = [];\n treeNode.parent = (parent ? parent : null);\n\n var expander = this.createExpanderButton(treeNode);\n treeNode.addMorph(expander);\n\n var text = this.createPropertyText(treeNode);\n treeNode.addMorph(text);\n\n\n return treeNode;\n}","funcProperties":{"__isSmartRef__":true,"id":3658},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3657":{"this":{"__isSmartRef__":true,"id":120}},"3658":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3659}},"3659":{"isSerializedDate":true,"string":"Mon Sep 26 2011 23:43:34 GMT+0200 (CEST)"},"3660":{"varMapping":{"__isSmartRef__":true,"id":3661},"source":"function createTreeWrapper(node) {\n\n var rectangleMorph = new lively.morphic.Shapes.Rectangle(this.sizes.wrapperExtent);\n var wrapper = new lively.morphic.Morph(rectangleMorph);\n\n wrapper.addScript(function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n });\n\n var layouter = new lively.morphic.Layout.JournalLayout(wrapper);\n var superBasicLayout = layouter.basicLayout;\n layouter.basicLayout = function(container, submorphs) {\n submorphs.sortBy = function() { return this };\n superBasicLayout.bind(layouter)(container, submorphs);\n delete submorphs.sortBy;\n };\n layouter.borderSize = 0;\n layouter.spacing = 0;\n wrapper.setLayouter(layouter);\n wrapper.layout.resizeWidth = true;\n\n if (node)\n wrapper.addMorph(node);\n\n return wrapper;\n}","funcProperties":{"__isSmartRef__":true,"id":3662},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3661":{"this":{"__isSmartRef__":true,"id":120}},"3662":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3663}},"3663":{"isSerializedDate":true,"string":"Tue Sep 20 2011 17:05:52 GMT+0200 (CEST)"},"3664":{"varMapping":{"__isSmartRef__":true,"id":3665},"source":"function reset() {\n this.removeAllMorphs();\n this.resetDefaults();\n this.rootNode = null; \n this.stopStepping();\n}","funcProperties":{"__isSmartRef__":true,"id":3666},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3665":{"this":{"__isSmartRef__":true,"id":120}},"3666":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3667}},"3667":{"isSerializedDate":true,"string":"Sat Oct 15 2011 00:41:57 GMT+0200 (CEST)"},"3668":{"varMapping":{"__isSmartRef__":true,"id":3669},"source":"function createTreeNodeMorph(data, level) {\n var treeNodeExtent = new lively.morphic.Shapes.Rectangle(pt(100, 20).extentAsRectangle());\n var treeNode = new lively.morphic.Morph(treeNodeExtent);\n\n treeNode.layout = {\n layouter: undefined,\n resizeWidth: true\n }\n treeNode.disableGrabbing();\n treeNode.disableDragging();\n\n return treeNode; \n}","funcProperties":{"__isSmartRef__":true,"id":3670},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3669":{"this":{"__isSmartRef__":true,"id":120}},"3670":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3671}},"3671":{"isSerializedDate":true,"string":"Tue Oct 25 2011 19:24:35 GMT+0200 (CEST)"},"3672":{"varMapping":{"__isSmartRef__":true,"id":3673},"source":"function createExpanderButton(treeNode) {\n\n var expanderPositionX = this.sizes.expanderOffset.x + this.sizes.levelIndent * treeNode.level;\n var expanderPosition = pt(expanderPositionX, this.sizes.expanderOffset.y);\n var expander = new lively.morphic.Box(expanderPosition.extent(this.sizes.expanderExtent));\n\n // layout\n expander.setBorderWidth(1);\n expander.setBorderColor(this.colors.border);\n expander.disableGrabbing();\n expander.disableDragging();\n treeNode.expander = expander;\n\n // add scripts\n this.addScriptsToExpander(expander);\n\n // initialization\n expander.isExpanded = false;\n treeNode.updateExpanderColor();\n\n return expander;\n}","funcProperties":{"__isSmartRef__":true,"id":3674},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3673":{"this":{"__isSmartRef__":true,"id":120}},"3674":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3675}},"3675":{"isSerializedDate":true,"string":"Mon Sep 26 2011 23:32:58 GMT+0200 (CEST)"},"3676":{"varMapping":{"__isSmartRef__":true,"id":3677},"source":"function createPropertyText(treeNode) {\n \n var textPosition = pt(this.sizes.textOffset.x + this.sizes.levelIndent * treeNode.level, this.sizes.textOffset.y);\n\n var textMorph = new lively.morphic.Text(textPosition.extent(pt(0, 0)), \"\");  \n this.addScriptsToText(textMorph);\n textMorph.layoutText(this.fonts);\n\n treeNode.text = textMorph;\n treeNode.displayValue();\n\n return textMorph;\n}","funcProperties":{"__isSmartRef__":true,"id":3678},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3677":{"this":{"__isSmartRef__":true,"id":120}},"3678":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3679}},"3679":{"isSerializedDate":true,"string":"Mon Sep 26 2011 23:18:07 GMT+0200 (CEST)"},"3680":{"varMapping":{"__isSmartRef__":true,"id":3681},"source":"function createScrollClip(wrapper) {\n var scroll = new lively.morphic.Clip(this.getExtent().extentAsRectangle());\n\n // layout\n scroll.layout = {\n resizeWidth: true,\n resizeHeight: true\n };\n scroll.disableGrabbing();\n scroll.disableDragging();\n scroll.setName('TreeViewScrollPane');\n\n scroll.addScript(function setClipModeHTML(ctx, modeString) {\n $super(ctx, modeString);\n ctx.morphNode.style['overflow-x'] = 'hidden';\n });\n\n scroll.addMorph(wrapper);\n return scroll;\n}","funcProperties":{"__isSmartRef__":true,"id":3682},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3681":{"this":{"__isSmartRef__":true,"id":120}},"3682":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3683}},"3683":{"isSerializedDate":true,"string":"Mon Sep 19 2011 19:54:00 GMT+0200 (CEST)"},"3684":{"varMapping":{"__isSmartRef__":true,"id":3685},"source":"function resetDefaults() {\n this.colors = {\n border : Color.rgb(145,145,145),\n contractedExpander : Color.rgb(145,145,145),\n expandedExpander : Color.white,\n focusedText : Color.rgb(243,243,243),\n emphasizedText : Color.rgb(145,145,145)\n };\n this.fonts = {\n size : 10\n };\n this.sizes = {\n wrapperExtent : pt(100, 18).extentAsRectangle(),\n expanderExtent : pt(8, 8),\n expanderOffset : pt(8, 5),\n textOffset : pt(18, 0),\n levelIndent : 10,\n maxTextWidth : 500\n }\n}","funcProperties":{"__isSmartRef__":true,"id":3686},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3685":{"this":{"__isSmartRef__":true,"id":120}},"3686":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3687}},"3687":{"isSerializedDate":true,"string":"Wed Sep 21 2011 19:38:04 GMT+0200 (CEST)"},"3688":{"varMapping":{"__isSmartRef__":true,"id":3689},"source":"function addScriptsToTreeNode(treeNode) {\n\n treeNode.addScript(function updateExpanderColor() {\n var colors = this.treeView.colors;\n var fillColor;\n if (this.expander.isExpanded || !(Objects.isMutableType(this.data) && Properties.own(this.data).length > 0)) { \n fillColor = colors.expandedExpander;\n } else {\n fillColor = colors.contractedExpander;\n }\n this.expander.setFill(fillColor);\n });\n\n treeNode.addScript(function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n });\n\n treeNode.addScript(function isRoot() {\n return (this.parent === null || this.parent === undefined);\n });\n\n treeNode.addScript(function displayValue() {\n // set label\n var labelString = this.treeView.getDisplayStringFor(this);\n if (labelString.length > 100) labelString = labelString.substring(0, 100) + '...';\n this.text.setTextString(labelString);\n \n // reset the bounds\n var fontSize = this.treeView.fonts.size;\n var textExtent = pt(labelString.length * fontSize * (3 / 4), fontSize * 2);\n this.text.setExtent(textExtent);\n\n // emphasize the properties current value\n this.text.emphasize({\n color: this.treeView.colors.emphasizedText,\n italics: 'italic'\n }, this.label.length, this.text.textString.length);\n });\n \n treeNode.addScript(function update() {\n \n // if actual value of the represented property changed (reference changed)\n if (this.parent && this.data !== this.parent.data[this.label]) {\n this.data = this.parent.data[this.label];\n this.displayValue();\n }\n\n if (Objects.typeStringOf(this.data) === 'String') return;\n\n // when properties have changed (same object, but other properties)\n var allProperties = Properties.own(this.data);\n var that = this;\n var allPropertiesKnown = allProperties.every(function (each) {\n return that.propertyList.indexOf(each) !== -1;\n })\n if (!allPropertiesKnown || allProperties.length !== this.propertyList.length) {\n this.updateExpanderColor();\n this.displayValue();\n\n // if expanded, redraw children\n if (this.expander.isExpanded) {\n this.expander.isExpanded = false;\n this.expander.toggle();\n }\n \n this.propertyList = allProperties;\n }\n\n if (Objects.isMutableType(this.data) && Properties.own(this.data).length > 0) {\n this.children.forEach(function (each) {\n each.update()\n });\n }\n });\n\n}","funcProperties":{"__isSmartRef__":true,"id":3690},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3689":{"this":{"__isSmartRef__":true,"id":120}},"3690":{},"3691":{"varMapping":{"__isSmartRef__":true,"id":3692},"source":"function addScriptsToExpander(expander) {\n\n expander.addScript(function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n });\n\n expander.addScript(function toggleExpansion() {\n var treeNode = this.owner;\n var treeView = treeNode.treeView;\n\n if (!this.isExpanded && Objects.isMutableType(treeNode.data) && Properties.own(treeNode.data).length > 0) {\n this.isExpanded = true;\n\n if (treeNode.childrenWrapper) {\n treeNode.childrenWrapper.setVisible(true);\n } if (treeNode.childrenWrapper && treeNode.children.length !== Properties.own(treeNode.data)) {\n treeNode.children = [];\n treeNode.childrenWrapper.removeAllMorphs();\n treeNode.childrenWrapper.addTreeNodesForProperties(treeNode);\n } else {\n if (Objects.isMutableType(treeNode.data)) {\n var wrapper = treeView.createTreeWrapper();\n\n wrapper.addScript(function addTreeNodesForProperties(treeNode) {\n var that = this;\n var props = Properties.own(treeNode.data);\n if (Objects.typeStringOf(treeNode.data) !== 'Array') props = props.sort();\n props.forEach(function(prop) {\n (function() {\n var childNode = treeNode.treeView.createTreeNode(prop, treeNode.data[prop], treeNode.level + 1, treeNode);\n treeNode.children.push(childNode);\n var nodeWrapper = treeNode.treeView.createTreeWrapper(childNode);\n that.addMorph(nodeWrapper);\n }).bind(this).delay(0); // asynchronous\n });\n });\n wrapper.addTreeNodesForProperties(treeNode);\n \n treeNode.childrenWrapper = wrapper;\n treeNode.owner.addMorph(wrapper);\n } \n }\n } else {\n this.isExpanded = false;\n treeNode.childrenWrapper && treeNode.childrenWrapper.setVisible(false);\n }\n treeNode.updateExpanderColor();\n treeNode.owner.applyLayout();\n });\n\n}","funcProperties":{"__isSmartRef__":true,"id":3693},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3692":{"this":{"__isSmartRef__":true,"id":120}},"3693":{},"3694":{"varMapping":{"__isSmartRef__":true,"id":3695},"source":"function getDisplayStringFor(treeNode) {\n var typeInfo = '';\n if (treeNode.data && treeNode.data.name) {\n typeInfo = treeNode.data.name;\n } else {\n typeInfo = (Objects.isMutableType(treeNode.data) ? \n Objects.shortPrintStringOf(treeNode.data) : treeNode.data);\n }\n return treeNode.label + \": \" + typeInfo;\n}","funcProperties":{"__isSmartRef__":true,"id":3696},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3695":{"this":{"__isSmartRef__":true,"id":120}},"3696":{"timestamp":{"__isSmartRef__":true,"id":3697},"user":"lauritz","tags":[]},"3697":{"isSerializedDate":true,"string":"Fri Jan 27 2012 02:35:06 GMT+0100 (CET)"},"3698":{"varMapping":{"__isSmartRef__":true,"id":3699},"source":"function update() {\n this.rootNode.update();\n}","funcProperties":{"__isSmartRef__":true,"id":3700},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3699":{"this":{"__isSmartRef__":true,"id":120}},"3700":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3701}},"3701":{"isSerializedDate":true,"string":"Sat Oct 15 2011 00:42:27 GMT+0200 (CEST)"},"3702":{"varMapping":{"__isSmartRef__":true,"id":3703},"source":"function addScriptsToText(textMorph) {\n\n textMorph.addScript(function layoutText(fontOptions){\n this.setFontSize(fontOptions.size);\n this.setFillOpacity(0);\n this.setBorderWidth(0);\n this.setMaxTextWidth(fontOptions.maxTextWidth);\n this.beLabel();\n this.fit();\n });\n\n}","funcProperties":{"__isSmartRef__":true,"id":3704},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3703":{"this":{"__isSmartRef__":true,"id":120}},"3704":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3705}},"3705":{"isSerializedDate":true,"string":"Mon Sep 26 2011 23:16:48 GMT+0200 (CEST)"},"3706":{"varMapping":{"__isSmartRef__":true,"id":3707},"source":"function toggleAll() {\n\n if (!this.rootNode) return;\n\n try {\n JSON.stringify(this.rootNode.data);\n } catch (e) {\n // probably a circular structure\n return;\n }\n\n var toggleChildren = function (node) {\n\n if (!node.children) return;\n\n (function() {\n node.children.forEach(function (each) {\n each.expander.toggleExpansion();\n toggleChildren(each);\n });\n }).bind(this).delay(0); // asynchronous\n }\n\n toggleChildren(this.rootNode);\n \n}","funcProperties":{"__isSmartRef__":true,"id":3708},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3707":{"this":{"__isSmartRef__":true,"id":120}},"3708":{"timestamp":{"__isSmartRef__":true,"id":3709},"user":"lauritz","tags":[]},"3709":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:58:11 GMT+0100 (CET)"},"3710":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3711},"id":"BF012C08-8153-4DE1-B602-AF095A6B2E6E","renderContextTable":{"__isSmartRef__":true,"id":3718},"textChunks":[{"__isSmartRef__":true,"id":3719}],"eventHandler":{"__isSmartRef__":true,"id":3721},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"auto","fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":true,"_FontFamily":"Helvetica","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":3722},"priorExtent":{"__isSmartRef__":true,"id":3723},"_MaxTextWidth":451.8398611920343,"_MinTextWidth":451.8398611920343,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"layout":{"__isSmartRef__":true,"id":3724},"doitContext":{"__isSmartRef__":true,"id":1},"previousSelection":[63,0],"charsReplaced":"setStyleClass(''","lastFindLoc":37,"__SourceModuleName__":"Global.lively.morphic.TextCore","prevScroll":[0,0],"isBeingDragged":false,"showsHalos":false,"name":"Workspace","owner":{"__isSmartRef__":true,"id":119},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"distanceToDragEvent":{"__isSmartRef__":true,"id":3725},"isCopyMorphRef":true,"morphRefId":1,"scriptAnnotations":{"__isSmartRef__":true,"id":3726},"lastDragTime":1317079672221,"derivationIds":[372,"3BBD270B-A828-436A-915C-D23688CF2067","D0890AA7-6E65-4B35-9600-1AD66DF96797","243534E4-AE49-45EC-9DB9-384D7DE4B994","251CC01A-7FDF-4357-9313-99DE732BDF7B","49FB5C89-127F-411D-9E7D-74274AFC6322","4BCE87D8-39F3-4B7F-A78F-10398B72A854"],"_Rotation":0,"_Scale":1,"priorSelectionRange":[63,0],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3729},"__LivelyClassName__":"lively.morphic.Text"},"3711":{"_Position":{"__isSmartRef__":true,"id":3712},"renderContextTable":{"__isSmartRef__":true,"id":3713},"_Extent":{"__isSmartRef__":true,"id":3714},"_ClipMode":"auto","_Padding":{"__isSmartRef__":true,"id":3715},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":3716},"_Fill":{"__isSmartRef__":true,"id":3717},"__SourceModuleName__":"Global.lively.morphic.Shapes","_BorderRadius":4,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3712":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3713":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3714":{"x":456.8398611920343,"y":81.00200300400502,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3715":{"x":3,"y":3,"width":-3,"height":-3,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3716":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3717":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3718":{"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","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"},"3719":{"style":{"__isSmartRef__":true,"id":3720},"chunkOwner":{"__isSmartRef__":true,"id":3710},"storedString":"this.renderContext().morphNode.setAttribute('class', 'impress')","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3720":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3721":{"morph":{"__isSmartRef__":true,"id":3710},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3722":{"x":10,"y":305.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3723":{"x":456.8398611920343,"y":81.00200300400502,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3724":{"resizeWidth":true,"resizeHeight":false,"moveVertical":true,"adjustForNewBounds":true},"3725":{"x":164.35052570087606,"y":-17.252879506132672,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3726":{"reset":{"__isSmartRef__":true,"id":3727}},"3727":{"time":{"__isSmartRef__":true,"id":3728},"user":"lauritz"},"3728":{"isSerializedDate":true,"string":"Tue Nov 15 2011 23:03:51 GMT+0100 (CET)"},"3729":{"reset":{"__isSmartRef__":true,"id":3730}},"3730":{"varMapping":{"__isSmartRef__":true,"id":3731},"source":"function reset() {\n this.doitContext = null;\n this.setTextString(\"\");\n}","funcProperties":{"__isSmartRef__":true,"id":3732},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3731":{"this":{"__isSmartRef__":true,"id":3710}},"3732":{},"3733":{"position":{"__isSmartRef__":true,"id":3734},"_Extent":{"__isSmartRef__":true,"id":3735},"_BorderWidth":1.4500000000000002,"_BorderColor":{"__isSmartRef__":true,"id":3736},"_Fill":{"__isSmartRef__":true,"id":3737},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":3738},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3739},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3734":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3735":{"x":476.8398611920343,"y":396.4718889536274,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3736":{"r":0.372,"g":0.369,"b":0.372,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3737":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3738":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3739":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3740":{"x":0,"y":20,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3741":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","comment":"A simple box morph. A really blue one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"ExplorerPane","changes":[{"__isSmartRef__":true,"id":3742}],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"3742":{"date":{"__isSmartRef__":true,"id":3743},"author":"lauritz","message":"Disabled grabbing and dragging on other submorphs as well..."},"3743":{"isSerializedDate":true,"string":"Tue Oct 25 2011 20:21:08 GMT+0200 (CEST)"},"3744":{"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"},"3745":{"morph":{"__isSmartRef__":true,"id":119},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3746":{"x":477.8398611920343,"y":396.4718889536274,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3747":{"x":212.32023310549857,"y":-12.472093186624761,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3748":{"resizeWidth":true,"resizeHeight":true,"adjustForNewBounds":true,"layouter":{"__isSmartRef__":true,"id":3749}},"3749":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":10,"spacing":15,"container":{"__isSmartRef__":true,"id":119},"__SourceModuleName__":"Global.lively.morphic.Layout","__LivelyClassName__":"lively.morphic.Layout.VerticalLayout"},"3750":{"reset":{"__isSmartRef__":true,"id":3751},"moveFocusTo":{"__isSmartRef__":true,"id":3755},"explore":{"__isSmartRef__":true,"id":3759},"toggleAll":{"__isSmartRef__":true,"id":3763}},"3751":{"varMapping":{"__isSmartRef__":true,"id":3752},"source":"function reset() {\n this.workspace.reset();\n this.treeView.reset();\n this.focusedNode = null;\n}","funcProperties":{"__isSmartRef__":true,"id":3753},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3752":{"this":{"__isSmartRef__":true,"id":119}},"3753":{"timestamp":{"__isSmartRef__":true,"id":3754},"user":"lauritz","tags":[]},"3754":{"isSerializedDate":true,"string":"Wed Sep 21 2011 01:48:08 GMT+0200 (CEST)"},"3755":{"varMapping":{"__isSmartRef__":true,"id":3756},"source":"function moveFocusTo(focusedNode) {\n\n // set workspace context\n var previouslyFocusedNode = this.focusedNode;\n this.focusedNode = focusedNode;\n this.workspace.doitContext = this.focusedNode.data;\n\n // display focus\n if (previouslyFocusedNode && previouslyFocusedNode.setFill) \n previouslyFocusedNode.text.setFill(null);\n this.focusedNode.text.setFill(this.focusedNode.treeView.colors.focusedText);\n this.focusedNode.expander.toggle();\n}","funcProperties":{"__isSmartRef__":true,"id":3757},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3756":{"this":{"__isSmartRef__":true,"id":119}},"3757":{"timestamp":{"__isSmartRef__":true,"id":3758},"user":"lauritz","tags":[]},"3758":{"isSerializedDate":true,"string":"Tue Dec 13 2011 23:21:02 GMT+0100 (CET)"},"3759":{"varMapping":{"__isSmartRef__":true,"id":3760},"source":"function explore(object) {\n this.reset();\n this.treeView.renderTree(object);\n\n this.moveFocusTo(this.treeView.rootNode);\n this.workspace.setTextString(\"this\");\n}","funcProperties":{"__isSmartRef__":true,"id":3761},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3760":{"this":{"__isSmartRef__":true,"id":119}},"3761":{"timestamp":{"__isSmartRef__":true,"id":3762},"user":"lauritz","tags":[]},"3762":{"isSerializedDate":true,"string":"Tue Dec 13 2011 23:21:07 GMT+0100 (CET)"},"3763":{"varMapping":{"__isSmartRef__":true,"id":3764},"source":"function toggleAll() {\n this.treeView.toggleAll();\n}","funcProperties":{"__isSmartRef__":true,"id":3765},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3764":{"this":{"__isSmartRef__":true,"id":119}},"3765":{"timestamp":{"__isSmartRef__":true,"id":3766},"user":"lauritz","tags":[]},"3766":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:40:54 GMT+0100 (CET)"},"3767":{"submorphs":[],"scripts":[],"id":"53F84508-A3C6-41E1-9324-091F61D5F826","shape":{"__isSmartRef__":true,"id":3768},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":3775},"showsHalos":false,"name":"ResizeCorner3","partsBinMetaInfo":{"__isSmartRef__":true,"id":3776},"__SourceModuleName__":"Global.lively.morphic.Core","__layered_draggingEnabled__":true,"dragStartPoint":null,"originalExtent":{"__isSmartRef__":true,"id":3777},"originalTargetExtent":null,"renderContextTable":{"__isSmartRef__":true,"id":3778},"eventHandler":{"__isSmartRef__":true,"id":3779},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":118},"priorExtent":{"__isSmartRef__":true,"id":3780},"distanceToDragEvent":{"__isSmartRef__":true,"id":3781},"derivationIds":[373,"EE44AF79-9BA3-4128-9A82-23CA02A35CBA","2DF62558-574F-4341-A678-C082E7B62474","0B40BDFA-37E3-4097-9157-BE8CCF94B0A1","3600D2AA-3070-493B-839E-BF41427E5A08","B8F4C02B-011E-483E-A3AB-BE57DC9B1FBE","4C05283E-F381-40A9-9AEF-6D6D233F85FF"],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3782},"__LivelyClassName__":"lively.morphic.Box"},"3768":{"position":{"__isSmartRef__":true,"id":3769},"_Extent":{"__isSmartRef__":true,"id":3770},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3771},"_Fill":{"__isSmartRef__":true,"id":3772},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":3773},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3774},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3769":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3770":{"x":10,"y":10,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3771":{"r":0.568,"g":0.568,"b":0.568,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3772":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3773":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3774":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3775":{"x":466.49672894514134,"y":406.92138184230294,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3776":{"partsSpaceName":"PartsBin/NewWorld","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":2,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"3777":{"x":239,"y":138,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3778":{"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"},"3779":{"morph":{"__isSmartRef__":true,"id":3767},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3780":{"x":10,"y":10,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3781":{"x":33.337083585580785,"y":-5.721794364406264,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3782":{"onDrag":{"__isSmartRef__":true,"id":3783},"onDragEnd":{"__isSmartRef__":true,"id":3790},"onDragStart":{"__isSmartRef__":true,"id":3797}},"3783":{"varMapping":{"__isSmartRef__":true,"id":3784},"source":"function onDrag(evt) {\n\t// alert(\"onDrag\")\n\t\tvar moveDelta = evt.mousePoint.subPt(this.dragStartPoint)\n\t\tif (evt.isShiftDown()) {\n\t\t\tvar maxDelta = Math.max(moveDelta.x, moveDelta.y);\n\t\t\tmoveDelta = pt(maxDelta, maxDelta);\n\t\t}\n\t\tthis.owner.setExtent(this.originalTargetExtent.addPt(moveDelta));\n\t\tthis.align(this.bounds().bottomRight(), this.owner.getExtent())\n}","funcProperties":{"__isSmartRef__":true,"id":3789},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3784":{"this":{"__isSmartRef__":true,"id":3767},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3785}},"3785":{"$super":{"__isSmartRef__":true,"id":3786}},"3786":{"varMapping":{"__isSmartRef__":true,"id":3787},"source":"function () {\n\t\t\t\ttry {\n\t\t\t\t\treturn obj.constructor.prototype[name].apply(obj, arguments)\n\t\t\t\t} catch(e) {\n\t\t\t\t\talert('Error in $super call: ' + e + '\\n' + e.stack);\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}","funcProperties":{"__isSmartRef__":true,"id":3788},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3787":{"obj":{"__isSmartRef__":true,"id":3767},"name":"onDrag"},"3788":{},"3789":{},"3790":{"varMapping":{"__isSmartRef__":true,"id":3791},"source":"function onDragEnd(evt) {\n\tthis.dragStartPoint = null;\n\tthis.originalTargetExtent = null;\n}","funcProperties":{"__isSmartRef__":true,"id":3796},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3791":{"this":{"__isSmartRef__":true,"id":3767},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3792}},"3792":{"$super":{"__isSmartRef__":true,"id":3793}},"3793":{"varMapping":{"__isSmartRef__":true,"id":3794},"source":"function () {\n\t\t\t\ttry {\n\t\t\t\t\treturn obj.constructor.prototype[name].apply(obj, arguments)\n\t\t\t\t} catch(e) {\n\t\t\t\t\talert('Error in $super call: ' + e + '\\n' + e.stack);\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}","funcProperties":{"__isSmartRef__":true,"id":3795},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3794":{"obj":{"__isSmartRef__":true,"id":3767},"name":"onDragEnd"},"3795":{},"3796":{},"3797":{"varMapping":{"__isSmartRef__":true,"id":3798},"source":"function onDragStart(evt) {\n\tthis.dragStartPoint = evt.mousePoint;\n\tthis.originalTargetExtent = this.owner.getExtent();\n}","funcProperties":{"__isSmartRef__":true,"id":3803},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3798":{"this":{"__isSmartRef__":true,"id":3767},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3799}},"3799":{"$super":{"__isSmartRef__":true,"id":3800}},"3800":{"varMapping":{"__isSmartRef__":true,"id":3801},"source":"function () {\n\t\t\t\ttry {\n\t\t\t\t\treturn obj.constructor.prototype[name].apply(obj, arguments)\n\t\t\t\t} catch(e) {\n\t\t\t\t\talert('Error in $super call: ' + e + '\\n' + e.stack);\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}","funcProperties":{"__isSmartRef__":true,"id":3802},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"3801":{"obj":{"__isSmartRef__":true,"id":3767},"name":"onDragStart"},"3802":{},"3803":{},"3804":{"submorphs":[{"__isSmartRef__":true,"id":3805},{"__isSmartRef__":true,"id":3819},{"__isSmartRef__":true,"id":3866},{"__isSmartRef__":true,"id":3901}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3937},"id":"BC9D4E12-51E0-43AA-A9B8-E869ED0A4FDB","renderContextTable":{"__isSmartRef__":true,"id":3948},"eventHandler":{"__isSmartRef__":true,"id":3949},"droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3950},"_Position":{"__isSmartRef__":true,"id":3951},"windowMorph":{"__isSmartRef__":true,"id":118},"label":{"__isSmartRef__":true,"id":3805},"closeButton":{"__isSmartRef__":true,"id":3819},"menuButton":{"__isSmartRef__":true,"id":3866},"collapseButton":{"__isSmartRef__":true,"id":3901},"priorExtent":{"__isSmartRef__":true,"id":3952},"owner":{"__isSmartRef__":true,"id":118},"showsHalos":false,"__SourceModuleName__":"Global.lively.morphic.Widgets","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"prevScroll":[0,0],"derivationIds":[374,"CFE848EF-BE01-4E69-BBD0-796826FDBA2C","27B1F973-A4A1-49ED-8194-15A2125092E5","1AAC1E25-BFD3-4949-82B7-CA49C7FE30CC","AAFC6ADC-565B-42D5-B95A-49BB4FAE6F07","AA057279-ADDD-4D59-9A0A-E86FD7D21BE6","8EADAC43-54B0-4FAC-AF1C-A0D8FDD9E3CA"],"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.TitleBar"},"3805":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3806},"id":"53AD7509-0F37-4AF5-A41F-94957B79BE79","renderContextTable":{"__isSmartRef__":true,"id":3812},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":3813}],"eventHandler":{"__isSmartRef__":true,"id":3815},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"isLabel":true,"_HandStyle":"default","layout":{"__isSmartRef__":true,"id":3816},"_Align":"center","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":3804},"priorExtent":{"__isSmartRef__":true,"id":3817},"_MaxTextWidth":417.49672894514134,"_MinTextWidth":417.49672894514134,"_MaxTextHeight":null,"_MinTextHeight":null,"_Position":{"__isSmartRef__":true,"id":3818},"showsHalos":false,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[375,"73673BCB-A91C-4ECA-A36D-D85A24B4F4A3","2EE1A4B9-842D-4C63-ABEA-21DC74163CEE","3F973521-D5D9-4B44-BCF8-822B923644E8","F50BD739-1DA1-4EB3-9653-7B3145EA8817","A7AE88A1-BD5C-4F03-9E65-373F047B2C25","F8F2EE4C-88F2-4D50-ABC7-1F747DC646BB"],"__LivelyClassName__":"lively.morphic.Text"},"3806":{"_Position":{"__isSmartRef__":true,"id":3807},"renderContextTable":{"__isSmartRef__":true,"id":3808},"_Extent":{"__isSmartRef__":true,"id":3809},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":3810},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3811},"_Fill":null,"_BorderRadius":0,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3807":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3808":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3809":{"x":417.49672894514134,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3810":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3811":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3812":{"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","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"},"3813":{"style":{"__isSmartRef__":true,"id":3814},"chunkOwner":{"__isSmartRef__":true,"id":3805},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"Explorer","__LivelyClassName__":"lively.morphic.TextChunk"},"3814":{"__SourceModuleName__":"Global.lively.morphic.TextCore","fontWeight":"normal","__LivelyClassName__":"lively.morphic.TextEmphasis"},"3815":{"morph":{"__isSmartRef__":true,"id":3805},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3816":{"resizeWidth":true},"3817":{"x":417.49672894514134,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3818":{"x":20,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3819":{"submorphs":[{"__isSmartRef__":true,"id":3820}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3832},"id":"9648D196-E8AC-4B32-A37E-BD88EC0BA9D7","renderContextTable":{"__isSmartRef__":true,"id":3848},"eventHandler":{"__isSmartRef__":true,"id":3849},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":3850},"priorExtent":{"__isSmartRef__":true,"id":3851},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":3838},"lighterFill":{"__isSmartRef__":true,"id":3852},"label":{"__isSmartRef__":true,"id":3820},"owner":{"__isSmartRef__":true,"id":3804},"layout":{"__isSmartRef__":true,"id":3861},"attributeConnections":[{"__isSmartRef__":true,"id":3862},{"__isSmartRef__":true,"id":3864}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","derivationIds":[376,"C3AC01F3-7977-4D0A-A42C-700DE29F8F8E","A9533421-3987-49B1-B8FE-11D3B48B77B3","EC79C6DC-0809-4378-8061-032B4DD2D496","4DB70E9E-760D-401A-9BAD-25367B78CF72","1DC03620-BC8A-47EC-978A-2036FF929A8A","B048691C-3D91-4A6E-B21D-2AF0EB3E85C7"],"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.WindowControl"},"3820":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3821},"id":"90438810-2CA4-4F09-99C5-9711E20C0073","renderContextTable":{"__isSmartRef__":true,"id":3826},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":3827}],"eventHandler":{"__isSmartRef__":true,"id":3829},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":3830},"priorExtent":{"__isSmartRef__":true,"id":3831},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":3819},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[377,"C621D837-4DB4-4C83-A8C9-1C995944A45D","BCB8C9A6-BD1A-49F5-8BDD-7C6C8BFB840C","9AA4F44C-9D66-4990-B0E2-2998FC750C65","E136552C-1013-430B-8229-122AA2720D75","D343D9D5-BB6B-471C-89FD-977D04A54C18","198CEAEE-A3BF-4CED-8D10-C86583D458D7"],"__LivelyClassName__":"lively.morphic.Text"},"3821":{"_Position":{"__isSmartRef__":true,"id":3822},"renderContextTable":{"__isSmartRef__":true,"id":3823},"_Extent":{"__isSmartRef__":true,"id":3824},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":3825},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3811},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3822":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3823":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3824":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3825":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3826":{"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","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"},"3827":{"style":{"__isSmartRef__":true,"id":3828},"chunkOwner":{"__isSmartRef__":true,"id":3820},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"X","__LivelyClassName__":"lively.morphic.TextChunk"},"3828":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"3829":{"morph":{"__isSmartRef__":true,"id":3820},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3830":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3831":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3832":{"_Position":{"__isSmartRef__":true,"id":3833},"renderContextTable":{"__isSmartRef__":true,"id":3834},"_Extent":{"__isSmartRef__":true,"id":3835},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3836},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3837},"_Fill":{"__isSmartRef__":true,"id":3838},"_StrokeOpacity":0,"_BorderRadius":5,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3833":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3834":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3835":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3836":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3837":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3838":{"stops":[{"__isSmartRef__":true,"id":3839},{"__isSmartRef__":true,"id":3841},{"__isSmartRef__":true,"id":3843},{"__isSmartRef__":true,"id":3845}],"vector":{"__isSmartRef__":true,"id":3847},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"3839":{"offset":0,"color":{"__isSmartRef__":true,"id":3840}},"3840":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3841":{"offset":0.4,"color":{"__isSmartRef__":true,"id":3842}},"3842":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3843":{"offset":0.6,"color":{"__isSmartRef__":true,"id":3844}},"3844":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3845":{"offset":1,"color":{"__isSmartRef__":true,"id":3846}},"3846":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3847":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3848":{"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"},"3849":{"morph":{"__isSmartRef__":true,"id":3819},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3850":{"x":456.49672894514134,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3851":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3852":{"stops":[{"__isSmartRef__":true,"id":3853},{"__isSmartRef__":true,"id":3855},{"__isSmartRef__":true,"id":3857},{"__isSmartRef__":true,"id":3859}],"vector":{"__isSmartRef__":true,"id":3847},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"3853":{"offset":0,"color":{"__isSmartRef__":true,"id":3854}},"3854":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3855":{"offset":0.4,"color":{"__isSmartRef__":true,"id":3856}},"3856":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3857":{"offset":0.6,"color":{"__isSmartRef__":true,"id":3858}},"3858":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3859":{"offset":1,"color":{"__isSmartRef__":true,"id":3860}},"3860":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3861":{"moveHorizontal":true},"3862":{"sourceObj":{"__isSmartRef__":true,"id":3819},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"getCloseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3863},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3863":{"source":{"__isSmartRef__":true,"id":3819},"target":{"__isSmartRef__":true,"id":118}},"3864":{"sourceObj":{"__isSmartRef__":true,"id":3819},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"initiateShutdown","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3865},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3865":{"source":{"__isSmartRef__":true,"id":3819},"target":{"__isSmartRef__":true,"id":118}},"3866":{"submorphs":[{"__isSmartRef__":true,"id":3867}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3879},"id":"21EFEF7C-3B14-4C76-998A-720EF5B77844","renderContextTable":{"__isSmartRef__":true,"id":3884},"eventHandler":{"__isSmartRef__":true,"id":3885},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":3886},"priorExtent":{"__isSmartRef__":true,"id":3887},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":3838},"lighterFill":{"__isSmartRef__":true,"id":3888},"label":{"__isSmartRef__":true,"id":3867},"owner":{"__isSmartRef__":true,"id":3804},"attributeConnections":[{"__isSmartRef__":true,"id":3897},{"__isSmartRef__":true,"id":3899}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","prevScroll":[0,0],"derivationIds":[378,"FF4FE4CA-DFFC-40C6-A1E8-32667E37F3EC","A8A6A338-D618-4672-AFA8-914FD7C2A19E","85D2A7A2-F0B5-45CD-BB83-E6F60E8B681C","535E0653-E19D-4F22-952A-34C8EDED44E9","977A1381-981C-4500-B887-78143DE21406","62DA4EDF-FBE4-4D01-834D-C3E763CF55DE"],"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.WindowControl"},"3867":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3868},"id":"F5CAD8CD-8CA7-434B-A696-6C434A05B139","renderContextTable":{"__isSmartRef__":true,"id":3873},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":3874}],"eventHandler":{"__isSmartRef__":true,"id":3876},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":3877},"priorExtent":{"__isSmartRef__":true,"id":3878},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":3866},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"prevScroll":[0,0],"derivationIds":[379,"9C08820E-6B60-44C2-9150-BD546391671F","36F5662C-375A-4549-B94E-F150DCBCE3F8","030ACD5E-7567-45E7-928D-24821846DBD3","B1DB7B8C-99F5-44D9-8312-ADD58545154E","9037A2C8-C56D-4C9B-B2B6-FFEBD4CFC0B0","353D5A24-E404-457D-93C4-BC195B094724"],"__LivelyClassName__":"lively.morphic.Text"},"3868":{"_Position":{"__isSmartRef__":true,"id":3869},"renderContextTable":{"__isSmartRef__":true,"id":3870},"_Extent":{"__isSmartRef__":true,"id":3871},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":3872},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3811},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3869":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3870":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3871":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3872":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3873":{"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","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"},"3874":{"style":{"__isSmartRef__":true,"id":3875},"chunkOwner":{"__isSmartRef__":true,"id":3867},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"M","__LivelyClassName__":"lively.morphic.TextChunk"},"3875":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"3876":{"morph":{"__isSmartRef__":true,"id":3867},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3877":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3878":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3879":{"_Position":{"__isSmartRef__":true,"id":3880},"renderContextTable":{"__isSmartRef__":true,"id":3881},"_Extent":{"__isSmartRef__":true,"id":3882},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3883},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3837},"_Fill":{"__isSmartRef__":true,"id":3838},"_StrokeOpacity":0,"_BorderRadius":5,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3880":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3881":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3882":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3883":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3884":{"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"},"3885":{"morph":{"__isSmartRef__":true,"id":3866},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3886":{"x":3,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3887":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3888":{"stops":[{"__isSmartRef__":true,"id":3889},{"__isSmartRef__":true,"id":3891},{"__isSmartRef__":true,"id":3893},{"__isSmartRef__":true,"id":3895}],"vector":{"__isSmartRef__":true,"id":3847},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"3889":{"offset":0,"color":{"__isSmartRef__":true,"id":3890}},"3890":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3891":{"offset":0.4,"color":{"__isSmartRef__":true,"id":3892}},"3892":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3893":{"offset":0.6,"color":{"__isSmartRef__":true,"id":3894}},"3894":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3895":{"offset":1,"color":{"__isSmartRef__":true,"id":3896}},"3896":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3897":{"sourceObj":{"__isSmartRef__":true,"id":3866},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"getMenuHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3898},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3898":{"source":{"__isSmartRef__":true,"id":3866},"target":{"__isSmartRef__":true,"id":118}},"3899":{"sourceObj":{"__isSmartRef__":true,"id":3866},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"showTargetMorphMenu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3900},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3900":{"source":{"__isSmartRef__":true,"id":3866},"target":{"__isSmartRef__":true,"id":118}},"3901":{"submorphs":[{"__isSmartRef__":true,"id":3902}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3914},"id":"140B3014-F1A2-4547-9616-E47FF49A1ACE","renderContextTable":{"__isSmartRef__":true,"id":3919},"eventHandler":{"__isSmartRef__":true,"id":3920},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":3921},"priorExtent":{"__isSmartRef__":true,"id":3922},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":3838},"lighterFill":{"__isSmartRef__":true,"id":3923},"label":{"__isSmartRef__":true,"id":3902},"owner":{"__isSmartRef__":true,"id":3804},"layout":{"__isSmartRef__":true,"id":3932},"attributeConnections":[{"__isSmartRef__":true,"id":3933},{"__isSmartRef__":true,"id":3935}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","derivationIds":[380,"B603C6F6-E6E9-4618-BF46-1521ADDE21FE","7D67707D-A36A-46C7-AF4E-DBA063259CD8","0CE8DB38-9500-4B3D-BA30-191E72ABDE7C","9C2B6C81-CB1C-4AD9-941A-5307CCDA74CC","27DE4ECD-BBB4-4CA2-9C13-DBE49DE7A744","B9D13F17-7AA4-44BC-AA55-FF1F6DB50D8C"],"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.WindowControl"},"3902":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3903},"id":"699113C9-A926-432B-8095-93B1EA257932","renderContextTable":{"__isSmartRef__":true,"id":3908},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":3909}],"eventHandler":{"__isSmartRef__":true,"id":3911},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":3912},"priorExtent":{"__isSmartRef__":true,"id":3913},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":3901},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[381,"B48F0AA9-A9AE-4316-865F-D969FFFD4C87","3CE2E949-41E5-4680-ADB0-8AF865F87CA7","C865C749-7005-416E-B5A2-0FB224AB308E","CAED6589-594E-438B-ADB7-264F9B9D92B0","A391E593-03B1-4FDA-B6B3-978336437357","40913CEC-D4ED-4CA1-97B2-858D96CDC1F3"],"__LivelyClassName__":"lively.morphic.Text"},"3903":{"_Position":{"__isSmartRef__":true,"id":3904},"renderContextTable":{"__isSmartRef__":true,"id":3905},"_Extent":{"__isSmartRef__":true,"id":3906},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":3907},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3811},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3904":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3905":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3906":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3907":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3908":{"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","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"},"3909":{"style":{"__isSmartRef__":true,"id":3910},"chunkOwner":{"__isSmartRef__":true,"id":3902},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"–","__LivelyClassName__":"lively.morphic.TextChunk"},"3910":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"3911":{"morph":{"__isSmartRef__":true,"id":3902},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3912":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3913":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3914":{"_Position":{"__isSmartRef__":true,"id":3915},"renderContextTable":{"__isSmartRef__":true,"id":3916},"_Extent":{"__isSmartRef__":true,"id":3917},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3918},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3837},"_Fill":{"__isSmartRef__":true,"id":3838},"_StrokeOpacity":0,"_BorderRadius":5,"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3915":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3916":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3917":{"x":17,"y":17,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3918":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3919":{"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"},"3920":{"morph":{"__isSmartRef__":true,"id":3901},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3921":{"x":437.49672894514134,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3922":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3923":{"stops":[{"__isSmartRef__":true,"id":3924},{"__isSmartRef__":true,"id":3926},{"__isSmartRef__":true,"id":3928},{"__isSmartRef__":true,"id":3930}],"vector":{"__isSmartRef__":true,"id":3847},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"3924":{"offset":0,"color":{"__isSmartRef__":true,"id":3925}},"3925":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3926":{"offset":0.4,"color":{"__isSmartRef__":true,"id":3927}},"3927":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3928":{"offset":0.6,"color":{"__isSmartRef__":true,"id":3929}},"3929":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3930":{"offset":1,"color":{"__isSmartRef__":true,"id":3931}},"3931":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3932":{"moveHorizontal":true},"3933":{"sourceObj":{"__isSmartRef__":true,"id":3901},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"getCollapseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3934},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3934":{"source":{"__isSmartRef__":true,"id":3901},"target":{"__isSmartRef__":true,"id":118}},"3935":{"sourceObj":{"__isSmartRef__":true,"id":3901},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":118},"targetMethodName":"toggleCollapse","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":3936},"__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"3936":{"source":{"__isSmartRef__":true,"id":3901},"target":{"__isSmartRef__":true,"id":118}},"3937":{"_Position":{"__isSmartRef__":true,"id":3938},"renderContextTable":{"__isSmartRef__":true,"id":3939},"_Extent":{"__isSmartRef__":true,"id":3940},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3941},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":3942},"_Fill":{"__isSmartRef__":true,"id":3943},"_StrokeOpacity":1,"_BorderRadius":"8px 8px 0px 0px","_Opacity":1,"_BorderStyle":"solid","__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3938":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3939":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3940":{"x":476.49672894514134,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3941":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3942":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"3943":{"stops":[{"__isSmartRef__":true,"id":3944},{"__isSmartRef__":true,"id":3945}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3944":{"offset":0,"color":{"__isSmartRef__":true,"id":1240}},"3945":{"offset":1,"color":{"__isSmartRef__":true,"id":3946}},"3946":{"r":0.6400000000000001,"g":0.6400000000000001,"b":0.6400000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3947":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3948":{"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"},"3949":{"morph":{"__isSmartRef__":true,"id":3804},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3950":{"resizeWidth":true,"adjustForNewBounds":true},"3951":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3952":{"x":476.49672894514134,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3953":{"renderContextTable":{"__isSmartRef__":true,"id":3954},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3955},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_Extent":{"__isSmartRef__":true,"id":3956},"__SourceModuleName__":"Global.lively.morphic.Shapes","_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3954":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"3955":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"3956":{"x":476.49672894514134,"y":416.92138184230294,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3957":{"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"},"3958":{"morph":{"__isSmartRef__":true,"id":118},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"3959":{"adjustForNewBounds":true},"3960":{"x":635.8877838765295,"y":173.07769545390755,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3961":{"x":476.49672894514134,"y":416.92138184230294,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3962":{"x":0,"y":21,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"3963":{"partsSpaceName":"PartsBin/Tools","__SourceModuleName__":"Global.lively.PartsBin","comment":"Displays object properties and provides a workspace. The workspace's context is set to the last clicked element.","migrationLevel":4,"partName":"Explorer","changes":[{"__isSmartRef__":true,"id":3964},{"__isSmartRef__":true,"id":3966},{"__isSmartRef__":true,"id":3968},{"__isSmartRef__":true,"id":3970},{"__isSmartRef__":true,"id":3972},{"__isSmartRef__":true,"id":3974},{"__isSmartRef__":true,"id":3976},{"__isSmartRef__":true,"id":3978},{"__isSmartRef__":true,"id":3980},{"__isSmartRef__":true,"id":3982},{"__isSmartRef__":true,"id":3984},{"__isSmartRef__":true,"id":3986},{"__isSmartRef__":true,"id":3988},{"__isSmartRef__":true,"id":3990},{"__isSmartRef__":true,"id":3992},{"__isSmartRef__":true,"id":3994},{"__isSmartRef__":true,"id":3996},{"__isSmartRef__":true,"id":3998},{"__isSmartRef__":true,"id":4000},{"__isSmartRef__":true,"id":4002},{"__isSmartRef__":true,"id":4004},{"__isSmartRef__":true,"id":4006}],"revisionOnLoad":148785,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"3964":{"date":{"__isSmartRef__":true,"id":3965},"author":"lauritz","message":"","id":"41FC1B0F-23FC-4454-A424-F141A1C09663"},"3965":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:46:05 GMT+0100 (CET)"},"3966":{"date":{"__isSmartRef__":true,"id":3967},"author":"lauritz","message":"added >>expandAllNodes() which can expand complete trees, but not graphs.","id":"60178F3F-BA87-45A8-BD26-CF776AC017A7"},"3967":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:33:39 GMT+0100 (CET)"},"3968":{"date":{"__isSmartRef__":true,"id":3969},"author":"lauritz","message":"decreased width a bit","id":"837B2170-C0B8-4FA1-99D3-D6A1EB465519"},"3969":{"isSerializedDate":true,"string":"Sat Dec 03 2011 00:36:19 GMT+0100 (CET)"},"3970":{"date":{"__isSmartRef__":true,"id":3971},"author":"lauritz","message":"made expanding loop asynchronous","id":"5DFF88BC-08E6-43BD-B5B1-A9E8C93C7B19"},"3971":{"isSerializedDate":true,"string":"Wed Nov 30 2011 23:23:19 GMT+0100 (CET)"},"3972":{"date":{"__isSmartRef__":true,"id":3973},"author":"lauritz","message":"corrected toggling","id":"BFC57057-2596-42D0-89A1-811C34FCF5E1"},"3973":{"isSerializedDate":true,"string":"Tue Nov 22 2011 22:44:25 GMT+0100 (CET)"},"3974":{"date":{"__isSmartRef__":true,"id":3975},"author":"lauritz","message":"set a minimal extent","id":"D1DCDCB8-84EE-48D9-8AAE-3926E9D97D30"},"3975":{"isSerializedDate":true,"string":"Tue Nov 15 2011 23:39:16 GMT+0100 (CET)"},"3976":{"date":{"__isSmartRef__":true,"id":3977},"author":"lauritz","message":"convenience preset by default: tree is expanded, workspace says \"this\"","id":"D364A417-6014-4266-8DF3-CEA313F15793"},"3977":{"isSerializedDate":true,"string":"Tue Nov 15 2011 23:18:29 GMT+0100 (CET)"},"3978":{"date":{"__isSmartRef__":true,"id":3979},"author":"lauritz","message":"Disabled grabbing and dragging on other morphs as well."},"3979":{"isSerializedDate":true,"string":"Tue Oct 25 2011 20:23:10 GMT+0200 (CEST)"},"3980":{"date":{"__isSmartRef__":true,"id":3981},"author":"lauritz","message":"Disabled dragging and grabbing on tree nodes. Those should only be clickable."},"3981":{"isSerializedDate":true,"string":"Tue Oct 25 2011 19:25:14 GMT+0200 (CEST)"},"3982":{"date":{"__isSmartRef__":true,"id":3983},"author":"lauritz","message":"Fixed a bug by adding a condition to getClassNameOf. In case an object has no constructor."},"3983":{"isSerializedDate":true,"string":"Tue Oct 25 2011 22:37:11 GMT+0200 (CEST)"},"3984":{"date":{"__isSmartRef__":true,"id":3985},"author":"jenslincke","message":"reset scales","id":"5E64592A-C360-44DD-BDAE-AD956FBA7675"},"3985":{"isSerializedDate":true,"string":"Fri Oct 28 2011 16:11:21 GMT+0200 (CEST)"},"3986":{"date":{"__isSmartRef__":true,"id":3987},"author":"jenslincke","message":"bring resize corner to front","id":"765AA8A1-AA38-433A-B800-FFF743B3B9EF"},"3987":{"isSerializedDate":true,"string":"Thu Nov 03 2011 16:10:26 GMT+0100 (CET)"},"3988":{"date":{"__isSmartRef__":true,"id":3989},"author":"lauritz","message":"layout changes","id":"F09F5196-5203-405A-8EC3-1648A100FFF5"},"3989":{"isSerializedDate":true,"string":"Fri Nov 18 2011 23:54:38 GMT+0100 (CET)"},"3990":{"date":{"__isSmartRef__":true,"id":3991},"author":"lauritz","message":"corrected the order of array elements","id":"B41E19A0-DDED-40DC-BD23-6AB94F76D76D"},"3991":{"isSerializedDate":true,"string":"Tue Nov 22 2011 23:44:29 GMT+0100 (CET)"},"3992":{"date":{"__isSmartRef__":true,"id":3993},"author":"fbo","message":"fix Date bug","id":"64EDCB63-EB39-477E-A73D-E066101A8B21"},"3993":{"isSerializedDate":true,"string":"Sat Dec 03 2011 00:07:10 GMT+0100 (CET)"},"3994":{"date":{"__isSmartRef__":true,"id":3995},"author":"lauritz","message":"significantly reduced a performance problem regarding \"long\" string properties, doesnt freeze anymore.","id":"EA85DB22-3FD3-4D13-B769-763C4483C445"},"3995":{"isSerializedDate":true,"string":"Tue Dec 06 2011 00:55:19 GMT+0100 (CET)"},"3996":{"date":{"__isSmartRef__":true,"id":3997},"author":"lauritz","message":"clicking a node no longer resets the workspace content","id":"C8AE0678-08F5-4FFB-9662-77D7120DA285"},"3997":{"isSerializedDate":true,"string":"Tue Dec 13 2011 23:22:10 GMT+0100 (CET)"},"3998":{"date":{"__isSmartRef__":true,"id":3999},"author":"lauritz","message":"renamed >>#expandAllNodes to >>#toggleAll","id":"D9931ABA-396B-4C81-9C7E-7C2712405803"},"3999":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:41:44 GMT+0100 (CET)"},"4000":{"date":{"__isSmartRef__":true,"id":4001},"author":"lauritz","message":"asynchronous >>#toggleAll, because toggling is actually asynchronous and rendering as well...","id":"3B15F99C-CFD6-41FA-9778-D2BFBBD53B8D"},"4001":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:58:54 GMT+0100 (CET)"},"4002":{"date":{"__isSmartRef__":true,"id":4003},"author":"lauritz","message":"cleaned up how all typeof stuff","id":"98CD54B3-3527-4C4C-8577-A0B7476D8718"},"4003":{"isSerializedDate":true,"string":"Fri Jan 27 2012 02:31:53 GMT+0100 (CET)"},"4004":{"date":{"__isSmartRef__":true,"id":4005},"author":"lauritz","message":"","id":"183BD443-7A32-4E3B-8F6B-96473B0C4CB7"},"4005":{"isSerializedDate":true,"string":"Fri Jan 27 2012 02:35:42 GMT+0100 (CET)"},"4006":{"date":{"__isSmartRef__":true,"id":4007},"author":"jenslincke","message":"style tweak","id":"C366B53C-40DC-445D-B882-F5F147CD349F"},"4007":{"isSerializedDate":true,"string":"Mon Jan 30 2012 14:04:58 GMT+0100 (CET)"},"4008":{"x":706,"y":245,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4009":{"x":178,"y":269,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4010":{"explore":{"__isSmartRef__":true,"id":4011},"reset":{"__isSmartRef__":true,"id":4015},"inspect":{"__isSmartRef__":true,"id":4019},"toggleAll":{"__isSmartRef__":true,"id":4023}},"4011":{"varMapping":{"__isSmartRef__":true,"id":4012},"source":"function explore(object) {\n // please see this window's pane, \"ExplorerPane\"\n this.explorer.explore(object);\n}","funcProperties":{"__isSmartRef__":true,"id":4013},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4012":{"this":{"__isSmartRef__":true,"id":118}},"4013":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4014}},"4014":{"isSerializedDate":true,"string":"Wed Sep 21 2011 19:25:04 GMT+0200 (CEST)"},"4015":{"varMapping":{"__isSmartRef__":true,"id":4016},"source":"function reset() {\n // please see this window's pane, \"ExplorerPane\"\n this.explorer.reset();\n}","funcProperties":{"__isSmartRef__":true,"id":4017},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4016":{"this":{"__isSmartRef__":true,"id":118}},"4017":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4018}},"4018":{"isSerializedDate":true,"string":"Wed Sep 21 2011 19:25:04 GMT+0200 (CEST)"},"4019":{"varMapping":{"__isSmartRef__":true,"id":4020},"source":"function inspect(object) {\n // alias for explore\n this.explore(object);\n}","funcProperties":{"__isSmartRef__":true,"id":4021},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4020":{"this":{"__isSmartRef__":true,"id":118}},"4021":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4022}},"4022":{"isSerializedDate":true,"string":"Tue Nov 15 2011 23:04:54 GMT+0100 (CET)"},"4023":{"varMapping":{"__isSmartRef__":true,"id":4024},"source":"function toggleAll() {\n this.explorer.toggleAll();\n}","funcProperties":{"__isSmartRef__":true,"id":4025},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4024":{"this":{"__isSmartRef__":true,"id":118}},"4025":{"timestamp":{"__isSmartRef__":true,"id":4026},"user":"lauritz","tags":[]},"4026":{"isSerializedDate":true,"string":"Thu Jan 05 2012 22:40:45 GMT+0100 (CET)"},"4027":{"submorphs":[{"__isSmartRef__":true,"id":4028},{"__isSmartRef__":true,"id":4063},{"__isSmartRef__":true,"id":4204}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4239},"derivationIds":[null],"id":"C379F135-7293-4788-A6D6-E86B35D4FB1B","renderContextTable":{"__isSmartRef__":true,"id":4243},"eventHandler":{"__isSmartRef__":true,"id":4244},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"draggingEnabled":true,"layout":{"__isSmartRef__":true,"id":4245},"LK2":true,"_Position":{"__isSmartRef__":true,"id":4246},"priorExtent":{"__isSmartRef__":true,"id":4247},"targetMorph":{"__isSmartRef__":true,"id":4028},"reframeHandle":{"__isSmartRef__":true,"id":4204},"titleBar":{"__isSmartRef__":true,"id":4063},"contentOffset":{"__isSmartRef__":true,"id":4059},"collapsedTransform":null,"collapsedExtent":null,"expandedTransform":null,"expandedExtent":null,"ignoreEventsOnExpand":false,"owner":{"__isSmartRef__":true,"id":0},"highlighted":true,"prevDragPos":{"__isSmartRef__":true,"id":4248},"isBeingDragged":false,"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Window","__SourceModuleName__":"Global.lively.morphic.Widgets","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"4028":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4029},"derivationIds":[null],"id":"4CAB93B6-FEC4-4968-AD5D-629F421FEC95","renderContextTable":{"__isSmartRef__":true,"id":4036},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4037},{"__isSmartRef__":true,"id":4039},{"__isSmartRef__":true,"id":4042},{"__isSmartRef__":true,"id":4045},{"__isSmartRef__":true,"id":4047},{"__isSmartRef__":true,"id":4049},{"__isSmartRef__":true,"id":4051},{"__isSmartRef__":true,"id":4053},{"__isSmartRef__":true,"id":4056}],"eventHandler":{"__isSmartRef__":true,"id":4058},"_ClipMode":"auto","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":true,"_InputAllowed":true,"allowInput":true,"_FontFamily":"Monaco,monospace","_FontSize":10,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":4027},"_Position":{"__isSmartRef__":true,"id":4059},"priorExtent":{"__isSmartRef__":true,"id":4060},"_MaxTextWidth":676,"_MinTextWidth":676,"_MaxTextHeight":null,"_MinTextHeight":null,"layout":{"__isSmartRef__":true,"id":4061},"syntaxHighlightingWhileTyping":true,"attributeConnections":[{"__isSmartRef__":true,"id":4062}],"doNotSerialize":["$$textString"],"doNotCopyProperties":["$$textString"],"textString":"url = \"http://raw.github.com/bartaz/impress.js/master/js/impress.js\"\nurl = \"http://lively-kernel.org/repository/webwerkstatt/core/lib/impress.js\"\nJSLoader.loadJs(url, undefined, true)\nJSLoader.removeAllScriptsThatLinkTo(url)\n\nimpress()\n\ncss addClass","lastSyntaxHighlightTime":1336640727970,"accessibleInInactiveWindow":true,"previousSelection":[247,239],"charsReplaced":"","lastFindLoc":235,"isBeingDragged":false,"showsHalos":false,"priorSelectionRange":[235,235],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4029":{"_Position":{"__isSmartRef__":true,"id":4030},"renderContextTable":{"__isSmartRef__":true,"id":4031},"_Extent":{"__isSmartRef__":true,"id":4032},"_Padding":{"__isSmartRef__":true,"id":4033},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4034},"_Fill":{"__isSmartRef__":true,"id":4035},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4030":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4031":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4032":{"x":686,"y":201,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4033":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4034":{"r":0.372,"g":0.369,"b":0.372,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4035":{"r":0.9529411764705882,"g":0.9529411764705882,"b":0.9529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4036":{"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","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"},"4037":{"style":{"__isSmartRef__":true,"id":4038},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"url = ","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4038":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4039":{"style":{"__isSmartRef__":true,"id":4040},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"\"http:","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4040":{"color":{"__isSmartRef__":true,"id":4041},"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4041":{"r":0,"g":0.5019607843137255,"b":0.5019607843137255,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4042":{"style":{"__isSmartRef__":true,"id":4043},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"//raw.github.com/bartaz/impress.js/master/js/impress.js\"","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4043":{"color":{"__isSmartRef__":true,"id":4044},"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4044":{"r":0,"g":0.5019607843137255,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4045":{"style":{"__isSmartRef__":true,"id":4046},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"\nurl = ","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4046":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4047":{"style":{"__isSmartRef__":true,"id":4048},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"\"http:","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4048":{"color":{"__isSmartRef__":true,"id":4041},"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4049":{"style":{"__isSmartRef__":true,"id":4050},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"//lively-kernel.org/repository/webwerkstatt/core/lib/impress.js\"","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4050":{"color":{"__isSmartRef__":true,"id":4044},"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4051":{"style":{"__isSmartRef__":true,"id":4052},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"\nJSLoader.loadJs(url, ","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4052":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4053":{"style":{"__isSmartRef__":true,"id":4054},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":"undefined","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4054":{"color":{"__isSmartRef__":true,"id":4055},"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4055":{"r":0.5019607843137255,"g":0,"b":0.5019607843137255,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4056":{"style":{"__isSmartRef__":true,"id":4057},"chunkOwner":{"__isSmartRef__":true,"id":4028},"storedString":", true)\nJSLoader.removeAllScriptsThatLinkTo(url)\n\nimpress()\n\ncss addClass","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4057":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4058":{"morph":{"__isSmartRef__":true,"id":4028},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4059":{"x":0,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4060":{"x":686,"y":201,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4061":{"resizeWidth":true,"resizeHeight":true},"4062":{"sourceObj":{"__isSmartRef__":true,"id":4028},"sourceAttrName":"textString","targetObj":{"__isSmartRef__":true,"id":4028},"targetMethodName":"highlightJavaScriptSyntax","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4063":{"submorphs":[{"__isSmartRef__":true,"id":4064},{"__isSmartRef__":true,"id":4078},{"__isSmartRef__":true,"id":4122},{"__isSmartRef__":true,"id":4155}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4189},"derivationIds":[null],"id":"9FC9F7B0-26CE-49A3-A6FB-F0005071BDBF","renderContextTable":{"__isSmartRef__":true,"id":4199},"eventHandler":{"__isSmartRef__":true,"id":4200},"_ClipMode":"visible","droppingEnabled":false,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":4201},"_Position":{"__isSmartRef__":true,"id":4202},"windowMorph":{"__isSmartRef__":true,"id":4027},"label":{"__isSmartRef__":true,"id":4064},"closeButton":{"__isSmartRef__":true,"id":4078},"menuButton":{"__isSmartRef__":true,"id":4122},"collapseButton":{"__isSmartRef__":true,"id":4155},"priorExtent":{"__isSmartRef__":true,"id":4203},"owner":{"__isSmartRef__":true,"id":4027},"__LivelyClassName__":"lively.morphic.TitleBar","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4064":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4065},"derivationIds":[null],"id":"6DA07B95-FF50-42A9-AB72-75D72699438E","renderContextTable":{"__isSmartRef__":true,"id":4070},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4071}],"eventHandler":{"__isSmartRef__":true,"id":4073},"_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":4074},"_TextColor":{"__isSmartRef__":true,"id":4075},"_Align":"center","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":4063},"_Position":{"__isSmartRef__":true,"id":4076},"priorExtent":{"__isSmartRef__":true,"id":4077},"_MaxTextWidth":627,"_MinTextWidth":627,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4065":{"_Position":{"__isSmartRef__":true,"id":4066},"renderContextTable":{"__isSmartRef__":true,"id":4067},"_Extent":{"__isSmartRef__":true,"id":4068},"_Padding":{"__isSmartRef__":true,"id":4069},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"_BorderRadius":0,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4066":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4067":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4068":{"x":627,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4069":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4070":{"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","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"},"4071":{"style":{"__isSmartRef__":true,"id":4072},"chunkOwner":{"__isSmartRef__":true,"id":4064},"storedString":"Workspace","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4072":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","fontWeight":"bold","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4073":{"morph":{"__isSmartRef__":true,"id":4064},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4074":{"resizeWidth":true},"4075":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4076":{"x":20,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4077":{"x":627,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4078":{"submorphs":[{"__isSmartRef__":true,"id":4079}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4089},"derivationIds":[null],"id":"BF6F3FF2-9656-4B59-8188-3EDAF04CAE61","renderContextTable":{"__isSmartRef__":true,"id":4104},"eventHandler":{"__isSmartRef__":true,"id":4105},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4106},"priorExtent":{"__isSmartRef__":true,"id":4107},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4095},"lighterFill":{"__isSmartRef__":true,"id":4108},"label":{"__isSmartRef__":true,"id":4079},"owner":{"__isSmartRef__":true,"id":4063},"layout":{"__isSmartRef__":true,"id":4117},"attributeConnections":[{"__isSmartRef__":true,"id":4118},{"__isSmartRef__":true,"id":4120}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4079":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4080},"derivationIds":[null],"id":"BCC4C93E-0749-47BC-8BF1-B20BC29A74C5","renderContextTable":{"__isSmartRef__":true,"id":4084},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":4085}],"eventHandler":{"__isSmartRef__":true,"id":4087},"_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":4078},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":4088},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4080":{"_Position":{"__isSmartRef__":true,"id":4081},"renderContextTable":{"__isSmartRef__":true,"id":4082},"_Extent":{"__isSmartRef__":true,"id":4083},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4081":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4082":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4083":{"x":15,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4084":{"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","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"},"4085":{"style":{"__isSmartRef__":true,"id":4086},"chunkOwner":{"__isSmartRef__":true,"id":4079},"storedString":"X","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4086":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4087":{"morph":{"__isSmartRef__":true,"id":4079},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4088":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4089":{"_Position":{"__isSmartRef__":true,"id":4090},"renderContextTable":{"__isSmartRef__":true,"id":4091},"_Extent":{"__isSmartRef__":true,"id":4092},"_Padding":{"__isSmartRef__":true,"id":4093},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4094},"_Fill":{"__isSmartRef__":true,"id":4095},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4090":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4091":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4092":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4093":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4094":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4095":{"stops":[{"__isSmartRef__":true,"id":4096},{"__isSmartRef__":true,"id":4098},{"__isSmartRef__":true,"id":4100},{"__isSmartRef__":true,"id":4102}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4096":{"offset":0,"color":{"__isSmartRef__":true,"id":4097}},"4097":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4098":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4099}},"4099":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4100":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4101}},"4101":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4102":{"offset":1,"color":{"__isSmartRef__":true,"id":4103}},"4103":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4104":{"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"},"4105":{"morph":{"__isSmartRef__":true,"id":4078},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4106":{"x":666,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4107":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4108":{"stops":[{"__isSmartRef__":true,"id":4109},{"__isSmartRef__":true,"id":4111},{"__isSmartRef__":true,"id":4113},{"__isSmartRef__":true,"id":4115}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4109":{"offset":0,"color":{"__isSmartRef__":true,"id":4110}},"4110":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4111":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4112}},"4112":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4113":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4114}},"4114":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4115":{"offset":1,"color":{"__isSmartRef__":true,"id":4116}},"4116":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4117":{"moveHorizontal":true},"4118":{"sourceObj":{"__isSmartRef__":true,"id":4078},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"getCloseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4119},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4119":{"source":{"__isSmartRef__":true,"id":4078},"target":{"__isSmartRef__":true,"id":4027}},"4120":{"sourceObj":{"__isSmartRef__":true,"id":4078},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"initiateShutdown","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4121},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4121":{"source":{"__isSmartRef__":true,"id":4078},"target":{"__isSmartRef__":true,"id":4027}},"4122":{"submorphs":[{"__isSmartRef__":true,"id":4123}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4133},"derivationIds":[null],"id":"BC7E8C5C-9483-4F55-9A3B-F44FCBC0AFB6","renderContextTable":{"__isSmartRef__":true,"id":4138},"eventHandler":{"__isSmartRef__":true,"id":4139},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4140},"priorExtent":{"__isSmartRef__":true,"id":4141},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4095},"lighterFill":{"__isSmartRef__":true,"id":4142},"label":{"__isSmartRef__":true,"id":4123},"owner":{"__isSmartRef__":true,"id":4063},"attributeConnections":[{"__isSmartRef__":true,"id":4151},{"__isSmartRef__":true,"id":4153}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4123":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4124},"derivationIds":[null],"id":"2D07381D-E41B-4539-A2CE-78714982BD33","renderContextTable":{"__isSmartRef__":true,"id":4128},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":4129}],"eventHandler":{"__isSmartRef__":true,"id":4131},"_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":4122},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":4132},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4124":{"_Position":{"__isSmartRef__":true,"id":4125},"renderContextTable":{"__isSmartRef__":true,"id":4126},"_Extent":{"__isSmartRef__":true,"id":4127},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4125":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4126":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4127":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4128":{"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","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"},"4129":{"style":{"__isSmartRef__":true,"id":4130},"chunkOwner":{"__isSmartRef__":true,"id":4123},"storedString":"M","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4130":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4131":{"morph":{"__isSmartRef__":true,"id":4123},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4132":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4133":{"_Position":{"__isSmartRef__":true,"id":4134},"renderContextTable":{"__isSmartRef__":true,"id":4135},"_Extent":{"__isSmartRef__":true,"id":4136},"_Padding":{"__isSmartRef__":true,"id":4137},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4094},"_Fill":{"__isSmartRef__":true,"id":4095},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4134":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4135":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4136":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4137":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4138":{"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"},"4139":{"morph":{"__isSmartRef__":true,"id":4122},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4140":{"x":3,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4141":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4142":{"stops":[{"__isSmartRef__":true,"id":4143},{"__isSmartRef__":true,"id":4145},{"__isSmartRef__":true,"id":4147},{"__isSmartRef__":true,"id":4149}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4143":{"offset":0,"color":{"__isSmartRef__":true,"id":4144}},"4144":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4145":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4146}},"4146":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4147":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4148}},"4148":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4149":{"offset":1,"color":{"__isSmartRef__":true,"id":4150}},"4150":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4151":{"sourceObj":{"__isSmartRef__":true,"id":4122},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"getMenuHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4152},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4152":{"source":{"__isSmartRef__":true,"id":4122},"target":{"__isSmartRef__":true,"id":4027}},"4153":{"sourceObj":{"__isSmartRef__":true,"id":4122},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"showTargetMorphMenu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4154},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4154":{"source":{"__isSmartRef__":true,"id":4122},"target":{"__isSmartRef__":true,"id":4027}},"4155":{"submorphs":[{"__isSmartRef__":true,"id":4156}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4166},"derivationIds":[null],"id":"1B501729-F75C-4B59-805A-CC2EFEE66CC7","renderContextTable":{"__isSmartRef__":true,"id":4171},"eventHandler":{"__isSmartRef__":true,"id":4172},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4173},"priorExtent":{"__isSmartRef__":true,"id":4174},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4095},"lighterFill":{"__isSmartRef__":true,"id":4175},"label":{"__isSmartRef__":true,"id":4156},"owner":{"__isSmartRef__":true,"id":4063},"layout":{"__isSmartRef__":true,"id":4184},"attributeConnections":[{"__isSmartRef__":true,"id":4185},{"__isSmartRef__":true,"id":4187}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4156":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4157},"derivationIds":[null],"id":"4AC40D2B-8823-4EEE-80C5-D93325369223","renderContextTable":{"__isSmartRef__":true,"id":4161},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":4162}],"eventHandler":{"__isSmartRef__":true,"id":4164},"_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":4155},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":4165},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4157":{"_Position":{"__isSmartRef__":true,"id":4158},"renderContextTable":{"__isSmartRef__":true,"id":4159},"_Extent":{"__isSmartRef__":true,"id":4160},"_Padding":{"__isSmartRef__":true,"id":147},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4158":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4159":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4160":{"x":14,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4161":{"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","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"},"4162":{"style":{"__isSmartRef__":true,"id":4163},"chunkOwner":{"__isSmartRef__":true,"id":4156},"storedString":"–","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4163":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4164":{"morph":{"__isSmartRef__":true,"id":4156},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4165":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4166":{"_Position":{"__isSmartRef__":true,"id":4167},"renderContextTable":{"__isSmartRef__":true,"id":4168},"_Extent":{"__isSmartRef__":true,"id":4169},"_Padding":{"__isSmartRef__":true,"id":4170},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4094},"_Fill":{"__isSmartRef__":true,"id":4095},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4167":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4168":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4169":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4170":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4171":{"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"},"4172":{"morph":{"__isSmartRef__":true,"id":4155},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4173":{"x":647,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4174":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4175":{"stops":[{"__isSmartRef__":true,"id":4176},{"__isSmartRef__":true,"id":4178},{"__isSmartRef__":true,"id":4180},{"__isSmartRef__":true,"id":4182}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4176":{"offset":0,"color":{"__isSmartRef__":true,"id":4177}},"4177":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4178":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4179}},"4179":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4180":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4181}},"4181":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4182":{"offset":1,"color":{"__isSmartRef__":true,"id":4183}},"4183":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4184":{"moveHorizontal":true},"4185":{"sourceObj":{"__isSmartRef__":true,"id":4155},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"getCollapseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4186},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4186":{"source":{"__isSmartRef__":true,"id":4155},"target":{"__isSmartRef__":true,"id":4027}},"4187":{"sourceObj":{"__isSmartRef__":true,"id":4155},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4027},"targetMethodName":"toggleCollapse","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4188},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4188":{"source":{"__isSmartRef__":true,"id":4155},"target":{"__isSmartRef__":true,"id":4027}},"4189":{"_Position":{"__isSmartRef__":true,"id":4190},"renderContextTable":{"__isSmartRef__":true,"id":4191},"_Extent":{"__isSmartRef__":true,"id":4192},"_Padding":{"__isSmartRef__":true,"id":4193},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4075},"_Fill":{"__isSmartRef__":true,"id":4194},"_StrokeOpacity":1,"_BorderRadius":"8px 8px 0px 0px","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4190":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4191":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4192":{"x":686,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4193":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4194":{"stops":[{"__isSmartRef__":true,"id":4195},{"__isSmartRef__":true,"id":4197}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4195":{"offset":0,"color":{"__isSmartRef__":true,"id":4196}},"4196":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4197":{"offset":1,"color":{"__isSmartRef__":true,"id":4198}},"4198":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4199":{"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"},"4200":{"morph":{"__isSmartRef__":true,"id":4063},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4201":{"resizeWidth":true,"adjustForNewBounds":true},"4202":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4203":{"x":686,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4204":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4205},"derivationIds":[null],"id":"3248EEAB-603D-4A85-8D9F-BD3BF5CBB587","renderContextTable":{"__isSmartRef__":true,"id":4214},"eventHandler":{"__isSmartRef__":true,"id":4215},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"owner":{"__isSmartRef__":true,"id":4027},"_Position":{"__isSmartRef__":true,"id":4216},"dragStartPoint":null,"originalTargetExtent":null,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4217},"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"4205":{"dontChangeShape":false,"cachedVertices":null,"_PathElements":[{"__isSmartRef__":true,"id":4206},{"__isSmartRef__":true,"id":4207},{"__isSmartRef__":true,"id":4208}],"renderContextTable":{"__isSmartRef__":true,"id":4209},"_Position":{"__isSmartRef__":true,"id":4210},"_Extent":{"__isSmartRef__":true,"id":4211},"_Padding":{"__isSmartRef__":true,"id":4212},"_BorderWidth":0,"_BorderColor":null,"_Fill":{"__isSmartRef__":true,"id":4213},"__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"4206":{"isAbsolute":true,"x":14,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"4207":{"isAbsolute":true,"x":14,"y":14,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"4208":{"isAbsolute":true,"x":0,"y":14,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"4209":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","getPathNode":"getPathNodeHTML","setPathElements":"setPathElementsHTML","getPathBounds":"getPathBoundsHTML","getTotalLength":"getTotalLengthHTML","getPointAtTotalLength":"getPointAtTotalLengthHTML"},"4210":{"x":-1,"y":-1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4211":{"x":15,"y":15,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4212":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4213":{"r":0.8,"g":0.8,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4214":{"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"},"4215":{"morph":{"__isSmartRef__":true,"id":4204},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4216":{"x":672,"y":208,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4217":{"onDragStart":{"__isSmartRef__":true,"id":4218},"onDrag":{"__isSmartRef__":true,"id":4225},"onDragEnd":{"__isSmartRef__":true,"id":4232}},"4218":{"varMapping":{"__isSmartRef__":true,"id":4219},"source":"function onDragStart(evt) {\n this.dragStartPoint = evt.mousePoint;\n this.originalTargetExtent = this.owner.getExtent();\n }","funcProperties":{"__isSmartRef__":true,"id":4224},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4219":{"this":{"__isSmartRef__":true,"id":4204},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4220}},"4220":{"$super":{"__isSmartRef__":true,"id":4221}},"4221":{"varMapping":{"__isSmartRef__":true,"id":4222},"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":4223},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4222":{"obj":{"__isSmartRef__":true,"id":4204},"name":"onDragStart"},"4223":{},"4224":{},"4225":{"varMapping":{"__isSmartRef__":true,"id":4226},"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":4231},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4226":{"this":{"__isSmartRef__":true,"id":4204},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4227}},"4227":{"$super":{"__isSmartRef__":true,"id":4228}},"4228":{"varMapping":{"__isSmartRef__":true,"id":4229},"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":4230},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4229":{"obj":{"__isSmartRef__":true,"id":4204},"name":"onDrag"},"4230":{},"4231":{},"4232":{"varMapping":{"__isSmartRef__":true,"id":4233},"source":"function onDragEnd(evt) {\n this.dragStartPoint = null;\n this.originalTargetExtent = null;\n }","funcProperties":{"__isSmartRef__":true,"id":4238},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4233":{"this":{"__isSmartRef__":true,"id":4204},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4234}},"4234":{"$super":{"__isSmartRef__":true,"id":4235}},"4235":{"varMapping":{"__isSmartRef__":true,"id":4236},"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":4237},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4236":{"obj":{"__isSmartRef__":true,"id":4204},"name":"onDragEnd"},"4237":{},"4238":{},"4239":{"renderContextTable":{"__isSmartRef__":true,"id":4240},"_Padding":{"__isSmartRef__":true,"id":4241},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_Extent":{"__isSmartRef__":true,"id":4242},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4240":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4241":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4242":{"x":686,"y":222,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4243":{"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"},"4244":{"morph":{"__isSmartRef__":true,"id":4027},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4245":{"adjustForNewBounds":true},"4246":{"x":463,"y":49,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4247":{"x":686,"y":222,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4248":{"x":536,"y":61,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4249":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4250},"id":2,"renderContextTable":{"__isSmartRef__":true,"id":4256},"eventHandler":{"__isSmartRef__":true,"id":4257},"droppingEnabled":false,"halosEnabled":false,"_world":{"__isSmartRef__":true,"id":0},"eventsAreIgnored":true,"_HandStyle":"default","_PointerEvents":"none","_Position":{"__isSmartRef__":true,"id":4258},"priorExtent":{"__isSmartRef__":true,"id":4259},"owner":{"__isSmartRef__":true,"id":0},"_Rotation":0,"_Scale":1,"__SourceModuleName__":"Global.lively.morphic.Events","internalClickedOnMorph":{"__isSmartRef__":true,"id":4260},"carriesGrabbedMorphs":false,"lastScrollTime":1336640723396,"_ClipMode":"visible","scrollFocusMorph":{"__isSmartRef__":true,"id":4270},"__LivelyClassName__":"lively.morphic.HandMorph","withLayers":["Global.NoMagnetsLayer"]},"4250":{"_Position":{"__isSmartRef__":true,"id":4251},"renderContextTable":{"__isSmartRef__":true,"id":4252},"_Extent":{"__isSmartRef__":true,"id":4253},"_Fill":{"__isSmartRef__":true,"id":4254},"__SourceModuleName__":"Global.lively.morphic.Shapes","_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4255},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4251":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4252":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4253":{"x":2,"y":2,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4254":{"r":0.8,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4255":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4256":{"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"},"4257":{"morph":{"__isSmartRef__":true,"id":4249},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"4258":{"x":1487,"y":122,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4259":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4260":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4261},"derivationIds":[null],"id":"8A8A45D7-8097-48DC-82F8-F369892FC28F","renderContextTable":{"__isSmartRef__":true,"id":4266},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4267}],"eventHandler":{"__isSmartRef__":true,"id":4269},"_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":4270},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":148},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":4361},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4261":{"_Position":{"__isSmartRef__":true,"id":4262},"renderContextTable":{"__isSmartRef__":true,"id":4263},"_Extent":{"__isSmartRef__":true,"id":4264},"_Padding":{"__isSmartRef__":true,"id":4265},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4262":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4263":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4264":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4265":{"x":0,"y":6,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4266":{"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","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"},"4267":{"style":{"__isSmartRef__":true,"id":4268},"chunkOwner":{"__isSmartRef__":true,"id":4260},"storedString":"OK","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4268":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4269":{"morph":{"__isSmartRef__":true,"id":4260},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4270":{"submorphs":[{"__isSmartRef__":true,"id":4260}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4271},"derivationIds":[null],"id":"CFC670B9-A790-4FF2-AE1B-D84AC1638AC1","renderContextTable":{"__isSmartRef__":true,"id":4285},"eventHandler":{"__isSmartRef__":true,"id":4286},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":4287},"priorExtent":{"__isSmartRef__":true,"id":4288},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4095},"lighterFill":{"__isSmartRef__":true,"id":4276},"label":{"__isSmartRef__":true,"id":4260},"layout":{"__isSmartRef__":true,"id":4289},"owner":{"__isSmartRef__":true,"id":4290},"attributeConnections":[{"__isSmartRef__":true,"id":4355},{"__isSmartRef__":true,"id":4356}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4271":{"_Position":{"__isSmartRef__":true,"id":4272},"renderContextTable":{"__isSmartRef__":true,"id":4273},"_Extent":{"__isSmartRef__":true,"id":4274},"_Padding":{"__isSmartRef__":true,"id":4275},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4094},"_Fill":{"__isSmartRef__":true,"id":4276},"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4272":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4273":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4274":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4275":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4276":{"stops":[{"__isSmartRef__":true,"id":4277},{"__isSmartRef__":true,"id":4279},{"__isSmartRef__":true,"id":4281},{"__isSmartRef__":true,"id":4283}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4277":{"offset":0,"color":{"__isSmartRef__":true,"id":4278}},"4278":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4279":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4280}},"4280":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4281":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4282}},"4282":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4283":{"offset":1,"color":{"__isSmartRef__":true,"id":4284}},"4284":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4285":{"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"},"4286":{"morph":{"__isSmartRef__":true,"id":4270},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4287":{"x":569,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4288":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4289":{"moveVertical":true,"moveHorizontal":true},"4290":{"submorphs":[{"__isSmartRef__":true,"id":4291},{"__isSmartRef__":true,"id":4302},{"__isSmartRef__":true,"id":4270}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4338},"derivationIds":[null],"id":"D4A2FE42-D9C9-49E3-8911-E920950B5FBE","renderContextTable":{"__isSmartRef__":true,"id":4345},"eventHandler":{"__isSmartRef__":true,"id":4346},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":4347},"isLockOwner":true,"layout":{"__isSmartRef__":true,"id":4348},"draggingEnabled":false,"grabbingEnabled":false,"attributeConnections":[{"__isSmartRef__":true,"id":4349},{"__isSmartRef__":true,"id":4351},{"__isSmartRef__":true,"id":4353}],"ownerApp":{"__isSmartRef__":true,"id":4334},"owner":null,"_Rotation":0,"_Scale":1,"priorExtent":{"__isSmartRef__":true,"id":4354},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"4291":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4292},"derivationIds":[null],"id":"EF9901D0-CCA2-4FD7-85A9-46D50EA20A28","renderContextTable":{"__isSmartRef__":true,"id":4297},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":4298}],"eventHandler":{"__isSmartRef__":true,"id":4300},"_ClipMode":"hidden","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":4290},"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"draggingEnabled":false,"priorExtent":{"__isSmartRef__":true,"id":4301},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4292":{"_Position":{"__isSmartRef__":true,"id":4293},"renderContextTable":{"__isSmartRef__":true,"id":4294},"_Extent":{"__isSmartRef__":true,"id":4295},"_Padding":{"__isSmartRef__":true,"id":4296},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":{"__isSmartRef__":true,"id":1240},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4293":{"x":4,"y":4,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4294":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4295":{"x":697,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4296":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4297":{"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","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"},"4298":{"style":{"__isSmartRef__":true,"id":4299},"chunkOwner":{"__isSmartRef__":true,"id":4291},"storedString":"http://lively-kernel.org/repository/webwerkstatt/projects/WebDev2012/Telautim/impress.xhtml already exists. Overwrite?","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4299":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4300":{"morph":{"__isSmartRef__":true,"id":4291},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4301":{"x":697,"y":18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4302":{"submorphs":[{"__isSmartRef__":true,"id":4303}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4314},"derivationIds":[null],"id":"D4F3AD65-6855-4EE8-B1D6-2F8C8CD2DD8E","renderContextTable":{"__isSmartRef__":true,"id":4319},"eventHandler":{"__isSmartRef__":true,"id":4320},"_ClipMode":"visible","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":4321},"priorExtent":{"__isSmartRef__":true,"id":4322},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4095},"lighterFill":{"__isSmartRef__":true,"id":4323},"label":{"__isSmartRef__":true,"id":4303},"layout":{"__isSmartRef__":true,"id":4332},"owner":{"__isSmartRef__":true,"id":4290},"attributeConnections":[{"__isSmartRef__":true,"id":4333},{"__isSmartRef__":true,"id":4336}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4303":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4304},"derivationIds":[null],"id":"DD505154-93B3-4144-91D3-CC449EBBE79D","renderContextTable":{"__isSmartRef__":true,"id":4309},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4310}],"eventHandler":{"__isSmartRef__":true,"id":4312},"_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":4302},"isLabel":true,"_HandStyle":"default","_TextColor":{"__isSmartRef__":true,"id":148},"_Align":"center","eventsAreIgnored":true,"priorExtent":{"__isSmartRef__":true,"id":4313},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4304":{"_Position":{"__isSmartRef__":true,"id":4305},"renderContextTable":{"__isSmartRef__":true,"id":4306},"_Extent":{"__isSmartRef__":true,"id":4307},"_Padding":{"__isSmartRef__":true,"id":4308},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":148},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4305":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4306":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4307":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4308":{"x":0,"y":6,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4309":{"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","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"},"4310":{"style":{"__isSmartRef__":true,"id":4311},"chunkOwner":{"__isSmartRef__":true,"id":4303},"storedString":"Cancel","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4311":{"textShadow":"0px 1px 0 rgba(255,255,255,1)","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4312":{"morph":{"__isSmartRef__":true,"id":4303},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4313":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4314":{"_Position":{"__isSmartRef__":true,"id":4315},"renderContextTable":{"__isSmartRef__":true,"id":4316},"_Extent":{"__isSmartRef__":true,"id":4317},"_Padding":{"__isSmartRef__":true,"id":4318},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4094},"_Fill":{"__isSmartRef__":true,"id":4095},"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4315":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4316":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4317":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4318":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4319":{"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"},"4320":{"morph":{"__isSmartRef__":true,"id":4302},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4321":{"x":633,"y":36,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4322":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4323":{"stops":[{"__isSmartRef__":true,"id":4324},{"__isSmartRef__":true,"id":4326},{"__isSmartRef__":true,"id":4328},{"__isSmartRef__":true,"id":4330}],"vector":{"__isSmartRef__":true,"id":3947},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4324":{"offset":0,"color":{"__isSmartRef__":true,"id":4325}},"4325":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4326":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4327}},"4327":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4328":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4329}},"4329":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4330":{"offset":1,"color":{"__isSmartRef__":true,"id":4331}},"4331":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4332":{"moveVertical":true,"moveHorizontal":true},"4333":{"sourceObj":{"__isSmartRef__":true,"id":4302},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4334":{"result":true,"message":"http://lively-kernel.org/repository/webwerkstatt/projects/WebDev2012/Telautim/impress.xhtml already exists. Overwrite?","attributeConnections":[{"__isSmartRef__":true,"id":4335}],"doNotSerialize":["$$result"],"doNotCopyProperties":["$$result"],"panel":{"__isSmartRef__":true,"id":4290},"label":{"__isSmartRef__":true,"id":4291},"cancelButton":{"__isSmartRef__":true,"id":4302},"okButton":{"__isSmartRef__":true,"id":4270},"view":{"__isSmartRef__":true,"id":4290},"__LivelyClassName__":"lively.morphic.ConfirmDialog","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4335":{"sourceObj":{"__isSmartRef__":true,"id":4334},"sourceAttrName":"result","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"triggerCallback","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4336":{"sourceObj":{"__isSmartRef__":true,"id":4302},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"result","converter":null,"converterString":"function () { return false }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4337},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4337":{"source":{"__isSmartRef__":true,"id":4302},"target":{"__isSmartRef__":true,"id":4334}},"4338":{"_Position":{"__isSmartRef__":true,"id":4339},"renderContextTable":{"__isSmartRef__":true,"id":4340},"_Extent":{"__isSmartRef__":true,"id":4341},"_Padding":{"__isSmartRef__":true,"id":4342},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4343},"_Fill":{"__isSmartRef__":true,"id":4344},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4339":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4340":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4341":{"x":697,"y":70,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4342":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4343":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4344":{"r":0.8235294117647058,"g":0.8235294117647058,"b":0.8235294117647058,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4345":{"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"},"4346":{"morph":{"__isSmartRef__":true,"id":4290},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4347":{"x":426,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4348":{"adjustForNewBounds":true},"4349":{"sourceObj":{"__isSmartRef__":true,"id":4290},"sourceAttrName":"onEscPressed","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"result","converter":null,"converterString":"function () { return false }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4350},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4350":{"source":{"__isSmartRef__":true,"id":4290},"target":{"__isSmartRef__":true,"id":4334}},"4351":{"sourceObj":{"__isSmartRef__":true,"id":4290},"sourceAttrName":"onEnterPressed","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"result","converter":null,"converterString":"function () { return true }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4352},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4352":{"source":{"__isSmartRef__":true,"id":4290},"target":{"__isSmartRef__":true,"id":4334}},"4353":{"sourceObj":{"__isSmartRef__":true,"id":4290},"sourceAttrName":"remove","targetMethodName":"remove","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4354":{"x":697,"y":70,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4355":{"sourceObj":{"__isSmartRef__":true,"id":4270},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4356":{"sourceObj":{"__isSmartRef__":true,"id":4270},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":4334},"targetMethodName":"result","converterString":"function () { return true }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4357},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4358},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"4357":{"source":{"__isSmartRef__":true,"id":4270},"target":{"__isSmartRef__":true,"id":4334}},"4358":{"converter":{"__isSmartRef__":true,"id":4359}},"4359":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":4357},"source":"function () { return true }","funcProperties":{"__isSmartRef__":true,"id":4360},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4360":{},"4361":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4362":{"_Position":{"__isSmartRef__":true,"id":4363},"renderContextTable":{"__isSmartRef__":true,"id":4364},"_Extent":{"__isSmartRef__":true,"id":4365},"_Fill":{"__isSmartRef__":true,"id":4366},"__SourceModuleName__":"Global.lively.morphic.Shapes","_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4367},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4363":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4364":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4365":{"x":5000,"y":3000,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4366":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4367":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4368":{"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","setScroll":"setScrollHTML"},"4369":{"morph":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"4370":{"x":-1,"y":-2,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4371":{"x":1024,"y":768,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4372":{"name":"Local code","__LivelyClassName__":"ChangeSet","__SourceModuleName__":"Global.lively.ChangeSet"},"4373":{"x":1484,"y":118,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4374":{"submorphs":[{"__isSmartRef__":true,"id":4375}],"scripts":[],"id":"FD8512CC-8904-499D-9828-F3B6559B3DF2","shape":{"__isSmartRef__":true,"id":4404},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":4411},"showsHalos":false,"name":"LoadingMorph","partsBinMetaInfo":{"__isSmartRef__":true,"id":4412},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":4509},"eventHandler":{"__isSmartRef__":true,"id":4510},"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":4511},"layout":{"__isSmartRef__":true,"id":4512},"distanceToDragEvent":{"__isSmartRef__":true,"id":4513},"prevScroll":[0,0],"moved":true,"_Rotation":0,"_Scale":1,"headRevision":146469,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4514},"__LivelyClassName__":"lively.morphic.Box"},"4375":{"submorphs":[{"__isSmartRef__":true,"id":4376}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4392},"id":"96B5AEC5-C060-42BF-86F3-5B07AADC74DD","renderContextTable":{"__isSmartRef__":true,"id":4397},"eventHandler":{"__isSmartRef__":true,"id":4398},"droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":4399},"name":"ProgressIndicator","priorExtent":{"__isSmartRef__":true,"id":4400},"showsHalos":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":4401},"partsBinMetaInfo":{"__isSmartRef__":true,"id":4402},"__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":4374},"isBeingDragged":false,"layout":{"__isSmartRef__":true,"id":4403},"prevScroll":[0,0],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Image"},"4376":{"submorphs":[],"scripts":[],"id":"B823DAE2-FD00-4887-8740-6893B8A18AA3","shape":{"__isSmartRef__":true,"id":4377},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":4383},"_MaxTextWidth":257,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":4380},"showsHalos":false,"_FontSize":14,"__SourceModuleName__":"Global.lively.morphic.TextCore","name":"loadedMorphName","partsBinMetaInfo":{"__isSmartRef__":true,"id":4384},"textChunks":[{"__isSmartRef__":true,"id":4385}],"charsReplaced":"MorphName","lastFindLoc":18,"priorSelectionRange":[9,0],"prevScroll":[0,0],"priorExtent":{"__isSmartRef__":true,"id":4387},"renderContextTable":{"__isSmartRef__":true,"id":4388},"eventHandler":{"__isSmartRef__":true,"id":4389},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Padding":{"__isSmartRef__":true,"id":4390},"_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":4375},"_MinTextWidth":257,"_MinTextHeight":null,"previousSelection":[6,6],"_Align":"center","distanceToDragEvent":{"__isSmartRef__":true,"id":4391},"isBeingDragged":false,"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text"},"4377":{"fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":{"__isSmartRef__":true,"id":4378},"_Extent":{"__isSmartRef__":true,"id":4379},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4380},"renderContextTable":{"__isSmartRef__":true,"id":4381},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4382},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4378":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4379":{"x":257,"y":23,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4380":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"4381":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4382":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4383":{"x":-109,"y":38,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4384":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"4385":{"style":{"__isSmartRef__":true,"id":4386},"chunkOwner":{"__isSmartRef__":true,"id":4376},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"loading part","__LivelyClassName__":"lively.morphic.TextChunk"},"4386":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"4387":{"x":257,"y":23,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4388":{"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","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"},"4389":{"morph":{"__isSmartRef__":true,"id":4376},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"4390":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4391":{"x":179,"y":-11,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4392":{"_Position":{"__isSmartRef__":true,"id":4393},"renderContextTable":{"__isSmartRef__":true,"id":4394},"_Extent":{"__isSmartRef__":true,"id":4395},"_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":4396},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Image"},"4393":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4394":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setImageURL":"setImageURLHTML","getNativeExtent":"getNativeExtentHTML"},"4395":{"x":31,"y":31,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4396":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4397":{"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"},"4398":{"morph":{"__isSmartRef__":true,"id":4375},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"4399":{"x":113.5,"y":81,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4400":{"x":30,"y":31,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4401":{"x":39,"y":-11,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4402":{"partName":"ProgressIndicator","requiredModules":[],"migrationLevel":2,"partsSpaceName":"PartsBin/Widgets/","__SourceModuleName__":"Global.lively.PartsBin","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"4403":{"centeredHorizontal":true,"centeredVertical":true},"4404":{"position":{"__isSmartRef__":true,"id":4405},"_Extent":{"__isSmartRef__":true,"id":4406},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4407},"_Fill":{"__isSmartRef__":true,"id":4408},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":4409},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4410},"_BorderRadius":8.515,"_Opacity":0.8146,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4405":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4406":{"x":266,"y":223,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4407":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"4408":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4409":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"4410":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"4411":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4412":{"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":4413},{"__isSmartRef__":true,"id":4415},{"__isSmartRef__":true,"id":4417},{"__isSmartRef__":true,"id":4419},{"__isSmartRef__":true,"id":4421},{"__isSmartRef__":true,"id":4423},{"__isSmartRef__":true,"id":4425},{"__isSmartRef__":true,"id":4427},{"__isSmartRef__":true,"id":4429},{"__isSmartRef__":true,"id":4431},{"__isSmartRef__":true,"id":4433},{"__isSmartRef__":true,"id":4435},{"__isSmartRef__":true,"id":4437},{"__isSmartRef__":true,"id":4439},{"__isSmartRef__":true,"id":4441},{"__isSmartRef__":true,"id":4443},{"__isSmartRef__":true,"id":4445},{"__isSmartRef__":true,"id":4447},{"__isSmartRef__":true,"id":4449},{"__isSmartRef__":true,"id":4451},{"__isSmartRef__":true,"id":4453},{"__isSmartRef__":true,"id":4455},{"__isSmartRef__":true,"id":4457},{"__isSmartRef__":true,"id":4459},{"__isSmartRef__":true,"id":4461},{"__isSmartRef__":true,"id":4463},{"__isSmartRef__":true,"id":4465},{"__isSmartRef__":true,"id":4467},{"__isSmartRef__":true,"id":4469},{"__isSmartRef__":true,"id":4471},{"__isSmartRef__":true,"id":4473},{"__isSmartRef__":true,"id":4475},{"__isSmartRef__":true,"id":4477},{"__isSmartRef__":true,"id":4479},{"__isSmartRef__":true,"id":4481},{"__isSmartRef__":true,"id":4483},{"__isSmartRef__":true,"id":4485},{"__isSmartRef__":true,"id":4487},{"__isSmartRef__":true,"id":4489},{"__isSmartRef__":true,"id":4491},{"__isSmartRef__":true,"id":4493},{"__isSmartRef__":true,"id":4495},{"__isSmartRef__":true,"id":4497},{"__isSmartRef__":true,"id":4499},{"__isSmartRef__":true,"id":4501},{"__isSmartRef__":true,"id":4503},{"__isSmartRef__":true,"id":4505},{"__isSmartRef__":true,"id":4507}],"revisionOnLoad":151069,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"4413":{"date":{"__isSmartRef__":true,"id":4414},"author":"sstamm","message":"","id":"1C1391AE-5722-4707-BE52-F0094FC56829"},"4414":{"isSerializedDate":true,"string":"Wed Feb 22 2012 14:02:04 GMT+0100 (CET)"},"4415":{"date":{"__isSmartRef__":true,"id":4416},"author":"sstamm","message":"","id":"663F147A-9084-4AC3-81A7-1E7BA6547F08"},"4416":{"isSerializedDate":true,"string":"Wed Feb 22 2012 12:43:10 GMT+0100 (CET)"},"4417":{"date":{"__isSmartRef__":true,"id":4418},"author":"sstamm","message":"","id":"F72B746E-B170-4EFB-9074-5E8770640B8A"},"4418":{"isSerializedDate":true,"string":"Wed Feb 22 2012 12:36:14 GMT+0100 (CET)"},"4419":{"date":{"__isSmartRef__":true,"id":4420},"author":"sstamm","message":"","id":"568D2EFD-C535-43AE-8944-6D8B967129F5"},"4420":{"isSerializedDate":true,"string":"Wed Feb 22 2012 12:23:04 GMT+0100 (CET)"},"4421":{"date":{"__isSmartRef__":true,"id":4422},"author":"sstamm","message":"","id":"AB2484A6-0707-4E13-845E-F0A5F48BBA3D"},"4422":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:59:45 GMT+0100 (CET)"},"4423":{"date":{"__isSmartRef__":true,"id":4424},"author":"sstamm","message":"","id":"97D20633-F76C-46A5-A32A-FFE9BC83CAB3"},"4424":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:59:10 GMT+0100 (CET)"},"4425":{"date":{"__isSmartRef__":true,"id":4426},"author":"sstamm","message":"","id":"8A697DF5-9A45-4A84-B709-9719BF55083E"},"4426":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:56:54 GMT+0100 (CET)"},"4427":{"date":{"__isSmartRef__":true,"id":4428},"author":"sstamm","message":"","id":"F2157D66-1571-4B9A-B325-6FA96488260F"},"4428":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:51:05 GMT+0100 (CET)"},"4429":{"date":{"__isSmartRef__":true,"id":4430},"author":"sstamm","message":"","id":"E5E808CA-06AB-47DC-A9C9-CA7967591545"},"4430":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:47:19 GMT+0100 (CET)"},"4431":{"date":{"__isSmartRef__":true,"id":4432},"author":"sstamm","message":"","id":"009DC4E0-23CA-485A-A796-801AA0F75049"},"4432":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:46:25 GMT+0100 (CET)"},"4433":{"date":{"__isSmartRef__":true,"id":4434},"author":"sstamm","message":"","id":"C0CE1397-6E2E-4E8C-AEFF-9017E24BB7E4"},"4434":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:45:05 GMT+0100 (CET)"},"4435":{"date":{"__isSmartRef__":true,"id":4436},"author":"sstamm","message":"","id":"FFE16986-548D-4AC2-A627-CF6416282BC4"},"4436":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:37:15 GMT+0100 (CET)"},"4437":{"date":{"__isSmartRef__":true,"id":4438},"author":"sstamm","message":"","id":"57213D63-7147-4057-ADC9-30994443B066"},"4438":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:35:29 GMT+0100 (CET)"},"4439":{"date":{"__isSmartRef__":true,"id":4440},"author":"sstamm","message":"","id":"75A31364-B380-4312-BB5B-F8F2DA1CE824"},"4440":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:31:52 GMT+0100 (CET)"},"4441":{"date":{"__isSmartRef__":true,"id":4442},"author":"sstamm","message":"","id":"5AA50B7E-7D33-44C4-807B-BF1ABA31D530"},"4442":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:14:10 GMT+0100 (CET)"},"4443":{"date":{"__isSmartRef__":true,"id":4444},"author":"sstamm","message":"","id":"BCDCC505-534C-45E5-9BB2-5238959A5AD0"},"4444":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:02:56 GMT+0100 (CET)"},"4445":{"date":{"__isSmartRef__":true,"id":4446},"author":"sstamm","message":"","id":"890D14F4-E89D-4E05-BFB9-875D6AB6C765"},"4446":{"isSerializedDate":true,"string":"Wed Feb 22 2012 11:01:50 GMT+0100 (CET)"},"4447":{"date":{"__isSmartRef__":true,"id":4448},"author":"sstamm","message":"","id":"B6FE0805-0D24-4267-8238-8B332352617E"},"4448":{"isSerializedDate":true,"string":"Wed Feb 22 2012 10:55:44 GMT+0100 (CET)"},"4449":{"date":{"__isSmartRef__":true,"id":4450},"author":"sstamm","message":"callbacks are working","id":"9348260A-3B55-4659-BC85-440BFBD98EA4"},"4450":{"isSerializedDate":true,"string":"Fri Feb 10 2012 09:45:55 GMT+0100 (CET)"},"4451":{"date":{"__isSmartRef__":true,"id":4452},"author":"sstamm","message":"made it more opaque","id":"1B84264C-2822-407F-A58F-19217BCD2762"},"4452":{"isSerializedDate":true,"string":"Wed Feb 08 2012 11:41:50 GMT+0100 (CET)"},"4453":{"date":{"__isSmartRef__":true,"id":4454},"author":"sstamm","message":"","id":"0FB41D7D-2A52-4782-814B-A66C24FCE569"},"4454":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:13:49 GMT+0100 (CET)"},"4455":{"date":{"__isSmartRef__":true,"id":4456},"author":"sstamm","message":"","id":"A0C2D7C1-04AF-493A-A7D7-70750F7D3E2F"},"4456":{"isSerializedDate":true,"string":"Thu Feb 02 2012 17:22:07 GMT+0100 (CET)"},"4457":{"date":{"__isSmartRef__":true,"id":4458},"author":"sstamm","message":"trollolol","id":"F6CFAD78-AC72-4DE2-9F38-79776C2E9462"},"4458":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:55:14 GMT+0100 (CET)"},"4459":{"date":{"__isSmartRef__":true,"id":4460},"author":"sstamm","message":"should be centered now","id":"EE366B4D-C272-477F-8C28-4EAE5A7EC7CB"},"4460":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:54:35 GMT+0100 (CET)"},"4461":{"date":{"__isSmartRef__":true,"id":4462},"author":"sstamm","message":"initial commit","id":"8920D925-DD16-4667-B8C7-FB74D78C2424"},"4462":{"isSerializedDate":true,"string":"Thu Feb 02 2012 13:26:01 GMT+0100 (CET)"},"4463":{"date":{"__isSmartRef__":true,"id":4464},"author":"sstamm","message":"changed text morph name","id":"80E88A3C-5AF3-48F2-A600-710877630997"},"4464":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:04:01 GMT+0100 (CET)"},"4465":{"date":{"__isSmartRef__":true,"id":4466},"author":"sstamm","message":"added loading script","id":"EE9B8F4D-1F03-4232-82E6-794046974F8F"},"4466":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:28:30 GMT+0100 (CET)"},"4467":{"date":{"__isSmartRef__":true,"id":4468},"author":"sstamm","message":"added disconnection","id":"11F19267-924E-4087-99ED-998245576BD2"},"4468":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:32:58 GMT+0100 (CET)"},"4469":{"date":{"__isSmartRef__":true,"id":4470},"author":"sstamm","message":"removed connections before deletion","id":"35A88218-6864-4D52-83A2-BFF7B9A6907C"},"4470":{"isSerializedDate":true,"string":"Thu Feb 02 2012 14:41:00 GMT+0100 (CET)"},"4471":{"date":{"__isSmartRef__":true,"id":4472},"author":"sstamm","message":"now able to load parts by name and category as well as per partItem","id":"F36A5782-461D-4813-95F8-0207990A261C"},"4472":{"isSerializedDate":true,"string":"Thu Feb 02 2012 15:24:30 GMT+0100 (CET)"},"4473":{"date":{"__isSmartRef__":true,"id":4474},"author":"sstamm","message":"now with round corners","id":"F42C39CB-CC37-467D-BF10-D362241F047E"},"4474":{"isSerializedDate":true,"string":"Thu Feb 02 2012 15:26:23 GMT+0100 (CET)"},"4475":{"date":{"__isSmartRef__":true,"id":4476},"author":"sstamm","message":"loadingMorph is sync now","id":"12ACFFC9-BA53-4A2A-ABD4-894A5ECE1145"},"4476":{"isSerializedDate":true,"string":"Thu Feb 02 2012 15:48:04 GMT+0100 (CET)"},"4477":{"date":{"__isSmartRef__":true,"id":4478},"author":"sstamm","message":"display the loadingMorph in new thread","id":"2BA51E30-F02B-4AF0-B3BE-52DD4ED522CC"},"4478":{"isSerializedDate":true,"string":"Thu Feb 02 2012 15:53:49 GMT+0100 (CET)"},"4479":{"date":{"__isSmartRef__":true,"id":4480},"author":"sstamm","message":"","id":"DF0AE4EA-1B08-4556-8BBE-E6488F23B8A3"},"4480":{"isSerializedDate":true,"string":"Thu Feb 02 2012 16:49:48 GMT+0100 (CET)"},"4481":{"date":{"__isSmartRef__":true,"id":4482},"author":"sstamm","message":"","id":"220821B3-C589-41C9-A324-8E7E6D9D6CEB"},"4482":{"isSerializedDate":true,"string":"Thu Feb 02 2012 16:58:43 GMT+0100 (CET)"},"4483":{"date":{"__isSmartRef__":true,"id":4484},"author":"sstamm","message":"","id":"DEBFACE2-7EC5-4A86-AD46-5A0A88A73707"},"4484":{"isSerializedDate":true,"string":"Thu Feb 02 2012 17:04:28 GMT+0100 (CET)"},"4485":{"date":{"__isSmartRef__":true,"id":4486},"author":"sstamm","message":"load request in new thread if loading should be async","id":"18282D28-D6D4-48C9-A508-6E3244449BD8"},"4486":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:10:27 GMT+0100 (CET)"},"4487":{"date":{"__isSmartRef__":true,"id":4488},"author":"sstamm","message":"added benchmarking output","id":"249CFF90-DDF5-4A83-9759-0289E96D7D58"},"4488":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:31:50 GMT+0100 (CET)"},"4489":{"date":{"__isSmartRef__":true,"id":4490},"author":"sstamm","message":"","id":"882082E1-29B6-418D-9B8B-672729D60619"},"4490":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:38:26 GMT+0100 (CET)"},"4491":{"date":{"__isSmartRef__":true,"id":4492},"author":"sstamm","message":"","id":"5179AEF9-E19F-4B0C-BBD8-556C5687988A"},"4492":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:44:11 GMT+0100 (CET)"},"4493":{"date":{"__isSmartRef__":true,"id":4494},"author":"sstamm","message":"","id":"1159C5B4-724E-4124-9D7B-5CD5DC4A8EE3"},"4494":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:48:14 GMT+0100 (CET)"},"4495":{"date":{"__isSmartRef__":true,"id":4496},"author":"sstamm","message":"","id":"2A718D1F-1036-41D6-999A-336F2B14E65D"},"4496":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:49:47 GMT+0100 (CET)"},"4497":{"date":{"__isSmartRef__":true,"id":4498},"author":"sstamm","message":"","id":"EB6BDD0C-7EEC-4124-B77F-2F106A601538"},"4498":{"isSerializedDate":true,"string":"Tue Feb 07 2012 11:59:48 GMT+0100 (CET)"},"4499":{"date":{"__isSmartRef__":true,"id":4500},"author":"sstamm","message":"","id":"63EC8D07-AB6A-450A-BB84-9B4D37E03647"},"4500":{"isSerializedDate":true,"string":"Tue Feb 07 2012 12:02:33 GMT+0100 (CET)"},"4501":{"date":{"__isSmartRef__":true,"id":4502},"author":"sstamm","message":"","id":"19CE12E4-5AA5-48DC-B1D1-B0EB0EDF1CB9"},"4502":{"isSerializedDate":true,"string":"Tue Feb 07 2012 12:03:42 GMT+0100 (CET)"},"4503":{"date":{"__isSmartRef__":true,"id":4504},"author":"sstamm","message":"first attempt to introduce callback functions to part loading","id":"22BD0B95-8948-411A-A56E-AD7CBE445F1D"},"4504":{"isSerializedDate":true,"string":"Thu Feb 09 2012 20:20:11 GMT+0100 (CET)"},"4505":{"date":{"__isSmartRef__":true,"id":4506},"author":"sstamm","message":"","id":"A216DFD2-9D1F-4E62-A22F-6B5472823E1B"},"4506":{"isSerializedDate":true,"string":"Fri Mar 16 2012 15:37:34 GMT+0100 (CET)"},"4507":{"date":{"__isSmartRef__":true,"id":4508},"author":"sstamm","message":"","id":"464E723A-08DC-433C-AA5C-CEC850DBAF0B"},"4508":{"isSerializedDate":true,"string":"Fri Mar 16 2012 15:42:29 GMT+0100 (CET)"},"4509":{"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"},"4510":{"morph":{"__isSmartRef__":true,"id":4374},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"4511":{"x":266,"y":223,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4512":{"adjustForNewBounds":true},"4513":{"x":171,"y":-13,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"4514":{"loadPart":{"__isSmartRef__":true,"id":4515},"loadFinished":{"__isSmartRef__":true,"id":4519},"loadPartByName":{"__isSmartRef__":true,"id":4523}},"4515":{"varMapping":{"__isSmartRef__":true,"id":4516},"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":4517},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4516":{"this":{"__isSmartRef__":true,"id":4374}},"4517":{"timestamp":{"__isSmartRef__":true,"id":4518},"user":"sstamm","tags":[]},"4518":{"isSerializedDate":true,"string":"Fri Mar 16 2012 15:42:18 GMT+0100 (CET)"},"4519":{"varMapping":{"__isSmartRef__":true,"id":4520},"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":4521},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4520":{"this":{"__isSmartRef__":true,"id":4374}},"4521":{"timestamp":{"__isSmartRef__":true,"id":4522},"user":"sstamm","tags":[]},"4522":{"isSerializedDate":true,"string":"Wed Feb 22 2012 14:01:53 GMT+0100 (CET)"},"4523":{"varMapping":{"__isSmartRef__":true,"id":4524},"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":4525},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"4524":{"this":{"__isSmartRef__":true,"id":4374}},"4525":{"timestamp":{"__isSmartRef__":true,"id":4526},"user":"sstamm","tags":[]},"4526":{"isSerializedDate":true,"string":"Thu Feb 02 2012 17:03:18 GMT+0100 (CET)"},"4527":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/projects/WebDev2012/Telautim/impress.xhtml","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"4528":{"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":4529},"__SourceModuleName__":"Global.lively.bindings","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4530},"__LivelyClassName__":"AttributeConnection"},"4529":{"source":{"__isSmartRef__":true,"id":0},"target":{"__isSmartRef__":true,"id":0}},"4530":{"updater":{"__isSmartRef__":true,"id":4531}},"4531":{"originalFunc":null,"varMapping":{"__isSmartRef__":true,"id":4529},"source":"function ($upd, v) {\n if (v && v.toString() !== URL.source.toString()) {\n $upd(v)\n }\n }","funcProperties":{"__isSmartRef__":true,"id":4532},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4532":{},"isSimplifiedRegistry":true}}]]>