' + con.sourceObj.name :\n 'Editor for converter function';\n var window = world.addFramedMorph(editor, title)\n window.align(window.bounds().topCenter(), visualConnector.bounds().bottomCenter())\n }],\n ['hide', function() {\n visualConnector.disconnectFromMagnets();\n visualConnector.remove();\n }],\n ['disconnect', function() {\n alertOK('Disconnected ' + visualConnector.con);\n visualConnector.con.visualDisconnect();\n }],\n ['cancel', function() {}],\n ];\n return items;\n }","funcProperties":{"__isSmartRef__":true,"id":1173},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1168":{"this":{"__isSmartRef__":true,"id":1139},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1169}},"1169":{"$super":{"__isSmartRef__":true,"id":1170}},"1170":{"varMapping":{"__isSmartRef__":true,"id":1171},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch(e) {\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1172},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1171":{"obj":{"__isSmartRef__":true,"id":1139},"name":"morphMenuItems"},"1172":{},"1173":{},"1174":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"1175":{"morph":{"__isSmartRef__":true,"id":1097},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1176":{"x":77,"y":-5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1177":{"x":355,"y":378,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1178":{"moveVertical":true,"moveHorizontal":true},"1179":{"submorphs":[{"__isSmartRef__":true,"id":1180}],"scripts":[],"id":"AEE48FBB-B267-4C3D-90BF-2AABA3813986","shape":{"__isSmartRef__":true,"id":1194},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":1198},"lighterFill":{"__isSmartRef__":true,"id":1210},"label":{"__isSmartRef__":true,"id":1180},"name":"Button1","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":1219},"attributeConnections":[{"__isSmartRef__":true,"id":1220}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"renderContextTable":{"__isSmartRef__":true,"id":1255},"eventHandler":{"__isSmartRef__":true,"id":1256},"distanceToDragEvent":{"__isSmartRef__":true,"id":1257},"_Position":{"__isSmartRef__":true,"id":1258},"owner":{"__isSmartRef__":true,"id":989},"derivationIds":[2898,"9D27A522-4E3D-482F-97CF-3CA3247A3999","4EBF07AD-25C0-4034-BC06-31F137F70FA1","DC6D6B8E-37AE-4815-A81A-AC7071124A26","42DF6D49-8482-40A3-B901-512013BB5C75","0D3EB4E1-46E7-4B1E-8273-6432575F84B5","733427E4-0BB2-4FB7-917C-4A3D98C50589","001872CD-CE26-4A7A-AB1F-3EFF5AC6D6A3","2FFB821F-9334-4125-8541-31C21E305B78","A3635A2F-B9AE-4CAA-A07F-76E90A2AF718","ACE7DD81-434E-40D4-A12D-CB728F4CFA61","15D1D871-417C-444D-B7E7-4556C755A914","AEC9FEB8-505A-4D19-9C25-747D78D04F17","38C38B49-0343-41FA-BC14-2FAF64266DB0","55C4703F-8F22-4BB7-A09A-4186B8A404F2","6F234AFA-11CA-48C1-841A-536E5A48FE21"],"layout":{"__isSmartRef__":true,"id":1259},"_ClipMode":"visible","_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1180":{"submorphs":[],"scripts":[],"id":"7B893EA1-FF2E-4C89-9AD8-32DC023D3175","shape":{"__isSmartRef__":true,"id":1181},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":1187},"_MaxTextWidth":101,"_MaxTextHeight":null,"textStyle":null,"padding":{"__isSmartRef__":true,"id":1188},"_Padding":{"__isSmartRef__":true,"id":1189},"owner":{"__isSmartRef__":true,"id":1179},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":1190}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":1192},"eventHandler":{"__isSmartRef__":true,"id":1193},"_HandStyle":"default","_PointerEvents":"none","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_MinTextWidth":101,"_MinTextHeight":null,"derivationIds":[2899,"4F00D1F5-B85C-479E-BDDE-322DF2F432A3","5E7BC7AC-9EF9-4CF5-9196-A542A26534CA","46616896-CA46-4B43-B694-9FB001B32989","F73D407C-A72D-414B-AB8D-1E28025BCA1C","C5B395F9-BF24-4FA7-87D3-03E9AE9C4E45","ECEC7694-EF15-4DE7-A847-9DB2D4B99B3C","AE0EC189-A810-44FB-948F-F8667AF67929","CC950242-2CF1-48D3-B3C3-EF03073D145F","181712FB-04E9-40DA-ABEF-E711AC15A136","08CA5C5C-AAE0-4E6D-BFA4-04C9735965CC","F06603E2-E026-4DB9-B64F-71C0F6BE4CAA","5F5EDDF1-7355-4EE9-8286-9B0FC87B4A34","79E77E86-9ABD-4417-A260-E0CAABA3925E","11030354-936E-4E5D-BEB5-643D96C0CE06","34136BAA-3143-44E9-AA72-B7030E66E400"],"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1181":{"position":{"__isSmartRef__":true,"id":1182},"_Extent":{"__isSmartRef__":true,"id":1183},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1184},"_Fill":null,"renderContextTable":{"__isSmartRef__":true,"id":1185},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":1186},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1182":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1183":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1184":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__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","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1186":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1187":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1188":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1189":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1190":{"style":{"__isSmartRef__":true,"id":1191},"chunkOwner":{"__isSmartRef__":true,"id":1180},"storedString":"publish","_id":"_176","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1191":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1192":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1193":{"morph":{"__isSmartRef__":true,"id":1180},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1194":{"position":{"__isSmartRef__":true,"id":1195},"_Extent":{"__isSmartRef__":true,"id":1196},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":1197},"_Fill":{"__isSmartRef__":true,"id":1198},"_BorderRadius":5.2,"renderContextTable":{"__isSmartRef__":true,"id":1208},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1209},"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1195":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1196":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1197":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1198":{"stops":[{"__isSmartRef__":true,"id":1199},{"__isSmartRef__":true,"id":1201},{"__isSmartRef__":true,"id":1203},{"__isSmartRef__":true,"id":1205}],"vector":{"__isSmartRef__":true,"id":1207},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1199":{"offset":0,"color":{"__isSmartRef__":true,"id":1200}},"1200":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1201":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1202}},"1202":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1203":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1204}},"1204":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1205":{"offset":1,"color":{"__isSmartRef__":true,"id":1206}},"1206":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1207":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1208":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1209":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1210":{"stops":[{"__isSmartRef__":true,"id":1211},{"__isSmartRef__":true,"id":1213},{"__isSmartRef__":true,"id":1215},{"__isSmartRef__":true,"id":1217}],"vector":{"__isSmartRef__":true,"id":1207},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1211":{"offset":0,"color":{"__isSmartRef__":true,"id":1212}},"1212":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1213":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1214}},"1214":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1215":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1216}},"1216":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1217":{"offset":1,"color":{"__isSmartRef__":true,"id":1218}},"1218":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1219":{"partsSpaceName":"PartsBin/Inputs","migrationLevel":4,"partName":"Button","comment":"Has a script that is called on button press","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1220":{"sourceObj":{"__isSmartRef__":true,"id":1179},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":989},"targetMethodName":"onPublish","visualConnector":{"__isSmartRef__":true,"id":1221},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1221":{"submorphs":[{"__isSmartRef__":true,"id":1222}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1236},"id":139,"renderContextTable":{"__isSmartRef__":true,"id":1243},"eventHandler":{"__isSmartRef__":true,"id":1244},"droppingEnabled":true,"halosEnabled":true,"owner":null,"controlPoints":[{"__isSmartRef__":true,"id":1245},{"__isSmartRef__":true,"id":1246}],"con":{"__isSmartRef__":true,"id":1220},"showsMorphMenu":true,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1247},"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"1222":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1223},"id":140,"renderContextTable":{"__isSmartRef__":true,"id":1233},"eventHandler":{"__isSmartRef__":true,"id":1234},"droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1235},"owner":{"__isSmartRef__":true,"id":1221},"_Rotation":-2.5917394709132084,"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"1223":{"dontChangeShape":false,"cachedVertices":null,"_PathElements":[{"__isSmartRef__":true,"id":1224},{"__isSmartRef__":true,"id":1225},{"__isSmartRef__":true,"id":1226},{"__isSmartRef__":true,"id":1227}],"renderContextTable":{"__isSmartRef__":true,"id":1228},"_ClipMode":"visible","_Position":{"__isSmartRef__":true,"id":1229},"_Extent":{"__isSmartRef__":true,"id":1230},"_Padding":{"__isSmartRef__":true,"id":1231},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1150},"_Fill":{"__isSmartRef__":true,"id":1232},"__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1224":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1225":{"isAbsolute":true,"x":0,"y":12,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1226":{"isAbsolute":true,"x":16,"y":6,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1227":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1228":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML","getPathNode":"getPathNodeHTML","setPathElements":"setPathElementsHTML","getPathBounds":"getPathBoundsHTML","getTotalLength":"getTotalLengthHTML","getPointAtTotalLength":"getPointAtTotalLengthHTML"},"1229":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1230":{"x":16,"y":12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1231":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1232":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1233":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","setOrigin":"setOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"1234":{"morph":{"__isSmartRef__":true,"id":1222},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1235":{"x":0.5,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1236":{"dontChangeShape":false,"cachedVertices":null,"_PathElements":[{"__isSmartRef__":true,"id":1237},{"__isSmartRef__":true,"id":1238}],"renderContextTable":{"__isSmartRef__":true,"id":1239},"_ClipMode":"visible","_Position":{"__isSmartRef__":true,"id":1240},"_Extent":{"__isSmartRef__":true,"id":1241},"_Padding":{"__isSmartRef__":true,"id":1242},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1150},"__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1237":{"isAbsolute":true,"x":310,"y":190,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1238":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"1239":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML","getPathNode":"getPathNodeHTML","setPathElements":"setPathElementsHTML","getPathBounds":"getPathBoundsHTML","getTotalLength":"getTotalLengthHTML","getPointAtTotalLength":"getPointAtTotalLengthHTML"},"1240":{"x":-0.5,"y":-0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1241":{"x":311,"y":191,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1242":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1243":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","setOrigin":"setOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"1244":{"morph":{"__isSmartRef__":true,"id":1221},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1245":{"morph":{"__isSmartRef__":true,"id":1221},"index":0,"connectedMagnet":null,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"1246":{"morph":{"__isSmartRef__":true,"id":1221},"index":1,"connectedMagnet":null,"marker":{"__isSmartRef__":true,"id":1222},"markerDirection":"prev","__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"1247":{"morphMenuItems":{"__isSmartRef__":true,"id":1248}},"1248":{"varMapping":{"__isSmartRef__":true,"id":1249},"source":"function morphMenuItems() {\n var visualConnector = this, con = this.con, world = this.world();\n var items = [\n ['edit converter', function() {\n var source = con.converterString || 'function converter(value) {\\n return value\\n}',\n editor = new lively.morphic.Text(new Rectangle(0,0, 400, 200), source);\n editor.doitContext = con;\n connect(editor, 'savedTextString', con, 'converterString', {updater:\n function($upd, source) { this.targetObj.converter = null; $upd(source) }});\n connect(editor, 'savedTextString', world, 'alertOK', {converter: \n function() { return 'setting new converter' }})\n editor.applyStyle({syntaxHighlighting: true, fontFamily: 'Courier', resizeWidth: true, resizeHeight: true});\n var title = con.targetObj.name && con.sourceObj.name ?\n 'Editor for ' + con.targetObj.name + ' -> ' + con.sourceObj.name :\n 'Editor for converter function';\n var window = world.addFramedMorph(editor, title)\n window.align(window.bounds().topCenter(), visualConnector.bounds().bottomCenter())\n }],\n ['hide', function() {\n visualConnector.disconnectFromMagnets();\n visualConnector.remove();\n }],\n ['disconnect', function() {\n alertOK('Disconnected ' + visualConnector.con);\n visualConnector.con.visualDisconnect();\n }],\n ['cancel', function() {}],\n ];\n return items;\n }","funcProperties":{"__isSmartRef__":true,"id":1254},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1249":{"this":{"__isSmartRef__":true,"id":1221},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1250}},"1250":{"$super":{"__isSmartRef__":true,"id":1251}},"1251":{"varMapping":{"__isSmartRef__":true,"id":1252},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch(e) {\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":1253},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1252":{"obj":{"__isSmartRef__":true,"id":1221},"name":"morphMenuItems"},"1253":{},"1254":{},"1255":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"1256":{"morph":{"__isSmartRef__":true,"id":1179},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1257":{"x":62,"y":-12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1258":{"x":245,"y":378,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1259":{"moveVertical":true,"moveHorizontal":true},"1260":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1261},"id":"EB9162B8-738B-4ED8-A8ED-3E369E01FED6","renderContextTable":{"__isSmartRef__":true,"id":1268},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1269}],"eventHandler":{"__isSmartRef__":true,"id":1271},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":true,"_FontFamily":"Helvetica","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1272},"_MaxTextWidth":445,"_MinTextWidth":445,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"isInputLine":true,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"showsHalos":false,"name":"CommentText","distanceToDragEvent":{"__isSmartRef__":true,"id":1273},"previousSelection":[0,46],"priorSelectionRange":[0,0],"charsReplaced":"CommitMessageTest1","lastFindLoc":18,"isLockOwner":false,"isBeingDragged":false,"owner":{"__isSmartRef__":true,"id":989},"derivationIds":[2900,"7E82C349-9FC9-48B5-B84C-30E99FC40DF2","A07EAFD3-B03B-4E4C-BC72-FB29F65F543A","888FB55C-0365-4B40-A9B4-33FD19FA1E91","37AE3F7E-8AF9-413E-BDB9-796C3CE0C0A6","C19CF401-2869-429B-8C7E-3679F2C07B10","16D31632-3C1B-4388-9753-E178F4D74EC3","CE8B7F8B-0B5D-4A03-AFA0-CB5E4A9EE815","A0B7AE1E-340F-4786-A906-37B5D92B955E","6FB3DD7F-E27E-4C14-B6A7-87EE557243E3","8C9DC597-8FB3-409F-9F92-43E22D1EE113","96E19549-1C58-47D1-AABB-06F24696272A","20261F28-5D7A-4D9C-9F1F-79FC901C5E5F","9596C6D2-BEBD-47B3-B8A0-CD4AEBEF927D","420AC273-AA29-49EC-A1C7-C0E272006666","5D4C09DA-AAFB-4330-8646-23901C1FDB84"],"savedTextString":"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!","layout":{"__isSmartRef__":true,"id":1274},"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1261":{"_Position":{"__isSmartRef__":true,"id":1262},"renderContextTable":{"__isSmartRef__":true,"id":1263},"_Extent":{"__isSmartRef__":true,"id":1264},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":1265},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1266},"_Fill":{"__isSmartRef__":true,"id":1267},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1262":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1263":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1264":{"x":455,"y":120,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1265":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1266":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1267":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1268":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1269":{"style":{"__isSmartRef__":true,"id":1270},"chunkOwner":{"__isSmartRef__":true,"id":1260},"storedString":"Displays object properties and provides a workspace. The workspace's context is set to the last clicked element.","_id":"_177","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1270":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1271":{"morph":{"__isSmartRef__":true,"id":1260},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1272":{"x":10,"y":110,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1273":{"x":346,"y":-16,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1274":{"resizeWidth":true},"1275":{"submorphs":[],"scripts":[],"id":"4A7964D8-20C5-42DD-81E1-87CE1CD0D765","shape":{"__isSmartRef__":true,"id":1276},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":1282},"_MaxTextWidth":250,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":1279},"showsHalos":false,"_FontSize":12,"name":"Text9","partsBinMetaInfo":{"__isSmartRef__":true,"id":1283},"textChunks":[{"__isSmartRef__":true,"id":1284}],"charsReplaced":"commit message","lastFindLoc":14,"priorSelectionRange":[0,14],"prevScroll":[0,0],"renderContextTable":{"__isSmartRef__":true,"id":1286},"eventHandler":{"__isSmartRef__":true,"id":1287},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Padding":{"__isSmartRef__":true,"id":1288},"_ClipMode":"visible","_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":250,"_MinTextHeight":null,"previousSelection":[0,6],"distanceToDragEvent":{"__isSmartRef__":true,"id":1289},"isLockOwner":false,"owner":{"__isSmartRef__":true,"id":989},"derivationIds":[2901,"8E267E15-1052-4F9C-B863-B733384EF1DA","851C46B4-347F-4AE4-9C04-C321E7CC8EA5","D33CE057-77D6-4CCC-90F9-867C622B3572","F9BFA4FE-D786-4384-B9F8-89EEA1D41685","95D3D9C3-CA8D-42A5-833B-30E01D630A4A","9FC24DFC-050E-423E-A017-2D5704509876","1EF71F38-5BCB-4C26-AB60-E2105330181C","7D191F0F-E475-47CF-BABE-55A543C7158D","F6ACFDD6-981C-4170-82C4-1AA9C3090741","092A05B9-0347-411B-8E2A-89272FF7A531","ABE15D91-8819-412F-9FAA-FC6A2F8AD14A","1F266812-1C31-4C6F-9676-B9E59DEA4864","F99A2F51-81DC-4D7F-93A2-84EFBFBC119F","7C9D55B3-6BFC-4DE2-B574-F4A3A11ECF00","08ABC4D8-386F-404A-AB0C-E90DC2E84DC0"],"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1276":{"fill":null,"_Position":{"__isSmartRef__":true,"id":1277},"_Extent":{"__isSmartRef__":true,"id":1278},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1279},"renderContextTable":{"__isSmartRef__":true,"id":1280},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1281},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1277":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1278":{"x":250,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1279":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1280":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1281":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1282":{"x":10,"y":90,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1283":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1284":{"style":{"__isSmartRef__":true,"id":1285},"morph":{"__isSmartRef__":true,"id":1275},"chunkOwner":{"__isSmartRef__":true,"id":1275},"storedString":"comment","_id":"_178","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1285":{"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1286":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1287":{"morph":{"__isSmartRef__":true,"id":1275},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1288":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1289":{"x":163,"y":-17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1290":{"submorphs":[{"__isSmartRef__":true,"id":1291}],"scripts":[],"id":"36C35EED-A316-498D-B398-88800FE50157","shape":{"__isSmartRef__":true,"id":1305},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":1309},"lighterFill":{"__isSmartRef__":true,"id":1321},"label":{"__isSmartRef__":true,"id":1291},"name":"DiffButton","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":1330},"attributeConnections":[{"__isSmartRef__":true,"id":1331}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"renderContextTable":{"__isSmartRef__":true,"id":1333},"eventHandler":{"__isSmartRef__":true,"id":1334},"distanceToDragEvent":{"__isSmartRef__":true,"id":1335},"_Position":{"__isSmartRef__":true,"id":1336},"derivationIds":[2898,"9D27A522-4E3D-482F-97CF-3CA3247A3999","4EBF07AD-25C0-4034-BC06-31F137F70FA1","DC6D6B8E-37AE-4815-A81A-AC7071124A26","42DF6D49-8482-40A3-B901-512013BB5C75","132901B3-F9F2-482D-99E6-40EAECDCEF13","7BC760E1-232D-4654-8D89-3E2AF9B63E8A","10CF8C2D-EC10-4718-9BB8-A4D765C25CA2","E1457927-6D7F-4C43-A0D3-4606E937C36C","B2BCD5A8-36BB-4202-B2F1-480CA22D151C","16C66256-7472-4B33-A3FC-D41E1123E484","9D6EC181-02A4-4AA3-9511-97B61299072E","514B5C5C-2E93-4CD5-913F-C4210C8D3803","A4836A2F-5B4D-4F0C-BA65-6DF7DB4D4262","DD94CDA9-6F9F-4B4F-9D75-C57314BFD093","AB91D3DA-E1FA-400A-813B-C9670264E72F","9E97E660-33C2-4D79-9407-0794A939EBC2"],"owner":{"__isSmartRef__":true,"id":989},"layout":{"__isSmartRef__":true,"id":1337},"_ClipMode":"visible","_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1291":{"submorphs":[],"scripts":[],"id":"C0F08E3F-B443-4CA4-A940-8FCC6709F96D","shape":{"__isSmartRef__":true,"id":1292},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":1298},"_MaxTextWidth":150,"_MaxTextHeight":null,"textStyle":null,"padding":{"__isSmartRef__":true,"id":1299},"_Padding":{"__isSmartRef__":true,"id":1300},"owner":{"__isSmartRef__":true,"id":1290},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":1301}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":1303},"eventHandler":{"__isSmartRef__":true,"id":1304},"_HandStyle":"default","_PointerEvents":"none","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_MinTextWidth":150,"_MinTextHeight":null,"derivationIds":[2899,"4F00D1F5-B85C-479E-BDDE-322DF2F432A3","5E7BC7AC-9EF9-4CF5-9196-A542A26534CA","46616896-CA46-4B43-B694-9FB001B32989","F73D407C-A72D-414B-AB8D-1E28025BCA1C","E34F55EC-06D3-4965-A0D2-625CA896E3B7","2C75B823-DD52-427F-A501-B824B4C4AFFF","B4D1CBE5-9DEA-4728-8803-CCD541086497","6E0FBCF8-EAA4-4635-A092-F3A690EE9EF7","89A9C61E-62E5-4DC5-9ABB-48A97517BF54","7481FBBB-A4A7-4F5E-A153-60033229DE49","FEBD2158-DF74-4EDF-BD2A-2C5A19DDF177","129B298F-732B-46E2-AB44-60B8E8AC2378","92CFB2AD-D63D-4DD7-A729-6D0962A7C5FC","BC6FB6FB-EF63-4C39-9668-0462E42556C2","8BE2159A-9EB3-44EC-8BAD-0CF297F58645","D81DC308-8273-4F17-A7C0-849953D6454B"],"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1292":{"position":{"__isSmartRef__":true,"id":1293},"_Extent":{"__isSmartRef__":true,"id":1294},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1295},"_Fill":null,"renderContextTable":{"__isSmartRef__":true,"id":1296},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":1297},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1293":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1294":{"x":150,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1295":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1296":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1297":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1298":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1299":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1300":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1301":{"style":{"__isSmartRef__":true,"id":1302},"chunkOwner":{"__isSmartRef__":true,"id":1291},"storedString":"check for updates","_id":"_179","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1302":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1303":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1304":{"morph":{"__isSmartRef__":true,"id":1291},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1305":{"position":{"__isSmartRef__":true,"id":1306},"_Extent":{"__isSmartRef__":true,"id":1307},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":1308},"_Fill":{"__isSmartRef__":true,"id":1309},"_BorderRadius":5.2,"renderContextTable":{"__isSmartRef__":true,"id":1319},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1320},"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1306":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1307":{"x":150,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1308":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1309":{"stops":[{"__isSmartRef__":true,"id":1310},{"__isSmartRef__":true,"id":1312},{"__isSmartRef__":true,"id":1314},{"__isSmartRef__":true,"id":1316}],"vector":{"__isSmartRef__":true,"id":1318},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1310":{"offset":0,"color":{"__isSmartRef__":true,"id":1311}},"1311":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1312":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1313}},"1313":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1314":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1315}},"1315":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1316":{"offset":1,"color":{"__isSmartRef__":true,"id":1317}},"1317":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1318":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1319":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1320":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1321":{"stops":[{"__isSmartRef__":true,"id":1322},{"__isSmartRef__":true,"id":1324},{"__isSmartRef__":true,"id":1326},{"__isSmartRef__":true,"id":1328}],"vector":{"__isSmartRef__":true,"id":1318},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1322":{"offset":0,"color":{"__isSmartRef__":true,"id":1323}},"1323":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1324":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1325}},"1325":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1326":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1327}},"1327":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1328":{"offset":1,"color":{"__isSmartRef__":true,"id":1329}},"1329":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1330":{"partsSpaceName":"PartsBin/Inputs","migrationLevel":4,"partName":"Button","comment":"Has a script that is called on button press","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1331":{"sourceObj":{"__isSmartRef__":true,"id":1290},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":989},"targetMethodName":"checkForUpdates","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1332},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1332":{"source":{"__isSmartRef__":true,"id":1290},"target":{"__isSmartRef__":true,"id":989}},"1333":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"1334":{"morph":{"__isSmartRef__":true,"id":1290},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1335":{"x":69.5,"y":-18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1336":{"x":10,"y":378,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1337":{"moveVertical":true},"1338":{"_Position":{"__isSmartRef__":true,"id":1339},"renderContextTable":{"__isSmartRef__":true,"id":1340},"_Extent":{"__isSmartRef__":true,"id":1341},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1342},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1343},"_Fill":{"__isSmartRef__":true,"id":1344},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1339":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1340":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"1341":{"x":479,"y":415,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1342":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1343":{"r":0.372,"g":0.369,"b":0.372,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1344":{"r":0.8235294117647058,"g":0.8235294117647058,"b":0.8235294117647058,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1345":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"1346":{"morph":{"__isSmartRef__":true,"id":989},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1347":{"adjustForNewBounds":true,"resizeWidth":true,"resizeHeight":true},"1348":{"message":"Please enter a name for the part","attributeConnections":[{"__isSmartRef__":true,"id":1349}],"doNotSerialize":["$$result"],"doNotCopyProperties":["$$result"],"defaultInput":"CommitMessageTest1","panel":{"__isSmartRef__":true,"id":989},"label":{"__isSmartRef__":true,"id":1350},"cancelButton":{"__isSmartRef__":true,"id":1361},"okButton":{"__isSmartRef__":true,"id":1405},"inputText":{"__isSmartRef__":true,"id":990},"view":{"__isSmartRef__":true,"id":989},"result":"CommitMessageTest1","__LivelyClassName__":"lively.morphic.PromptDialog","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1349":{"sourceObj":{"__isSmartRef__":true,"id":1348},"sourceAttrName":"result","targetObj":{"__isSmartRef__":true,"id":1348},"targetMethodName":"triggerCallback","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1350":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1351},"id":3220,"renderContextTable":{"__isSmartRef__":true,"id":1356},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1357}],"eventHandler":{"__isSmartRef__":true,"id":1359},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":false,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1360},"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":null,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"showsHalos":false,"isCopyMorphRef":true,"morphRefId":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1351":{"_Position":{"__isSmartRef__":true,"id":1352},"renderContextTable":{"__isSmartRef__":true,"id":1353},"_Extent":{"__isSmartRef__":true,"id":1354},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":995},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":996},"_Fill":{"__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","setClipMode":"setClipModeHTML"},"1354":{"x":226,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1355":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1356":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1357":{"style":{"__isSmartRef__":true,"id":1358},"chunkOwner":{"__isSmartRef__":true,"id":1350},"storedString":"","_id":"_1844","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1358":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1359":{"morph":{"__isSmartRef__":true,"id":1350},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1360":{"x":4,"y":4,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1361":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1362},"id":6793,"renderContextTable":{"__isSmartRef__":true,"id":1378},"eventHandler":{"__isSmartRef__":true,"id":1379},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1380},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":1368},"lighterFill":{"__isSmartRef__":true,"id":1381},"label":{"__isSmartRef__":true,"id":1390},"layout":{"__isSmartRef__":true,"id":1401},"owner":null,"attributeConnections":[{"__isSmartRef__":true,"id":1402},{"__isSmartRef__":true,"id":1403}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"isCopyMorphRef":true,"morphRefId":1,"isLockOwner":false,"showsHalos":false,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1362":{"_Position":{"__isSmartRef__":true,"id":1363},"renderContextTable":{"__isSmartRef__":true,"id":1364},"_Extent":{"__isSmartRef__":true,"id":1365},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1366},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1367},"_Fill":{"__isSmartRef__":true,"id":1368},"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1363":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1364":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML"},"1365":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1366":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1367":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1368":{"stops":[{"__isSmartRef__":true,"id":1369},{"__isSmartRef__":true,"id":1371},{"__isSmartRef__":true,"id":1373},{"__isSmartRef__":true,"id":1375}],"vector":{"__isSmartRef__":true,"id":1377},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1369":{"offset":0,"color":{"__isSmartRef__":true,"id":1370}},"1370":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1371":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1372}},"1372":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1373":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1374}},"1374":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1375":{"offset":1,"color":{"__isSmartRef__":true,"id":1376}},"1376":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1377":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1378":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","setOrigin":"setOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"1379":{"morph":{"__isSmartRef__":true,"id":1361},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1380":{"x":478,"y":187,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1381":{"stops":[{"__isSmartRef__":true,"id":1382},{"__isSmartRef__":true,"id":1384},{"__isSmartRef__":true,"id":1386},{"__isSmartRef__":true,"id":1388}],"vector":{"__isSmartRef__":true,"id":1377},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1382":{"offset":0,"color":{"__isSmartRef__":true,"id":1383}},"1383":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1384":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1385}},"1385":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1386":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1387}},"1387":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1388":{"offset":1,"color":{"__isSmartRef__":true,"id":1389}},"1389":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1390":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1391},"id":6794,"renderContextTable":{"__isSmartRef__":true,"id":1396},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1397}],"eventHandler":{"__isSmartRef__":true,"id":1399},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1400},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":null,"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isLockOwner":false,"showsHalos":false,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1391":{"_Position":{"__isSmartRef__":true,"id":1392},"renderContextTable":{"__isSmartRef__":true,"id":1393},"_Extent":{"__isSmartRef__":true,"id":1394},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":1395},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":996},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1392":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1393":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML"},"1394":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1395":{"x":0,"y":6,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1396":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1397":{"style":{"__isSmartRef__":true,"id":1398},"chunkOwner":{"__isSmartRef__":true,"id":1390},"storedString":"","_id":"_1845","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1398":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1399":{"morph":{"__isSmartRef__":true,"id":1390},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1400":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1401":{"moveVertical":true,"moveHorizontal":true},"1402":{"sourceObj":{"__isSmartRef__":true,"id":1361},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1348},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1403":{"sourceObj":{"__isSmartRef__":true,"id":1361},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1348},"targetMethodName":"result","converter":null,"converterString":"function () { return null }","updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":1404},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1404":{"source":{"__isSmartRef__":true,"id":1361},"target":{"__isSmartRef__":true,"id":1348}},"1405":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1406},"id":6795,"renderContextTable":{"__isSmartRef__":true,"id":1411},"eventHandler":{"__isSmartRef__":true,"id":1412},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1413},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":1368},"lighterFill":{"__isSmartRef__":true,"id":1414},"label":{"__isSmartRef__":true,"id":1423},"layout":{"__isSmartRef__":true,"id":1434},"owner":null,"attributeConnections":[{"__isSmartRef__":true,"id":1435},{"__isSmartRef__":true,"id":1436}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"isCopyMorphRef":true,"morphRefId":2,"isLockOwner":false,"showsHalos":false,"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets"},"1406":{"_Position":{"__isSmartRef__":true,"id":1407},"renderContextTable":{"__isSmartRef__":true,"id":1408},"_Extent":{"__isSmartRef__":true,"id":1409},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1410},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1367},"_Fill":{"__isSmartRef__":true,"id":1368},"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1407":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1408":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML"},"1409":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1410":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1411":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","setOrigin":"setOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"1412":{"morph":{"__isSmartRef__":true,"id":1405},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1413":{"x":414,"y":187,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1414":{"stops":[{"__isSmartRef__":true,"id":1415},{"__isSmartRef__":true,"id":1417},{"__isSmartRef__":true,"id":1419},{"__isSmartRef__":true,"id":1421}],"vector":{"__isSmartRef__":true,"id":1377},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1415":{"offset":0,"color":{"__isSmartRef__":true,"id":1416}},"1416":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1417":{"offset":0.4,"color":{"__isSmartRef__":true,"id":1418}},"1418":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1419":{"offset":0.6,"color":{"__isSmartRef__":true,"id":1420}},"1420":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1421":{"offset":1,"color":{"__isSmartRef__":true,"id":1422}},"1422":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1423":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1424},"id":6796,"renderContextTable":{"__isSmartRef__":true,"id":1429},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":1430}],"eventHandler":{"__isSmartRef__":true,"id":1432},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_Position":{"__isSmartRef__":true,"id":1433},"_MaxTextWidth":60,"_MinTextWidth":60,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":null,"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isLockOwner":false,"showsHalos":false,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1424":{"_Position":{"__isSmartRef__":true,"id":1425},"renderContextTable":{"__isSmartRef__":true,"id":1426},"_Extent":{"__isSmartRef__":true,"id":1427},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":1428},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":996},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1425":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1426":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML"},"1427":{"x":60,"y":30,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1428":{"x":0,"y":6,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1429":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1430":{"style":{"__isSmartRef__":true,"id":1431},"chunkOwner":{"__isSmartRef__":true,"id":1423},"storedString":"","_id":"_1846","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1431":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1432":{"morph":{"__isSmartRef__":true,"id":1423},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1433":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1434":{"moveVertical":true,"moveHorizontal":true},"1435":{"sourceObj":{"__isSmartRef__":true,"id":1405},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1348},"targetMethodName":"removeTopLevel","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1436":{"sourceObj":{"__isSmartRef__":true,"id":1405},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":990},"targetMethodName":"doSave","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"1437":{"x":365,"y":-16,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1438":{"x":0,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1439":{"submorphs":[{"__isSmartRef__":true,"id":1440},{"__isSmartRef__":true,"id":3993},{"__isSmartRef__":true,"id":4029}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4177},"id":"BF7C9DF7-B3D8-40E4-9E9B-E97328268A27","renderContextTable":{"__isSmartRef__":true,"id":4181},"eventHandler":{"__isSmartRef__":true,"id":4182},"droppingEnabled":true,"halosEnabled":true,"__layered_draggingEnabled__":true,"layout":{"__isSmartRef__":true,"id":4183},"LK2":true,"_Position":{"__isSmartRef__":true,"id":4184},"targetMorph":{"__isSmartRef__":true,"id":1440},"titleBar":{"__isSmartRef__":true,"id":4029},"contentOffset":{"__isSmartRef__":true,"id":4185},"collapsedTransform":null,"collapsedExtent":null,"expandedTransform":null,"expandedExtent":null,"ignoreEventsOnExpand":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":4186},"name":"Explorer","prevDragPos":{"__isSmartRef__":true,"id":4231},"isBeingDragged":false,"highlighted":true,"showsHalos":false,"explorer":{"__isSmartRef__":true,"id":1440},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isCopyMorphRef":true,"morphRefId":1,"prevScroll":[0,0],"minExtent":{"__isSmartRef__":true,"id":4232},"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":null,"state":"shutdown","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4233},"__LivelyClassName__":"lively.morphic.Window","__SourceModuleName__":"Global.lively.morphic.Widgets","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"1440":{"submorphs":[{"__isSmartRef__":true,"id":1441},{"__isSmartRef__":true,"id":3938}],"scripts":[],"id":"0A7F0D8E-1169-44B1-822C-233A16A9785E","shape":{"__isSmartRef__":true,"id":3960},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":3967},"showsHalos":false,"name":"ExplorerPane","partsBinMetaInfo":{"__isSmartRef__":true,"id":3968},"renderContextTable":{"__isSmartRef__":true,"id":3971},"eventHandler":{"__isSmartRef__":true,"id":3972},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1439},"distanceToDragEvent":{"__isSmartRef__":true,"id":3973},"layout":{"__isSmartRef__":true,"id":3974},"workspace":{"__isSmartRef__":true,"id":3938},"treeView":{"__isSmartRef__":true,"id":1441},"focusedNode":{"__isSmartRef__":true,"id":1444},"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":3976},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1441":{"submorphs":[{"__isSmartRef__":true,"id":1442}],"scripts":[{"__isSmartRef__":true,"id":3856}],"id":"89AF13BC-83C4-4170-83AA-9C48E8E4216B","shape":{"__isSmartRef__":true,"id":3857},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":3863},"showsHalos":false,"name":"TreeView","partsBinMetaInfo":{"__isSmartRef__":true,"id":3864},"renderContextTable":{"__isSmartRef__":true,"id":3865},"eventHandler":{"__isSmartRef__":true,"id":3866},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":3867},"isInLayoutCycle":false,"isCopyMorphRef":true,"morphRefId":1,"isBeingDragged":false,"owner":{"__isSmartRef__":true,"id":1440},"distanceToDragEvent":{"__isSmartRef__":true,"id":3869},"colors":{"__isSmartRef__":true,"id":3870},"fonts":{"__isSmartRef__":true,"id":3873},"sizes":{"__isSmartRef__":true,"id":3874},"rootNode":{"__isSmartRef__":true,"id":1444},"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":3879},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1442":{"submorphs":[{"__isSmartRef__":true,"id":1443}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3839},"derivationIds":[null],"id":"5D16CF96-BF88-446B-918F-1E7B49D1CD76","renderContextTable":{"__isSmartRef__":true,"id":3844},"eventHandler":{"__isSmartRef__":true,"id":3845},"_ClipMode":"scroll","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3846},"layout":{"__isSmartRef__":true,"id":3847},"grabbingEnabled":false,"draggingEnabled":false,"name":"TreeViewScrollPane","owner":{"__isSmartRef__":true,"id":1441},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3848},"__LivelyClassName__":"lively.morphic.Clip","__SourceModuleName__":"Global.lively.morphic.Core"},"1443":{"submorphs":[{"__isSmartRef__":true,"id":1444},{"__isSmartRef__":true,"id":1641}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3822},"derivationIds":[null],"id":"437AC223-9F7B-4D01-976A-7A215232F9CA","renderContextTable":{"__isSmartRef__":true,"id":3827},"eventHandler":{"__isSmartRef__":true,"id":3828},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3829},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1442},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3831},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1444":{"submorphs":[{"__isSmartRef__":true,"id":1445},{"__isSmartRef__":true,"id":1463}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1482},"derivationIds":[null],"id":"D907FD6A-DD5F-4C1C-8CF7-B4C72E13FF66","renderContextTable":{"__isSmartRef__":true,"id":1487},"eventHandler":{"__isSmartRef__":true,"id":1488},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1489},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1490},"propertyList":["submorphs","scripts","id","shape","__layered_droppingEnabled__","halosEnabled","showsHalos","_Position","name","partsBinMetaInfo","renderContextTable","eventHandler","layout","attributeConnections","doNotSerialize","doNotCopyProperties","owner","priorExtent","distanceToDragEvent","isBeingDragged","isLockOwner","_Rotation","_Scale","_ClipMode","prevScroll","_renderContext","_isRendered"],"level":0,"treeView":{"__isSmartRef__":true,"id":1441},"label":"Properties","children":[{"__isSmartRef__":true,"id":1587},{"__isSmartRef__":true,"id":1643},{"__isSmartRef__":true,"id":1724},{"__isSmartRef__":true,"id":1805},{"__isSmartRef__":true,"id":1886},{"__isSmartRef__":true,"id":1967},{"__isSmartRef__":true,"id":2048},{"__isSmartRef__":true,"id":2130},{"__isSmartRef__":true,"id":2211},{"__isSmartRef__":true,"id":2292},{"__isSmartRef__":true,"id":2373},{"__isSmartRef__":true,"id":2454},{"__isSmartRef__":true,"id":2535},{"__isSmartRef__":true,"id":2616},{"__isSmartRef__":true,"id":2697},{"__isSmartRef__":true,"id":2778},{"__isSmartRef__":true,"id":2859},{"__isSmartRef__":true,"id":2940},{"__isSmartRef__":true,"id":3021},{"__isSmartRef__":true,"id":3102},{"__isSmartRef__":true,"id":3183},{"__isSmartRef__":true,"id":3264},{"__isSmartRef__":true,"id":3346},{"__isSmartRef__":true,"id":3427},{"__isSmartRef__":true,"id":3508},{"__isSmartRef__":true,"id":3589},{"__isSmartRef__":true,"id":3670}],"parent":null,"expander":{"__isSmartRef__":true,"id":1445},"text":{"__isSmartRef__":true,"id":1463},"owner":{"__isSmartRef__":true,"id":1443},"_Position":{"__isSmartRef__":true,"id":3801},"_Rotation":0,"_Scale":1.0141055623885957,"childrenWrapper":{"__isSmartRef__":true,"id":1641},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3802},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1445":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1446},"derivationIds":[null],"id":"6993D5B8-BC88-49FF-8473-46F7B39FF197","renderContextTable":{"__isSmartRef__":true,"id":1453},"eventHandler":{"__isSmartRef__":true,"id":1454},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1455},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":true,"owner":{"__isSmartRef__":true,"id":1444},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1456},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1446":{"_Position":{"__isSmartRef__":true,"id":1447},"renderContextTable":{"__isSmartRef__":true,"id":1448},"_Extent":{"__isSmartRef__":true,"id":1449},"_Padding":{"__isSmartRef__":true,"id":1450},"_NodeClass":["morph","box"],"_NodeId":"morph-6993d5b8-bc88-49ff-8473-46f7b39ff197","_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1452},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1447":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1448":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1449":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1450":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1451":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1452":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1453":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1454":{"morph":{"__isSmartRef__":true,"id":1445},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1455":{"x":8,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1456":{"toggle":{"__isSmartRef__":true,"id":1457},"toggleExpansion":{"__isSmartRef__":true,"id":1460}},"1457":{"varMapping":{"__isSmartRef__":true,"id":1458},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1459},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1458":{"this":{"__isSmartRef__":true,"id":1445}},"1459":{},"1460":{"varMapping":{"__isSmartRef__":true,"id":1461},"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":1462},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1461":{"this":{"__isSmartRef__":true,"id":1445}},"1462":{},"1463":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1464},"derivationIds":[null],"id":"FCF9B45D-B9AD-4571-BADD-87DCF308C46B","renderContextTable":{"__isSmartRef__":true,"id":1471},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1472},{"__isSmartRef__":true,"id":1474}],"eventHandler":{"__isSmartRef__":true,"id":1477},"_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,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1444},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1478},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1464":{"_Position":{"__isSmartRef__":true,"id":1465},"renderContextTable":{"__isSmartRef__":true,"id":1466},"_Extent":{"__isSmartRef__":true,"id":1467},"_Padding":{"__isSmartRef__":true,"id":1468},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1469},"_Fill":{"__isSmartRef__":true,"id":1470},"_NodeClass":["morph","text"],"_NodeId":"morph-fcf9b45d-b9ad-4571-badd-87dcf308c46b","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1465":{"x":18,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1466":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1467":{"x":142.5,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1468":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1469":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1470":{"r":0.9529411764705882,"g":0.9529411764705882,"b":0.9529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1471":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1472":{"style":{"__isSmartRef__":true,"id":1473},"chunkOwner":{"__isSmartRef__":true,"id":1463},"_id":"_725","storedString":"Properties","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1473":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1474":{"_id":"_726","style":{"__isSmartRef__":true,"id":1475},"chunkOwner":{"__isSmartRef__":true,"id":1463},"storedString":": Ellipse","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1475":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1476":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1477":{"morph":{"__isSmartRef__":true,"id":1463},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1478":{"layoutText":{"__isSmartRef__":true,"id":1479}},"1479":{"varMapping":{"__isSmartRef__":true,"id":1480},"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":1481},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1480":{"this":{"__isSmartRef__":true,"id":1463}},"1481":{},"1482":{"_Position":{"__isSmartRef__":true,"id":1483},"renderContextTable":{"__isSmartRef__":true,"id":1484},"_Extent":{"__isSmartRef__":true,"id":1485},"_Padding":{"__isSmartRef__":true,"id":1486},"_NodeClass":["morph"],"_NodeId":"morph-d907fd6a-dd5f-4c1c-8cf7-b4c72e13ff66","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1483":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1484":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1485":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1486":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1487":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1488":{"morph":{"__isSmartRef__":true,"id":1444},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1489":{"resizeWidth":true},"1490":{"submorphs":[],"scripts":[],"id":1244,"shape":{"__isSmartRef__":true,"id":1491},"__layered_droppingEnabled__":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":1499},"name":"Ellipse","partsBinMetaInfo":{"__isSmartRef__":true,"id":1500},"renderContextTable":{"__isSmartRef__":true,"id":1501},"eventHandler":{"__isSmartRef__":true,"id":1502},"layout":{"__isSmartRef__":true,"id":1503},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1504},"distanceToDragEvent":{"__isSmartRef__":true,"id":1586},"isBeingDragged":false,"isLockOwner":false,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","prevScroll":[0,0],"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1491":{"position":{"__isSmartRef__":true,"id":1492},"_Extent":{"__isSmartRef__":true,"id":1493},"_Fill":{"__isSmartRef__":true,"id":1494},"renderContextTable":{"__isSmartRef__":true,"id":1495},"_Position":{"__isSmartRef__":true,"id":1496},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_BorderColor":{"__isSmartRef__":true,"id":1497},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1498},"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1492":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1493":{"x":93,"y":39,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1494":{"r":0.25,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1495":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1496":{"x":-48,"y":-20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1497":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1498":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1499":{"x":-2.151842113667499,"y":-1.0621288338013528,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1500":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1501":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1502":{"morph":{"__isSmartRef__":true,"id":1490},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1503":{},"1504":{"submorphs":[{"__isSmartRef__":true,"id":1505},{"__isSmartRef__":true,"id":1520},{"__isSmartRef__":true,"id":1534},{"__isSmartRef__":true,"id":1549},{"__isSmartRef__":true,"id":1490}],"scripts":[],"id":1239,"shape":{"__isSmartRef__":true,"id":1564},"__layered_droppingEnabled__":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":1572},"showsHalos":false,"name":"Car","partsBinMetaInfo":{"__isSmartRef__":true,"id":1573},"renderContextTable":{"__isSmartRef__":true,"id":1578},"eventHandler":{"__isSmartRef__":true,"id":1579},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":1580},"isBeingDragged":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":1581},"isLockOwner":true,"owner":null,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","prevScroll":[0,0],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1582},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"1505":{"submorphs":[],"scripts":[],"id":1240,"shape":{"__isSmartRef__":true,"id":1506},"__layered_droppingEnabled__":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":1514},"name":"Ellipse4","partsBinMetaInfo":{"__isSmartRef__":true,"id":1515},"renderContextTable":{"__isSmartRef__":true,"id":1516},"eventHandler":{"__isSmartRef__":true,"id":1517},"layout":{"__isSmartRef__":true,"id":1518},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"distanceToDragEvent":{"__isSmartRef__":true,"id":1519},"owner":{"__isSmartRef__":true,"id":1504},"isLockOwner":false,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1506":{"position":{"__isSmartRef__":true,"id":1507},"_Extent":{"__isSmartRef__":true,"id":1508},"_Fill":{"__isSmartRef__":true,"id":1509},"renderContextTable":{"__isSmartRef__":true,"id":1510},"_Position":{"__isSmartRef__":true,"id":1511},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_BorderColor":{"__isSmartRef__":true,"id":1512},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1513},"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1507":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1508":{"x":44,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1509":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1510":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1511":{"x":-21.79994893587525,"y":-11.10337784258678,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1512":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1513":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1514":{"x":37.565353484013826,"y":-29.931166545149892,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1515":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1516":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1517":{"morph":{"__isSmartRef__":true,"id":1505},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1518":{},"1519":{"x":0,"y":-55,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1520":{"submorphs":[],"scripts":[],"id":1241,"shape":{"__isSmartRef__":true,"id":1521},"__layered_droppingEnabled__":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":1529},"name":"Ellipse3","partsBinMetaInfo":{"__isSmartRef__":true,"id":1530},"renderContextTable":{"__isSmartRef__":true,"id":1531},"eventHandler":{"__isSmartRef__":true,"id":1532},"layout":{"__isSmartRef__":true,"id":1533},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1504},"isBeingDragged":false,"isLockOwner":false,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1521":{"position":{"__isSmartRef__":true,"id":1522},"_Extent":{"__isSmartRef__":true,"id":1523},"_Fill":{"__isSmartRef__":true,"id":1524},"renderContextTable":{"__isSmartRef__":true,"id":1525},"_Position":{"__isSmartRef__":true,"id":1526},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_BorderColor":{"__isSmartRef__":true,"id":1527},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1528},"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1522":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1523":{"x":44,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1524":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1525":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1526":{"x":-24.71719559768121,"y":-11.10337784258661,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1527":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1528":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1529":{"x":38.48260014581979,"y":32.06883345484994,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1530":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1531":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1532":{"morph":{"__isSmartRef__":true,"id":1520},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1533":{},"1534":{"submorphs":[],"scripts":[],"id":1242,"shape":{"__isSmartRef__":true,"id":1535},"__layered_droppingEnabled__":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":1543},"name":"Ellipse2","partsBinMetaInfo":{"__isSmartRef__":true,"id":1544},"renderContextTable":{"__isSmartRef__":true,"id":1545},"eventHandler":{"__isSmartRef__":true,"id":1546},"layout":{"__isSmartRef__":true,"id":1547},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1504},"distanceToDragEvent":{"__isSmartRef__":true,"id":1548},"isBeingDragged":false,"isLockOwner":false,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1535":{"position":{"__isSmartRef__":true,"id":1536},"_Extent":{"__isSmartRef__":true,"id":1537},"_Fill":{"__isSmartRef__":true,"id":1538},"renderContextTable":{"__isSmartRef__":true,"id":1539},"_Position":{"__isSmartRef__":true,"id":1540},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_BorderColor":{"__isSmartRef__":true,"id":1541},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1542},"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1536":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1537":{"x":44,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1538":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1539":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1540":{"x":-22.77236448981057,"y":-12.075793396522045,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1541":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1542":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1543":{"x":-38.46223096205085,"y":-31.95875099121463,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1544":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1545":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1546":{"morph":{"__isSmartRef__":true,"id":1534},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1547":{},"1548":{"x":0,"y":-55,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1549":{"submorphs":[],"scripts":[],"id":1243,"shape":{"__isSmartRef__":true,"id":1550},"__layered_droppingEnabled__":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":1558},"name":"Ellipse1","partsBinMetaInfo":{"__isSmartRef__":true,"id":1559},"renderContextTable":{"__isSmartRef__":true,"id":1560},"eventHandler":{"__isSmartRef__":true,"id":1561},"layout":{"__isSmartRef__":true,"id":1562},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1504},"distanceToDragEvent":{"__isSmartRef__":true,"id":1563},"isBeingDragged":false,"isLockOwner":false,"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1550":{"position":{"__isSmartRef__":true,"id":1551},"_Extent":{"__isSmartRef__":true,"id":1552},"_Fill":{"__isSmartRef__":true,"id":1553},"renderContextTable":{"__isSmartRef__":true,"id":1554},"_Position":{"__isSmartRef__":true,"id":1555},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_BorderColor":{"__isSmartRef__":true,"id":1556},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1557},"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1551":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1552":{"x":44,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1553":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1554":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1555":{"x":-23.74478004374589,"y":-11.10337784258661,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1556":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1557":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1558":{"x":-38.48981540811553,"y":33.06883345484994,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1559":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1560":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1561":{"morph":{"__isSmartRef__":true,"id":1549},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1562":{},"1563":{"x":30.25521995625411,"y":-20.10337784258661,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1564":{"position":{"__isSmartRef__":true,"id":1565},"_Extent":{"__isSmartRef__":true,"id":1566},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1567},"_Fill":{"__isSmartRef__":true,"id":1568},"renderContextTable":{"__isSmartRef__":true,"id":1569},"_BorderRadius":18.130000000000003,"_Opacity":1,"_BorderStyle":"solid","_Position":{"__isSmartRef__":true,"id":1570},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":1571},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1565":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1566":{"x":123,"y":67,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1567":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1568":{"r":0.662,"g":0.662,"b":0.662,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1569":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1570":{"x":-62.23459545186142,"y":-34.03454438773667,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1571":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1572":{"x":1262,"y":579,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1573":{"partsSpaceName":"PartsBin/Sandbox/","comment":"It's car!","migrationLevel":4,"partName":"Car","changes":[{"__isSmartRef__":true,"id":1574},{"__isSmartRef__":true,"id":1576}],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"1574":{"date":{"__isSmartRef__":true,"id":1575},"author":"robertkrahn","message":"","id":"4BC7724C-FC24-4C8A-8998-4B0EC962ED2C"},"1575":{"isSerializedDate":true,"string":"Wed Nov 09 2011 12:21:06 GMT-0800 (PST)"},"1576":{"date":{"__isSmartRef__":true,"id":1577},"author":null,"message":"Hopefully fixes preview","id":"77144BE4-3D7F-45A4-9D9C-A56286B78323"},"1577":{"isSerializedDate":true,"string":"Wed Nov 09 2011 16:22:57 GMT-0800 (PST)"},"1578":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1579":{"morph":{"__isSmartRef__":true,"id":1504},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1580":{},"1581":{"x":20.765404548138577,"y":-62.03454438773667,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1582":{"drive":{"__isSmartRef__":true,"id":1583}},"1583":{"varMapping":{"__isSmartRef__":true,"id":1584},"source":"function drive() {\n if (this.world().visibleBounds().containsRect(this.bounds()))\n this.moveBy(pt(10, 0))\n}","funcProperties":{"__isSmartRef__":true,"id":1585},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1584":{"this":{"__isSmartRef__":true,"id":1504}},"1585":{},"1586":{"x":2.9172466618060753,"y":-40.97241555393532,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1587":{"submorphs":[{"__isSmartRef__":true,"id":1588},{"__isSmartRef__":true,"id":1605}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1623},"renderContextTable":{"__isSmartRef__":true,"id":1628},"eventHandler":{"__isSmartRef__":true,"id":1629},"_ClipMode":"visible","derivationIds":[],"id":"A213202B-4919-4D37-85C2-CD9BC9154A99","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1630},"grabbingEnabled":false,"draggingEnabled":false,"data":"visible","propertyList":["0","1","2","3","4","5","6"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_ClipMode","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1588},"text":{"__isSmartRef__":true,"id":1605},"owner":{"__isSmartRef__":true,"id":1631},"_Position":{"__isSmartRef__":true,"id":3780},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3781},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1588":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1589},"renderContextTable":{"__isSmartRef__":true,"id":1595},"eventHandler":{"__isSmartRef__":true,"id":1596},"_ClipMode":"visible","derivationIds":[],"id":"06B05811-90A4-4373-92F0-8B52969A20FC","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1597},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1587},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1598},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1589":{"_Position":{"__isSmartRef__":true,"id":1590},"renderContextTable":{"__isSmartRef__":true,"id":1591},"_Extent":{"__isSmartRef__":true,"id":1592},"_Padding":{"__isSmartRef__":true,"id":1593},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1594},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1590":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1591":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1592":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1593":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1594":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1595":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1596":{"morph":{"__isSmartRef__":true,"id":1588},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1597":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1598":{"toggle":{"__isSmartRef__":true,"id":1599},"toggleExpansion":{"__isSmartRef__":true,"id":1602}},"1599":{"varMapping":{"__isSmartRef__":true,"id":1600},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1601},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1600":{"this":{"__isSmartRef__":true,"id":1588}},"1601":{},"1602":{"varMapping":{"__isSmartRef__":true,"id":1603},"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":1604},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1603":{"this":{"__isSmartRef__":true,"id":1588}},"1604":{},"1605":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1606},"renderContextTable":{"__isSmartRef__":true,"id":1612},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1613},{"__isSmartRef__":true,"id":1615}],"eventHandler":{"__isSmartRef__":true,"id":1617},"_ClipMode":"hidden","derivationIds":[],"id":"D0D7FE88-E8D1-4B29-9550-DBD8000B7169","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1587},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1619},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1606":{"_Position":{"__isSmartRef__":true,"id":1607},"renderContextTable":{"__isSmartRef__":true,"id":1608},"_Extent":{"__isSmartRef__":true,"id":1609},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1607":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1608":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1609":{"x":114,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1610":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1611":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1612":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1613":{"style":{"__isSmartRef__":true,"id":1614},"chunkOwner":{"__isSmartRef__":true,"id":1605},"_id":"_883","storedString":"_ClipMode","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1614":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1615":{"_id":"_884","style":{"__isSmartRef__":true,"id":1616},"chunkOwner":{"__isSmartRef__":true,"id":1605},"storedString":": visible","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1616":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1617":{"morph":{"__isSmartRef__":true,"id":1605},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1618":{"r":0.25098039215686274,"g":0.25098039215686274,"b":0.25098039215686274,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1619":{"layoutText":{"__isSmartRef__":true,"id":1620}},"1620":{"varMapping":{"__isSmartRef__":true,"id":1621},"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":1622},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1621":{"this":{"__isSmartRef__":true,"id":1605}},"1622":{},"1623":{"_Position":{"__isSmartRef__":true,"id":1624},"renderContextTable":{"__isSmartRef__":true,"id":1625},"_Extent":{"__isSmartRef__":true,"id":1626},"_Padding":{"__isSmartRef__":true,"id":1627},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1624":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1625":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1626":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1627":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1628":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1629":{"morph":{"__isSmartRef__":true,"id":1587},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1630":{"resizeWidth":true},"1631":{"submorphs":[{"__isSmartRef__":true,"id":1587}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1632},"renderContextTable":{"__isSmartRef__":true,"id":1637},"eventHandler":{"__isSmartRef__":true,"id":1638},"_ClipMode":"visible","derivationIds":[],"id":"FC5F3374-A90A-40AD-94A4-6DEDB1E31B00","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1639},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3771},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3772},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1632":{"_Position":{"__isSmartRef__":true,"id":1633},"renderContextTable":{"__isSmartRef__":true,"id":1634},"_Extent":{"__isSmartRef__":true,"id":1635},"_Padding":{"__isSmartRef__":true,"id":1636},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1633":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1634":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1635":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1636":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1637":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1638":{"morph":{"__isSmartRef__":true,"id":1631},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1639":{"layouter":{"__isSmartRef__":true,"id":1640},"resizeWidth":true},"1640":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1631},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1641":{"submorphs":[{"__isSmartRef__":true,"id":1631},{"__isSmartRef__":true,"id":1642},{"__isSmartRef__":true,"id":1723},{"__isSmartRef__":true,"id":1804},{"__isSmartRef__":true,"id":1885},{"__isSmartRef__":true,"id":1966},{"__isSmartRef__":true,"id":2047},{"__isSmartRef__":true,"id":2129},{"__isSmartRef__":true,"id":2210},{"__isSmartRef__":true,"id":2291},{"__isSmartRef__":true,"id":2372},{"__isSmartRef__":true,"id":2453},{"__isSmartRef__":true,"id":2534},{"__isSmartRef__":true,"id":2615},{"__isSmartRef__":true,"id":2696},{"__isSmartRef__":true,"id":2777},{"__isSmartRef__":true,"id":2858},{"__isSmartRef__":true,"id":2939},{"__isSmartRef__":true,"id":3020},{"__isSmartRef__":true,"id":3101},{"__isSmartRef__":true,"id":3182},{"__isSmartRef__":true,"id":3263},{"__isSmartRef__":true,"id":3345},{"__isSmartRef__":true,"id":3426},{"__isSmartRef__":true,"id":3507},{"__isSmartRef__":true,"id":3588},{"__isSmartRef__":true,"id":3669}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3750},"derivationIds":[null],"id":"017C59A7-CF87-44AE-8C6F-39960CE3CC3A","renderContextTable":{"__isSmartRef__":true,"id":3755},"eventHandler":{"__isSmartRef__":true,"id":3756},"_ClipMode":"visible","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3757},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1443},"_Position":{"__isSmartRef__":true,"id":3759},"_Visible":true,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3760},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1642":{"submorphs":[{"__isSmartRef__":true,"id":1643}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1705},"renderContextTable":{"__isSmartRef__":true,"id":1710},"eventHandler":{"__isSmartRef__":true,"id":1711},"_ClipMode":"visible","derivationIds":[],"id":"918DA8DE-2B97-49DE-AF73-009C814CD7B9","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1712},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":1714},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1715},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1643":{"submorphs":[{"__isSmartRef__":true,"id":1644},{"__isSmartRef__":true,"id":1661}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1676},"renderContextTable":{"__isSmartRef__":true,"id":1681},"eventHandler":{"__isSmartRef__":true,"id":1682},"_ClipMode":"visible","derivationIds":[],"id":"900955B4-DF18-4895-8643-A155A8CEA849","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1683},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1499},"propertyList":["x","y"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_Position","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1644},"text":{"__isSmartRef__":true,"id":1661},"owner":{"__isSmartRef__":true,"id":1642},"_Position":{"__isSmartRef__":true,"id":1684},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1685},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1644":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1645},"renderContextTable":{"__isSmartRef__":true,"id":1651},"eventHandler":{"__isSmartRef__":true,"id":1652},"_ClipMode":"visible","derivationIds":[],"id":"98D93DB9-BFA5-478A-B1CB-7AD6123D1174","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1653},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1643},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1654},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1645":{"_Position":{"__isSmartRef__":true,"id":1646},"renderContextTable":{"__isSmartRef__":true,"id":1647},"_Extent":{"__isSmartRef__":true,"id":1648},"_Padding":{"__isSmartRef__":true,"id":1649},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1650},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1646":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1647":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1648":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1649":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1650":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1651":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1652":{"morph":{"__isSmartRef__":true,"id":1644},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1653":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1654":{"toggle":{"__isSmartRef__":true,"id":1655},"toggleExpansion":{"__isSmartRef__":true,"id":1658}},"1655":{"varMapping":{"__isSmartRef__":true,"id":1656},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1657},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1656":{"this":{"__isSmartRef__":true,"id":1644}},"1657":{},"1658":{"varMapping":{"__isSmartRef__":true,"id":1659},"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":1660},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1659":{"this":{"__isSmartRef__":true,"id":1644}},"1660":{},"1661":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1662},"renderContextTable":{"__isSmartRef__":true,"id":1666},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1667},{"__isSmartRef__":true,"id":1669}],"eventHandler":{"__isSmartRef__":true,"id":1671},"_ClipMode":"hidden","derivationIds":[],"id":"08E17D44-470C-46F2-9BFC-F55605AEBDC9","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1643},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1672},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1662":{"_Position":{"__isSmartRef__":true,"id":1663},"renderContextTable":{"__isSmartRef__":true,"id":1664},"_Extent":{"__isSmartRef__":true,"id":1665},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1663":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1664":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1665":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1666":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1667":{"style":{"__isSmartRef__":true,"id":1668},"chunkOwner":{"__isSmartRef__":true,"id":1661},"_id":"_887","storedString":"_Position","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1668":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1669":{"_id":"_888","style":{"__isSmartRef__":true,"id":1670},"chunkOwner":{"__isSmartRef__":true,"id":1661},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1670":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1671":{"morph":{"__isSmartRef__":true,"id":1661},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1672":{"layoutText":{"__isSmartRef__":true,"id":1673}},"1673":{"varMapping":{"__isSmartRef__":true,"id":1674},"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":1675},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1674":{"this":{"__isSmartRef__":true,"id":1661}},"1675":{},"1676":{"_Position":{"__isSmartRef__":true,"id":1677},"renderContextTable":{"__isSmartRef__":true,"id":1678},"_Extent":{"__isSmartRef__":true,"id":1679},"_Padding":{"__isSmartRef__":true,"id":1680},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1677":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1678":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1679":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1680":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1681":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1682":{"morph":{"__isSmartRef__":true,"id":1643},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1683":{"resizeWidth":true},"1684":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1685":{"updateExpanderColor":{"__isSmartRef__":true,"id":1686},"onMouseDown":{"__isSmartRef__":true,"id":1689},"isRoot":{"__isSmartRef__":true,"id":1696},"displayValue":{"__isSmartRef__":true,"id":1699},"update":{"__isSmartRef__":true,"id":1702}},"1686":{"varMapping":{"__isSmartRef__":true,"id":1687},"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":1688},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1687":{"this":{"__isSmartRef__":true,"id":1643}},"1688":{},"1689":{"varMapping":{"__isSmartRef__":true,"id":1690},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1695},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1690":{"this":{"__isSmartRef__":true,"id":1643},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1691}},"1691":{"$super":{"__isSmartRef__":true,"id":1692}},"1692":{"varMapping":{"__isSmartRef__":true,"id":1693},"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":1694},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1693":{"obj":{"__isSmartRef__":true,"id":1643},"name":"onMouseDown"},"1694":{},"1695":{},"1696":{"varMapping":{"__isSmartRef__":true,"id":1697},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1698},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1697":{"this":{"__isSmartRef__":true,"id":1643}},"1698":{},"1699":{"varMapping":{"__isSmartRef__":true,"id":1700},"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":1701},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1700":{"this":{"__isSmartRef__":true,"id":1643}},"1701":{},"1702":{"varMapping":{"__isSmartRef__":true,"id":1703},"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":1704},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1703":{"this":{"__isSmartRef__":true,"id":1643}},"1704":{},"1705":{"_Position":{"__isSmartRef__":true,"id":1706},"renderContextTable":{"__isSmartRef__":true,"id":1707},"_Extent":{"__isSmartRef__":true,"id":1708},"_Padding":{"__isSmartRef__":true,"id":1709},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1706":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1707":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1708":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1709":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1710":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1711":{"morph":{"__isSmartRef__":true,"id":1642},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1712":{"layouter":{"__isSmartRef__":true,"id":1713},"resizeWidth":true},"1713":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1642},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1714":{"x":0,"y":520,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1715":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1716}},"1716":{"varMapping":{"__isSmartRef__":true,"id":1717},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1722},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1717":{"this":{"__isSmartRef__":true,"id":1642},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1718}},"1718":{"$super":{"__isSmartRef__":true,"id":1719}},"1719":{"varMapping":{"__isSmartRef__":true,"id":1720},"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":1721},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1720":{"obj":{"__isSmartRef__":true,"id":1642},"name":"getLayoutableSubmorphs"},"1721":{},"1722":{},"1723":{"submorphs":[{"__isSmartRef__":true,"id":1724}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1786},"renderContextTable":{"__isSmartRef__":true,"id":1791},"eventHandler":{"__isSmartRef__":true,"id":1792},"_ClipMode":"visible","derivationIds":[],"id":"842A76BE-B331-4B5E-9CD3-72A877AFEB63","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1793},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":1795},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1796},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1724":{"submorphs":[{"__isSmartRef__":true,"id":1725},{"__isSmartRef__":true,"id":1742}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1757},"renderContextTable":{"__isSmartRef__":true,"id":1762},"eventHandler":{"__isSmartRef__":true,"id":1763},"_ClipMode":"visible","derivationIds":[],"id":"2515FFAE-B6A6-479B-80C4-9A9B3FB4DF64","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1764},"grabbingEnabled":false,"draggingEnabled":false,"data":0,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_Rotation","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1725},"text":{"__isSmartRef__":true,"id":1742},"owner":{"__isSmartRef__":true,"id":1723},"_Position":{"__isSmartRef__":true,"id":1765},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1766},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1725":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1726},"renderContextTable":{"__isSmartRef__":true,"id":1732},"eventHandler":{"__isSmartRef__":true,"id":1733},"_ClipMode":"visible","derivationIds":[],"id":"E0139781-4F6B-460B-B47F-CB8837AFE024","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1734},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1724},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1735},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1726":{"_Position":{"__isSmartRef__":true,"id":1727},"renderContextTable":{"__isSmartRef__":true,"id":1728},"_Extent":{"__isSmartRef__":true,"id":1729},"_Padding":{"__isSmartRef__":true,"id":1730},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1731},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1727":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1728":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1729":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1730":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1731":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1732":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1733":{"morph":{"__isSmartRef__":true,"id":1725},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1734":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1735":{"toggle":{"__isSmartRef__":true,"id":1736},"toggleExpansion":{"__isSmartRef__":true,"id":1739}},"1736":{"varMapping":{"__isSmartRef__":true,"id":1737},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1738},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1737":{"this":{"__isSmartRef__":true,"id":1725}},"1738":{},"1739":{"varMapping":{"__isSmartRef__":true,"id":1740},"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":1741},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1740":{"this":{"__isSmartRef__":true,"id":1725}},"1741":{},"1742":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1743},"renderContextTable":{"__isSmartRef__":true,"id":1747},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1748},{"__isSmartRef__":true,"id":1750}],"eventHandler":{"__isSmartRef__":true,"id":1752},"_ClipMode":"hidden","derivationIds":[],"id":"10DC7423-6A24-4F49-9301-1D819C7757D6","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1724},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1753},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1743":{"_Position":{"__isSmartRef__":true,"id":1744},"renderContextTable":{"__isSmartRef__":true,"id":1745},"_Extent":{"__isSmartRef__":true,"id":1746},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1744":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1745":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1746":{"x":78,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1747":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1748":{"style":{"__isSmartRef__":true,"id":1749},"chunkOwner":{"__isSmartRef__":true,"id":1742},"_id":"_891","storedString":"_Rotation","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1749":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1750":{"_id":"_892","style":{"__isSmartRef__":true,"id":1751},"chunkOwner":{"__isSmartRef__":true,"id":1742},"storedString":": 0","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1751":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1752":{"morph":{"__isSmartRef__":true,"id":1742},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1753":{"layoutText":{"__isSmartRef__":true,"id":1754}},"1754":{"varMapping":{"__isSmartRef__":true,"id":1755},"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":1756},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1755":{"this":{"__isSmartRef__":true,"id":1742}},"1756":{},"1757":{"_Position":{"__isSmartRef__":true,"id":1758},"renderContextTable":{"__isSmartRef__":true,"id":1759},"_Extent":{"__isSmartRef__":true,"id":1760},"_Padding":{"__isSmartRef__":true,"id":1761},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1758":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1759":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1760":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1761":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1762":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1763":{"morph":{"__isSmartRef__":true,"id":1724},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1764":{"resizeWidth":true},"1765":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1766":{"updateExpanderColor":{"__isSmartRef__":true,"id":1767},"onMouseDown":{"__isSmartRef__":true,"id":1770},"isRoot":{"__isSmartRef__":true,"id":1777},"displayValue":{"__isSmartRef__":true,"id":1780},"update":{"__isSmartRef__":true,"id":1783}},"1767":{"varMapping":{"__isSmartRef__":true,"id":1768},"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":1769},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1768":{"this":{"__isSmartRef__":true,"id":1724}},"1769":{},"1770":{"varMapping":{"__isSmartRef__":true,"id":1771},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1776},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1771":{"this":{"__isSmartRef__":true,"id":1724},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1772}},"1772":{"$super":{"__isSmartRef__":true,"id":1773}},"1773":{"varMapping":{"__isSmartRef__":true,"id":1774},"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":1775},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1774":{"obj":{"__isSmartRef__":true,"id":1724},"name":"onMouseDown"},"1775":{},"1776":{},"1777":{"varMapping":{"__isSmartRef__":true,"id":1778},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1779},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1778":{"this":{"__isSmartRef__":true,"id":1724}},"1779":{},"1780":{"varMapping":{"__isSmartRef__":true,"id":1781},"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":1782},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1781":{"this":{"__isSmartRef__":true,"id":1724}},"1782":{},"1783":{"varMapping":{"__isSmartRef__":true,"id":1784},"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":1785},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1784":{"this":{"__isSmartRef__":true,"id":1724}},"1785":{},"1786":{"_Position":{"__isSmartRef__":true,"id":1787},"renderContextTable":{"__isSmartRef__":true,"id":1788},"_Extent":{"__isSmartRef__":true,"id":1789},"_Padding":{"__isSmartRef__":true,"id":1790},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1787":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1788":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1789":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1790":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1791":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1792":{"morph":{"__isSmartRef__":true,"id":1723},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1793":{"layouter":{"__isSmartRef__":true,"id":1794},"resizeWidth":true},"1794":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1723},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1795":{"x":0,"y":500,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1796":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1797}},"1797":{"varMapping":{"__isSmartRef__":true,"id":1798},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1803},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1798":{"this":{"__isSmartRef__":true,"id":1723},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1799}},"1799":{"$super":{"__isSmartRef__":true,"id":1800}},"1800":{"varMapping":{"__isSmartRef__":true,"id":1801},"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":1802},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1801":{"obj":{"__isSmartRef__":true,"id":1723},"name":"getLayoutableSubmorphs"},"1802":{},"1803":{},"1804":{"submorphs":[{"__isSmartRef__":true,"id":1805}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1867},"renderContextTable":{"__isSmartRef__":true,"id":1872},"eventHandler":{"__isSmartRef__":true,"id":1873},"_ClipMode":"visible","derivationIds":[],"id":"82EE7C12-8011-46EC-B6CF-DA25A52B7B56","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1874},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":1876},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1877},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1805":{"submorphs":[{"__isSmartRef__":true,"id":1806},{"__isSmartRef__":true,"id":1823}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1838},"renderContextTable":{"__isSmartRef__":true,"id":1843},"eventHandler":{"__isSmartRef__":true,"id":1844},"_ClipMode":"visible","derivationIds":[],"id":"48807F0F-80E0-4A5E-9C04-B68D4183AD2D","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1845},"grabbingEnabled":false,"draggingEnabled":false,"data":1,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_Scale","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1806},"text":{"__isSmartRef__":true,"id":1823},"owner":{"__isSmartRef__":true,"id":1804},"_Position":{"__isSmartRef__":true,"id":1846},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1847},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1806":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1807},"renderContextTable":{"__isSmartRef__":true,"id":1813},"eventHandler":{"__isSmartRef__":true,"id":1814},"_ClipMode":"visible","derivationIds":[],"id":"61DF9DA6-5083-4729-84F2-7090EAD94AC4","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1815},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1805},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1816},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1807":{"_Position":{"__isSmartRef__":true,"id":1808},"renderContextTable":{"__isSmartRef__":true,"id":1809},"_Extent":{"__isSmartRef__":true,"id":1810},"_Padding":{"__isSmartRef__":true,"id":1811},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1812},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1808":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1809":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1810":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1811":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1812":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1813":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1814":{"morph":{"__isSmartRef__":true,"id":1806},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1815":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1816":{"toggle":{"__isSmartRef__":true,"id":1817},"toggleExpansion":{"__isSmartRef__":true,"id":1820}},"1817":{"varMapping":{"__isSmartRef__":true,"id":1818},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1819},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1818":{"this":{"__isSmartRef__":true,"id":1806}},"1819":{},"1820":{"varMapping":{"__isSmartRef__":true,"id":1821},"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":1822},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1821":{"this":{"__isSmartRef__":true,"id":1806}},"1822":{},"1823":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1824},"renderContextTable":{"__isSmartRef__":true,"id":1828},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1829},{"__isSmartRef__":true,"id":1831}],"eventHandler":{"__isSmartRef__":true,"id":1833},"_ClipMode":"hidden","derivationIds":[],"id":"24769D70-74AA-4311-BAC2-9EABB04739B9","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1805},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1834},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1824":{"_Position":{"__isSmartRef__":true,"id":1825},"renderContextTable":{"__isSmartRef__":true,"id":1826},"_Extent":{"__isSmartRef__":true,"id":1827},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1825":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1826":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1827":{"x":63,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1828":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1829":{"style":{"__isSmartRef__":true,"id":1830},"chunkOwner":{"__isSmartRef__":true,"id":1823},"_id":"_895","storedString":"_Scale","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1830":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1831":{"_id":"_896","style":{"__isSmartRef__":true,"id":1832},"chunkOwner":{"__isSmartRef__":true,"id":1823},"storedString":": 1","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1832":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1833":{"morph":{"__isSmartRef__":true,"id":1823},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1834":{"layoutText":{"__isSmartRef__":true,"id":1835}},"1835":{"varMapping":{"__isSmartRef__":true,"id":1836},"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":1837},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1836":{"this":{"__isSmartRef__":true,"id":1823}},"1837":{},"1838":{"_Position":{"__isSmartRef__":true,"id":1839},"renderContextTable":{"__isSmartRef__":true,"id":1840},"_Extent":{"__isSmartRef__":true,"id":1841},"_Padding":{"__isSmartRef__":true,"id":1842},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1839":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1840":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1841":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1842":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1843":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1844":{"morph":{"__isSmartRef__":true,"id":1805},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1845":{"resizeWidth":true},"1846":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1847":{"updateExpanderColor":{"__isSmartRef__":true,"id":1848},"onMouseDown":{"__isSmartRef__":true,"id":1851},"isRoot":{"__isSmartRef__":true,"id":1858},"displayValue":{"__isSmartRef__":true,"id":1861},"update":{"__isSmartRef__":true,"id":1864}},"1848":{"varMapping":{"__isSmartRef__":true,"id":1849},"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":1850},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1849":{"this":{"__isSmartRef__":true,"id":1805}},"1850":{},"1851":{"varMapping":{"__isSmartRef__":true,"id":1852},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1857},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1852":{"this":{"__isSmartRef__":true,"id":1805},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1853}},"1853":{"$super":{"__isSmartRef__":true,"id":1854}},"1854":{"varMapping":{"__isSmartRef__":true,"id":1855},"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":1856},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1855":{"obj":{"__isSmartRef__":true,"id":1805},"name":"onMouseDown"},"1856":{},"1857":{},"1858":{"varMapping":{"__isSmartRef__":true,"id":1859},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1860},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1859":{"this":{"__isSmartRef__":true,"id":1805}},"1860":{},"1861":{"varMapping":{"__isSmartRef__":true,"id":1862},"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":1863},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1862":{"this":{"__isSmartRef__":true,"id":1805}},"1863":{},"1864":{"varMapping":{"__isSmartRef__":true,"id":1865},"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":1866},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1865":{"this":{"__isSmartRef__":true,"id":1805}},"1866":{},"1867":{"_Position":{"__isSmartRef__":true,"id":1868},"renderContextTable":{"__isSmartRef__":true,"id":1869},"_Extent":{"__isSmartRef__":true,"id":1870},"_Padding":{"__isSmartRef__":true,"id":1871},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1868":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1869":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1870":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1871":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1872":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1873":{"morph":{"__isSmartRef__":true,"id":1804},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1874":{"layouter":{"__isSmartRef__":true,"id":1875},"resizeWidth":true},"1875":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1804},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1876":{"x":0,"y":480,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1877":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1878}},"1878":{"varMapping":{"__isSmartRef__":true,"id":1879},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1884},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1879":{"this":{"__isSmartRef__":true,"id":1804},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1880}},"1880":{"$super":{"__isSmartRef__":true,"id":1881}},"1881":{"varMapping":{"__isSmartRef__":true,"id":1882},"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":1883},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1882":{"obj":{"__isSmartRef__":true,"id":1804},"name":"getLayoutableSubmorphs"},"1883":{},"1884":{},"1885":{"submorphs":[{"__isSmartRef__":true,"id":1886}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1948},"renderContextTable":{"__isSmartRef__":true,"id":1953},"eventHandler":{"__isSmartRef__":true,"id":1954},"_ClipMode":"visible","derivationIds":[],"id":"8B9DF1DB-2532-4708-A797-5CA582AA4C1C","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1955},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":1957},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1958},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1886":{"submorphs":[{"__isSmartRef__":true,"id":1887},{"__isSmartRef__":true,"id":1904}],"scripts":[],"shape":{"__isSmartRef__":true,"id":1919},"renderContextTable":{"__isSmartRef__":true,"id":1924},"eventHandler":{"__isSmartRef__":true,"id":1925},"_ClipMode":"visible","derivationIds":[],"id":"B4E981DC-FB47-4B42-AD14-0B9FB31A61B5","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":1926},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"__layered_droppingEnabled__","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1887},"text":{"__isSmartRef__":true,"id":1904},"owner":{"__isSmartRef__":true,"id":1885},"_Position":{"__isSmartRef__":true,"id":1927},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1928},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1887":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1888},"renderContextTable":{"__isSmartRef__":true,"id":1894},"eventHandler":{"__isSmartRef__":true,"id":1895},"_ClipMode":"visible","derivationIds":[],"id":"45D6FA57-40A2-412E-B412-35F8CC56CF62","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1896},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1886},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1897},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1888":{"_Position":{"__isSmartRef__":true,"id":1889},"renderContextTable":{"__isSmartRef__":true,"id":1890},"_Extent":{"__isSmartRef__":true,"id":1891},"_Padding":{"__isSmartRef__":true,"id":1892},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1893},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1889":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1890":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1891":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1892":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1893":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1894":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1895":{"morph":{"__isSmartRef__":true,"id":1887},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1896":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1897":{"toggle":{"__isSmartRef__":true,"id":1898},"toggleExpansion":{"__isSmartRef__":true,"id":1901}},"1898":{"varMapping":{"__isSmartRef__":true,"id":1899},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1900},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1899":{"this":{"__isSmartRef__":true,"id":1887}},"1900":{},"1901":{"varMapping":{"__isSmartRef__":true,"id":1902},"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":1903},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1902":{"this":{"__isSmartRef__":true,"id":1887}},"1903":{},"1904":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1905},"renderContextTable":{"__isSmartRef__":true,"id":1909},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1910},{"__isSmartRef__":true,"id":1912}],"eventHandler":{"__isSmartRef__":true,"id":1914},"_ClipMode":"hidden","derivationIds":[],"id":"6031BCA7-B1D2-48DF-82E8-17CFA6CCD9C5","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1886},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1915},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1905":{"_Position":{"__isSmartRef__":true,"id":1906},"renderContextTable":{"__isSmartRef__":true,"id":1907},"_Extent":{"__isSmartRef__":true,"id":1908},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1906":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1907":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1908":{"x":211,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1909":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1910":{"style":{"__isSmartRef__":true,"id":1911},"chunkOwner":{"__isSmartRef__":true,"id":1904},"_id":"_899","storedString":"__layered_droppingEnabled__","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1911":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1912":{"_id":"_900","style":{"__isSmartRef__":true,"id":1913},"chunkOwner":{"__isSmartRef__":true,"id":1904},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1913":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1914":{"morph":{"__isSmartRef__":true,"id":1904},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1915":{"layoutText":{"__isSmartRef__":true,"id":1916}},"1916":{"varMapping":{"__isSmartRef__":true,"id":1917},"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":1918},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1917":{"this":{"__isSmartRef__":true,"id":1904}},"1918":{},"1919":{"_Position":{"__isSmartRef__":true,"id":1920},"renderContextTable":{"__isSmartRef__":true,"id":1921},"_Extent":{"__isSmartRef__":true,"id":1922},"_Padding":{"__isSmartRef__":true,"id":1923},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1920":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1921":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1922":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1923":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1924":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1925":{"morph":{"__isSmartRef__":true,"id":1886},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1926":{"resizeWidth":true},"1927":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1928":{"updateExpanderColor":{"__isSmartRef__":true,"id":1929},"onMouseDown":{"__isSmartRef__":true,"id":1932},"isRoot":{"__isSmartRef__":true,"id":1939},"displayValue":{"__isSmartRef__":true,"id":1942},"update":{"__isSmartRef__":true,"id":1945}},"1929":{"varMapping":{"__isSmartRef__":true,"id":1930},"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":1931},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1930":{"this":{"__isSmartRef__":true,"id":1886}},"1931":{},"1932":{"varMapping":{"__isSmartRef__":true,"id":1933},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":1938},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1933":{"this":{"__isSmartRef__":true,"id":1886},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1934}},"1934":{"$super":{"__isSmartRef__":true,"id":1935}},"1935":{"varMapping":{"__isSmartRef__":true,"id":1936},"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":1937},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1936":{"obj":{"__isSmartRef__":true,"id":1886},"name":"onMouseDown"},"1937":{},"1938":{},"1939":{"varMapping":{"__isSmartRef__":true,"id":1940},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":1941},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1940":{"this":{"__isSmartRef__":true,"id":1886}},"1941":{},"1942":{"varMapping":{"__isSmartRef__":true,"id":1943},"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":1944},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1943":{"this":{"__isSmartRef__":true,"id":1886}},"1944":{},"1945":{"varMapping":{"__isSmartRef__":true,"id":1946},"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":1947},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1946":{"this":{"__isSmartRef__":true,"id":1886}},"1947":{},"1948":{"_Position":{"__isSmartRef__":true,"id":1949},"renderContextTable":{"__isSmartRef__":true,"id":1950},"_Extent":{"__isSmartRef__":true,"id":1951},"_Padding":{"__isSmartRef__":true,"id":1952},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1949":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1950":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1951":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1952":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1953":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1954":{"morph":{"__isSmartRef__":true,"id":1885},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1955":{"layouter":{"__isSmartRef__":true,"id":1956},"resizeWidth":true},"1956":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1885},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"1957":{"x":0,"y":460,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1958":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":1959}},"1959":{"varMapping":{"__isSmartRef__":true,"id":1960},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":1965},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1960":{"this":{"__isSmartRef__":true,"id":1885},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1961}},"1961":{"$super":{"__isSmartRef__":true,"id":1962}},"1962":{"varMapping":{"__isSmartRef__":true,"id":1963},"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":1964},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1963":{"obj":{"__isSmartRef__":true,"id":1885},"name":"getLayoutableSubmorphs"},"1964":{},"1965":{},"1966":{"submorphs":[{"__isSmartRef__":true,"id":1967}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2029},"renderContextTable":{"__isSmartRef__":true,"id":2034},"eventHandler":{"__isSmartRef__":true,"id":2035},"_ClipMode":"visible","derivationIds":[],"id":"BEA06798-10D3-4C60-961A-1DC5AC03F416","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2036},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2038},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2039},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1967":{"submorphs":[{"__isSmartRef__":true,"id":1968},{"__isSmartRef__":true,"id":1985}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2000},"renderContextTable":{"__isSmartRef__":true,"id":2005},"eventHandler":{"__isSmartRef__":true,"id":2006},"_ClipMode":"visible","derivationIds":[],"id":"A96948D6-2B1A-414E-898E-5A5F7EEE7BA6","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2007},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_isRendered","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":1968},"text":{"__isSmartRef__":true,"id":1985},"owner":{"__isSmartRef__":true,"id":1966},"_Position":{"__isSmartRef__":true,"id":2008},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2009},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"1968":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1969},"renderContextTable":{"__isSmartRef__":true,"id":1975},"eventHandler":{"__isSmartRef__":true,"id":1976},"_ClipMode":"visible","derivationIds":[],"id":"67E7D94D-3092-4492-8C01-9FFECC4A511A","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":1977},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":1967},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1978},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"1969":{"_Position":{"__isSmartRef__":true,"id":1970},"renderContextTable":{"__isSmartRef__":true,"id":1971},"_Extent":{"__isSmartRef__":true,"id":1972},"_Padding":{"__isSmartRef__":true,"id":1973},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":1974},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1970":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1971":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1972":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1973":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1974":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1975":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"1976":{"morph":{"__isSmartRef__":true,"id":1968},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1977":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1978":{"toggle":{"__isSmartRef__":true,"id":1979},"toggleExpansion":{"__isSmartRef__":true,"id":1982}},"1979":{"varMapping":{"__isSmartRef__":true,"id":1980},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":1981},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1980":{"this":{"__isSmartRef__":true,"id":1968}},"1981":{},"1982":{"varMapping":{"__isSmartRef__":true,"id":1983},"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":1984},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1983":{"this":{"__isSmartRef__":true,"id":1968}},"1984":{},"1985":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":1986},"renderContextTable":{"__isSmartRef__":true,"id":1990},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":1991},{"__isSmartRef__":true,"id":1993}],"eventHandler":{"__isSmartRef__":true,"id":1995},"_ClipMode":"hidden","derivationIds":[],"id":"A28E6513-1AD9-4329-A9B5-2EC8BE612180","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":1967},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":1996},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1986":{"_Position":{"__isSmartRef__":true,"id":1987},"renderContextTable":{"__isSmartRef__":true,"id":1988},"_Extent":{"__isSmartRef__":true,"id":1989},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"1987":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1988":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"1989":{"x":110,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"1990":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"1991":{"style":{"__isSmartRef__":true,"id":1992},"chunkOwner":{"__isSmartRef__":true,"id":1985},"_id":"_903","storedString":"_isRendered","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1992":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1993":{"_id":"_904","style":{"__isSmartRef__":true,"id":1994},"chunkOwner":{"__isSmartRef__":true,"id":1985},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1994":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"1995":{"morph":{"__isSmartRef__":true,"id":1985},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"1996":{"layoutText":{"__isSmartRef__":true,"id":1997}},"1997":{"varMapping":{"__isSmartRef__":true,"id":1998},"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":1999},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"1998":{"this":{"__isSmartRef__":true,"id":1985}},"1999":{},"2000":{"_Position":{"__isSmartRef__":true,"id":2001},"renderContextTable":{"__isSmartRef__":true,"id":2002},"_Extent":{"__isSmartRef__":true,"id":2003},"_Padding":{"__isSmartRef__":true,"id":2004},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2001":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2002":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2003":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2004":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2005":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2006":{"morph":{"__isSmartRef__":true,"id":1967},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2007":{"resizeWidth":true},"2008":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2009":{"updateExpanderColor":{"__isSmartRef__":true,"id":2010},"onMouseDown":{"__isSmartRef__":true,"id":2013},"isRoot":{"__isSmartRef__":true,"id":2020},"displayValue":{"__isSmartRef__":true,"id":2023},"update":{"__isSmartRef__":true,"id":2026}},"2010":{"varMapping":{"__isSmartRef__":true,"id":2011},"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":2012},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2011":{"this":{"__isSmartRef__":true,"id":1967}},"2012":{},"2013":{"varMapping":{"__isSmartRef__":true,"id":2014},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2019},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2014":{"this":{"__isSmartRef__":true,"id":1967},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2015}},"2015":{"$super":{"__isSmartRef__":true,"id":2016}},"2016":{"varMapping":{"__isSmartRef__":true,"id":2017},"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":2018},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2017":{"obj":{"__isSmartRef__":true,"id":1967},"name":"onMouseDown"},"2018":{},"2019":{},"2020":{"varMapping":{"__isSmartRef__":true,"id":2021},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2022},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2021":{"this":{"__isSmartRef__":true,"id":1967}},"2022":{},"2023":{"varMapping":{"__isSmartRef__":true,"id":2024},"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":2025},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2024":{"this":{"__isSmartRef__":true,"id":1967}},"2025":{},"2026":{"varMapping":{"__isSmartRef__":true,"id":2027},"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":2028},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2027":{"this":{"__isSmartRef__":true,"id":1967}},"2028":{},"2029":{"_Position":{"__isSmartRef__":true,"id":2030},"renderContextTable":{"__isSmartRef__":true,"id":2031},"_Extent":{"__isSmartRef__":true,"id":2032},"_Padding":{"__isSmartRef__":true,"id":2033},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2030":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2031":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2032":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2033":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2034":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2035":{"morph":{"__isSmartRef__":true,"id":1966},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2036":{"layouter":{"__isSmartRef__":true,"id":2037},"resizeWidth":true},"2037":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1966},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2038":{"x":0,"y":440,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2039":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2040}},"2040":{"varMapping":{"__isSmartRef__":true,"id":2041},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2046},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2041":{"this":{"__isSmartRef__":true,"id":1966},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2042}},"2042":{"$super":{"__isSmartRef__":true,"id":2043}},"2043":{"varMapping":{"__isSmartRef__":true,"id":2044},"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":2045},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2044":{"obj":{"__isSmartRef__":true,"id":1966},"name":"getLayoutableSubmorphs"},"2045":{},"2046":{},"2047":{"submorphs":[{"__isSmartRef__":true,"id":2048}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2111},"renderContextTable":{"__isSmartRef__":true,"id":2116},"eventHandler":{"__isSmartRef__":true,"id":2117},"_ClipMode":"visible","derivationIds":[],"id":"5443AF7A-7DFB-4E74-93B1-8E9FD4BD3C17","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2118},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2120},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2121},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2048":{"submorphs":[{"__isSmartRef__":true,"id":2049},{"__isSmartRef__":true,"id":2066}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2081},"renderContextTable":{"__isSmartRef__":true,"id":2086},"eventHandler":{"__isSmartRef__":true,"id":2087},"_ClipMode":"visible","derivationIds":[],"id":"5FA9E360-0815-488F-9433-E464119AB517","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2088},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":2089},"propertyList":["parentNode","morphNode","shapeNode"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"_renderContext","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2049},"text":{"__isSmartRef__":true,"id":2066},"owner":{"__isSmartRef__":true,"id":2047},"_Position":{"__isSmartRef__":true,"id":2090},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2091},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2049":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2050},"renderContextTable":{"__isSmartRef__":true,"id":2056},"eventHandler":{"__isSmartRef__":true,"id":2057},"_ClipMode":"visible","derivationIds":[],"id":"670F047E-AB12-4B8B-82BF-3458E428BC8F","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2058},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2048},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2059},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2050":{"_Position":{"__isSmartRef__":true,"id":2051},"renderContextTable":{"__isSmartRef__":true,"id":2052},"_Extent":{"__isSmartRef__":true,"id":2053},"_Padding":{"__isSmartRef__":true,"id":2054},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2055},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2051":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2052":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2053":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2054":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2055":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2056":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2057":{"morph":{"__isSmartRef__":true,"id":2049},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2058":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2059":{"toggle":{"__isSmartRef__":true,"id":2060},"toggleExpansion":{"__isSmartRef__":true,"id":2063}},"2060":{"varMapping":{"__isSmartRef__":true,"id":2061},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2062},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2061":{"this":{"__isSmartRef__":true,"id":2049}},"2062":{},"2063":{"varMapping":{"__isSmartRef__":true,"id":2064},"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":2065},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2064":{"this":{"__isSmartRef__":true,"id":2049}},"2065":{},"2066":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2067},"renderContextTable":{"__isSmartRef__":true,"id":2071},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2072},{"__isSmartRef__":true,"id":2074}],"eventHandler":{"__isSmartRef__":true,"id":2076},"_ClipMode":"hidden","derivationIds":[],"id":"5E27851A-FC4E-4BA6-BF9D-025BA698CC1B","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2048},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2077},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2067":{"_Position":{"__isSmartRef__":true,"id":2068},"renderContextTable":{"__isSmartRef__":true,"id":2069},"_Extent":{"__isSmartRef__":true,"id":2070},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2068":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2069":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2070":{"x":190,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2071":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2072":{"style":{"__isSmartRef__":true,"id":2073},"chunkOwner":{"__isSmartRef__":true,"id":2066},"_id":"_907","storedString":"_renderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2073":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2074":{"_id":"_908","style":{"__isSmartRef__":true,"id":2075},"chunkOwner":{"__isSmartRef__":true,"id":2066},"storedString":": RenderContext","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2075":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2076":{"morph":{"__isSmartRef__":true,"id":2066},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2077":{"layoutText":{"__isSmartRef__":true,"id":2078}},"2078":{"varMapping":{"__isSmartRef__":true,"id":2079},"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":2080},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2079":{"this":{"__isSmartRef__":true,"id":2066}},"2080":{},"2081":{"_Position":{"__isSmartRef__":true,"id":2082},"renderContextTable":{"__isSmartRef__":true,"id":2083},"_Extent":{"__isSmartRef__":true,"id":2084},"_Padding":{"__isSmartRef__":true,"id":2085},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2082":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2083":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2084":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2085":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2086":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2087":{"morph":{"__isSmartRef__":true,"id":2048},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2088":{"resizeWidth":true},"2089":{"__LivelyClassName__":"lively.morphic.HTML.RenderContext","__SourceModuleName__":"Global.lively.morphic.HTML"},"2090":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2091":{"updateExpanderColor":{"__isSmartRef__":true,"id":2092},"onMouseDown":{"__isSmartRef__":true,"id":2095},"isRoot":{"__isSmartRef__":true,"id":2102},"displayValue":{"__isSmartRef__":true,"id":2105},"update":{"__isSmartRef__":true,"id":2108}},"2092":{"varMapping":{"__isSmartRef__":true,"id":2093},"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":2094},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2093":{"this":{"__isSmartRef__":true,"id":2048}},"2094":{},"2095":{"varMapping":{"__isSmartRef__":true,"id":2096},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2101},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2096":{"this":{"__isSmartRef__":true,"id":2048},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2097}},"2097":{"$super":{"__isSmartRef__":true,"id":2098}},"2098":{"varMapping":{"__isSmartRef__":true,"id":2099},"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":2100},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2099":{"obj":{"__isSmartRef__":true,"id":2048},"name":"onMouseDown"},"2100":{},"2101":{},"2102":{"varMapping":{"__isSmartRef__":true,"id":2103},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2104},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2103":{"this":{"__isSmartRef__":true,"id":2048}},"2104":{},"2105":{"varMapping":{"__isSmartRef__":true,"id":2106},"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":2107},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2106":{"this":{"__isSmartRef__":true,"id":2048}},"2107":{},"2108":{"varMapping":{"__isSmartRef__":true,"id":2109},"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":2110},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2109":{"this":{"__isSmartRef__":true,"id":2048}},"2110":{},"2111":{"_Position":{"__isSmartRef__":true,"id":2112},"renderContextTable":{"__isSmartRef__":true,"id":2113},"_Extent":{"__isSmartRef__":true,"id":2114},"_Padding":{"__isSmartRef__":true,"id":2115},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2112":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2113":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2114":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2115":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2116":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2117":{"morph":{"__isSmartRef__":true,"id":2047},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2118":{"layouter":{"__isSmartRef__":true,"id":2119},"resizeWidth":true},"2119":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2047},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2120":{"x":0,"y":420,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2121":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2122}},"2122":{"varMapping":{"__isSmartRef__":true,"id":2123},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2128},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2123":{"this":{"__isSmartRef__":true,"id":2047},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2124}},"2124":{"$super":{"__isSmartRef__":true,"id":2125}},"2125":{"varMapping":{"__isSmartRef__":true,"id":2126},"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":2127},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2126":{"obj":{"__isSmartRef__":true,"id":2047},"name":"getLayoutableSubmorphs"},"2127":{},"2128":{},"2129":{"submorphs":[{"__isSmartRef__":true,"id":2130}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2192},"renderContextTable":{"__isSmartRef__":true,"id":2197},"eventHandler":{"__isSmartRef__":true,"id":2198},"_ClipMode":"visible","derivationIds":[],"id":"D1979B53-4912-4AEE-BF99-78D0C271E86F","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2199},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2201},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2202},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2130":{"submorphs":[{"__isSmartRef__":true,"id":2131},{"__isSmartRef__":true,"id":2148}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2163},"renderContextTable":{"__isSmartRef__":true,"id":2168},"eventHandler":{"__isSmartRef__":true,"id":2169},"_ClipMode":"visible","derivationIds":[],"id":"58443D49-B900-4F2B-842E-DE3B365B6F6B","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2170},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"attributeConnections","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2131},"text":{"__isSmartRef__":true,"id":2148},"owner":{"__isSmartRef__":true,"id":2129},"_Position":{"__isSmartRef__":true,"id":2171},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2172},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2131":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2132},"renderContextTable":{"__isSmartRef__":true,"id":2138},"eventHandler":{"__isSmartRef__":true,"id":2139},"_ClipMode":"visible","derivationIds":[],"id":"9446CC59-F6F8-47F3-95C1-DA9EC8171349","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2140},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2130},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2141},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2132":{"_Position":{"__isSmartRef__":true,"id":2133},"renderContextTable":{"__isSmartRef__":true,"id":2134},"_Extent":{"__isSmartRef__":true,"id":2135},"_Padding":{"__isSmartRef__":true,"id":2136},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2137},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2133":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2134":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2135":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2136":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2137":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2138":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2139":{"morph":{"__isSmartRef__":true,"id":2131},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2140":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2141":{"toggle":{"__isSmartRef__":true,"id":2142},"toggleExpansion":{"__isSmartRef__":true,"id":2145}},"2142":{"varMapping":{"__isSmartRef__":true,"id":2143},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2144},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2143":{"this":{"__isSmartRef__":true,"id":2131}},"2144":{},"2145":{"varMapping":{"__isSmartRef__":true,"id":2146},"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":2147},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2146":{"this":{"__isSmartRef__":true,"id":2131}},"2147":{},"2148":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2149},"renderContextTable":{"__isSmartRef__":true,"id":2153},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2154},{"__isSmartRef__":true,"id":2156}],"eventHandler":{"__isSmartRef__":true,"id":2158},"_ClipMode":"hidden","derivationIds":[],"id":"E5AB5779-75C6-4D4D-8AF0-3A69705E7EDD","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2130},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2159},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2149":{"_Position":{"__isSmartRef__":true,"id":2150},"renderContextTable":{"__isSmartRef__":true,"id":2151},"_Extent":{"__isSmartRef__":true,"id":2152},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2150":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2151":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2152":{"x":143,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2153":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2154":{"style":{"__isSmartRef__":true,"id":2155},"chunkOwner":{"__isSmartRef__":true,"id":2148},"_id":"_911","storedString":"attributeConnections","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2155":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2156":{"_id":"_912","style":{"__isSmartRef__":true,"id":2157},"chunkOwner":{"__isSmartRef__":true,"id":2148},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2157":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2158":{"morph":{"__isSmartRef__":true,"id":2148},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2159":{"layoutText":{"__isSmartRef__":true,"id":2160}},"2160":{"varMapping":{"__isSmartRef__":true,"id":2161},"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":2162},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2161":{"this":{"__isSmartRef__":true,"id":2148}},"2162":{},"2163":{"_Position":{"__isSmartRef__":true,"id":2164},"renderContextTable":{"__isSmartRef__":true,"id":2165},"_Extent":{"__isSmartRef__":true,"id":2166},"_Padding":{"__isSmartRef__":true,"id":2167},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2164":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2165":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2166":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2167":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2168":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2169":{"morph":{"__isSmartRef__":true,"id":2130},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2170":{"resizeWidth":true},"2171":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2172":{"updateExpanderColor":{"__isSmartRef__":true,"id":2173},"onMouseDown":{"__isSmartRef__":true,"id":2176},"isRoot":{"__isSmartRef__":true,"id":2183},"displayValue":{"__isSmartRef__":true,"id":2186},"update":{"__isSmartRef__":true,"id":2189}},"2173":{"varMapping":{"__isSmartRef__":true,"id":2174},"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":2175},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2174":{"this":{"__isSmartRef__":true,"id":2130}},"2175":{},"2176":{"varMapping":{"__isSmartRef__":true,"id":2177},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2182},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2177":{"this":{"__isSmartRef__":true,"id":2130},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2178}},"2178":{"$super":{"__isSmartRef__":true,"id":2179}},"2179":{"varMapping":{"__isSmartRef__":true,"id":2180},"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":2181},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2180":{"obj":{"__isSmartRef__":true,"id":2130},"name":"onMouseDown"},"2181":{},"2182":{},"2183":{"varMapping":{"__isSmartRef__":true,"id":2184},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2185},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2184":{"this":{"__isSmartRef__":true,"id":2130}},"2185":{},"2186":{"varMapping":{"__isSmartRef__":true,"id":2187},"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":2188},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2187":{"this":{"__isSmartRef__":true,"id":2130}},"2188":{},"2189":{"varMapping":{"__isSmartRef__":true,"id":2190},"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":2191},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2190":{"this":{"__isSmartRef__":true,"id":2130}},"2191":{},"2192":{"_Position":{"__isSmartRef__":true,"id":2193},"renderContextTable":{"__isSmartRef__":true,"id":2194},"_Extent":{"__isSmartRef__":true,"id":2195},"_Padding":{"__isSmartRef__":true,"id":2196},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2193":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2194":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2195":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2196":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2197":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2198":{"morph":{"__isSmartRef__":true,"id":2129},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2199":{"layouter":{"__isSmartRef__":true,"id":2200},"resizeWidth":true},"2200":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2129},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2201":{"x":0,"y":400,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2202":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2203}},"2203":{"varMapping":{"__isSmartRef__":true,"id":2204},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2209},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2204":{"this":{"__isSmartRef__":true,"id":2129},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2205}},"2205":{"$super":{"__isSmartRef__":true,"id":2206}},"2206":{"varMapping":{"__isSmartRef__":true,"id":2207},"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":2208},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2207":{"obj":{"__isSmartRef__":true,"id":2129},"name":"getLayoutableSubmorphs"},"2208":{},"2209":{},"2210":{"submorphs":[{"__isSmartRef__":true,"id":2211}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2273},"renderContextTable":{"__isSmartRef__":true,"id":2278},"eventHandler":{"__isSmartRef__":true,"id":2279},"_ClipMode":"visible","derivationIds":[],"id":"239B0590-9783-4A60-B450-CD0C45B2A152","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2280},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2282},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2283},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2211":{"submorphs":[{"__isSmartRef__":true,"id":2212},{"__isSmartRef__":true,"id":2229}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2244},"renderContextTable":{"__isSmartRef__":true,"id":2249},"eventHandler":{"__isSmartRef__":true,"id":2250},"_ClipMode":"visible","derivationIds":[],"id":"3E985413-5343-4F08-A6D7-03454B79906D","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2251},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1586},"propertyList":["x","y"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"distanceToDragEvent","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2212},"text":{"__isSmartRef__":true,"id":2229},"owner":{"__isSmartRef__":true,"id":2210},"_Position":{"__isSmartRef__":true,"id":2252},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2253},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2212":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2213},"renderContextTable":{"__isSmartRef__":true,"id":2219},"eventHandler":{"__isSmartRef__":true,"id":2220},"_ClipMode":"visible","derivationIds":[],"id":"4BD564C1-24D2-4667-ACC1-81549D19BA1C","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2221},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2211},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2222},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2213":{"_Position":{"__isSmartRef__":true,"id":2214},"renderContextTable":{"__isSmartRef__":true,"id":2215},"_Extent":{"__isSmartRef__":true,"id":2216},"_Padding":{"__isSmartRef__":true,"id":2217},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2218},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2214":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2215":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2216":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2217":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2218":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2219":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2220":{"morph":{"__isSmartRef__":true,"id":2212},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2221":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2222":{"toggle":{"__isSmartRef__":true,"id":2223},"toggleExpansion":{"__isSmartRef__":true,"id":2226}},"2223":{"varMapping":{"__isSmartRef__":true,"id":2224},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2225},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2224":{"this":{"__isSmartRef__":true,"id":2212}},"2225":{},"2226":{"varMapping":{"__isSmartRef__":true,"id":2227},"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":2228},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2227":{"this":{"__isSmartRef__":true,"id":2212}},"2228":{},"2229":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2230},"renderContextTable":{"__isSmartRef__":true,"id":2234},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2235},{"__isSmartRef__":true,"id":2237}],"eventHandler":{"__isSmartRef__":true,"id":2239},"_ClipMode":"hidden","derivationIds":[],"id":"EF9929C5-62D4-422F-BC48-3E9ABAF383EC","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2211},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2240},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2230":{"_Position":{"__isSmartRef__":true,"id":2231},"renderContextTable":{"__isSmartRef__":true,"id":2232},"_Extent":{"__isSmartRef__":true,"id":2233},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2231":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2232":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2233":{"x":171,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2234":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2235":{"style":{"__isSmartRef__":true,"id":2236},"chunkOwner":{"__isSmartRef__":true,"id":2229},"_id":"_915","storedString":"distanceToDragEvent","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2236":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2237":{"_id":"_916","style":{"__isSmartRef__":true,"id":2238},"chunkOwner":{"__isSmartRef__":true,"id":2229},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2238":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2239":{"morph":{"__isSmartRef__":true,"id":2229},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2240":{"layoutText":{"__isSmartRef__":true,"id":2241}},"2241":{"varMapping":{"__isSmartRef__":true,"id":2242},"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":2243},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2242":{"this":{"__isSmartRef__":true,"id":2229}},"2243":{},"2244":{"_Position":{"__isSmartRef__":true,"id":2245},"renderContextTable":{"__isSmartRef__":true,"id":2246},"_Extent":{"__isSmartRef__":true,"id":2247},"_Padding":{"__isSmartRef__":true,"id":2248},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2245":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2246":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2247":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2248":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2249":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2250":{"morph":{"__isSmartRef__":true,"id":2211},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2251":{"resizeWidth":true},"2252":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2253":{"updateExpanderColor":{"__isSmartRef__":true,"id":2254},"onMouseDown":{"__isSmartRef__":true,"id":2257},"isRoot":{"__isSmartRef__":true,"id":2264},"displayValue":{"__isSmartRef__":true,"id":2267},"update":{"__isSmartRef__":true,"id":2270}},"2254":{"varMapping":{"__isSmartRef__":true,"id":2255},"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":2256},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2255":{"this":{"__isSmartRef__":true,"id":2211}},"2256":{},"2257":{"varMapping":{"__isSmartRef__":true,"id":2258},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2263},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2258":{"this":{"__isSmartRef__":true,"id":2211},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2259}},"2259":{"$super":{"__isSmartRef__":true,"id":2260}},"2260":{"varMapping":{"__isSmartRef__":true,"id":2261},"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":2262},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2261":{"obj":{"__isSmartRef__":true,"id":2211},"name":"onMouseDown"},"2262":{},"2263":{},"2264":{"varMapping":{"__isSmartRef__":true,"id":2265},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2266},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2265":{"this":{"__isSmartRef__":true,"id":2211}},"2266":{},"2267":{"varMapping":{"__isSmartRef__":true,"id":2268},"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":2269},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2268":{"this":{"__isSmartRef__":true,"id":2211}},"2269":{},"2270":{"varMapping":{"__isSmartRef__":true,"id":2271},"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":2272},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2271":{"this":{"__isSmartRef__":true,"id":2211}},"2272":{},"2273":{"_Position":{"__isSmartRef__":true,"id":2274},"renderContextTable":{"__isSmartRef__":true,"id":2275},"_Extent":{"__isSmartRef__":true,"id":2276},"_Padding":{"__isSmartRef__":true,"id":2277},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2274":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2275":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2276":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2277":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2278":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2279":{"morph":{"__isSmartRef__":true,"id":2210},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2280":{"layouter":{"__isSmartRef__":true,"id":2281},"resizeWidth":true},"2281":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2210},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2282":{"x":0,"y":380,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2283":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2284}},"2284":{"varMapping":{"__isSmartRef__":true,"id":2285},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2290},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2285":{"this":{"__isSmartRef__":true,"id":2210},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2286}},"2286":{"$super":{"__isSmartRef__":true,"id":2287}},"2287":{"varMapping":{"__isSmartRef__":true,"id":2288},"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":2289},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2288":{"obj":{"__isSmartRef__":true,"id":2210},"name":"getLayoutableSubmorphs"},"2289":{},"2290":{},"2291":{"submorphs":[{"__isSmartRef__":true,"id":2292}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2354},"renderContextTable":{"__isSmartRef__":true,"id":2359},"eventHandler":{"__isSmartRef__":true,"id":2360},"_ClipMode":"visible","derivationIds":[],"id":"DA0514C4-C912-47CA-8454-3529A8DCA59D","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2361},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2363},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2364},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2292":{"submorphs":[{"__isSmartRef__":true,"id":2293},{"__isSmartRef__":true,"id":2310}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2325},"renderContextTable":{"__isSmartRef__":true,"id":2330},"eventHandler":{"__isSmartRef__":true,"id":2331},"_ClipMode":"visible","derivationIds":[],"id":"1D62FC23-FD43-4117-A39A-939D1FA50D15","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2332},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"doNotCopyProperties","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2293},"text":{"__isSmartRef__":true,"id":2310},"owner":{"__isSmartRef__":true,"id":2291},"_Position":{"__isSmartRef__":true,"id":2333},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2334},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2293":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2294},"renderContextTable":{"__isSmartRef__":true,"id":2300},"eventHandler":{"__isSmartRef__":true,"id":2301},"_ClipMode":"visible","derivationIds":[],"id":"D3F400E4-E8D3-48E0-915B-E78D82781475","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2302},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2303},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2294":{"_Position":{"__isSmartRef__":true,"id":2295},"renderContextTable":{"__isSmartRef__":true,"id":2296},"_Extent":{"__isSmartRef__":true,"id":2297},"_Padding":{"__isSmartRef__":true,"id":2298},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2299},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2295":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2296":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2297":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2298":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2299":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2300":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2301":{"morph":{"__isSmartRef__":true,"id":2293},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2302":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2303":{"toggle":{"__isSmartRef__":true,"id":2304},"toggleExpansion":{"__isSmartRef__":true,"id":2307}},"2304":{"varMapping":{"__isSmartRef__":true,"id":2305},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2306},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2305":{"this":{"__isSmartRef__":true,"id":2293}},"2306":{},"2307":{"varMapping":{"__isSmartRef__":true,"id":2308},"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":2309},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2308":{"this":{"__isSmartRef__":true,"id":2293}},"2309":{},"2310":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2311},"renderContextTable":{"__isSmartRef__":true,"id":2315},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2316},{"__isSmartRef__":true,"id":2318}],"eventHandler":{"__isSmartRef__":true,"id":2320},"_ClipMode":"hidden","derivationIds":[],"id":"00784898-2524-4B36-8423-F9F395511E6C","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2321},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2311":{"_Position":{"__isSmartRef__":true,"id":2312},"renderContextTable":{"__isSmartRef__":true,"id":2313},"_Extent":{"__isSmartRef__":true,"id":2314},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2312":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2313":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2314":{"x":147,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2315":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2316":{"style":{"__isSmartRef__":true,"id":2317},"chunkOwner":{"__isSmartRef__":true,"id":2310},"_id":"_919","storedString":"doNotCopyProperties","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2317":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2318":{"_id":"_920","style":{"__isSmartRef__":true,"id":2319},"chunkOwner":{"__isSmartRef__":true,"id":2310},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2319":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2320":{"morph":{"__isSmartRef__":true,"id":2310},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2321":{"layoutText":{"__isSmartRef__":true,"id":2322}},"2322":{"varMapping":{"__isSmartRef__":true,"id":2323},"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":2324},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2323":{"this":{"__isSmartRef__":true,"id":2310}},"2324":{},"2325":{"_Position":{"__isSmartRef__":true,"id":2326},"renderContextTable":{"__isSmartRef__":true,"id":2327},"_Extent":{"__isSmartRef__":true,"id":2328},"_Padding":{"__isSmartRef__":true,"id":2329},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2326":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2327":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2328":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2329":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2330":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2331":{"morph":{"__isSmartRef__":true,"id":2292},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2332":{"resizeWidth":true},"2333":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2334":{"updateExpanderColor":{"__isSmartRef__":true,"id":2335},"onMouseDown":{"__isSmartRef__":true,"id":2338},"isRoot":{"__isSmartRef__":true,"id":2345},"displayValue":{"__isSmartRef__":true,"id":2348},"update":{"__isSmartRef__":true,"id":2351}},"2335":{"varMapping":{"__isSmartRef__":true,"id":2336},"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":2337},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2336":{"this":{"__isSmartRef__":true,"id":2292}},"2337":{},"2338":{"varMapping":{"__isSmartRef__":true,"id":2339},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2344},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2339":{"this":{"__isSmartRef__":true,"id":2292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2340}},"2340":{"$super":{"__isSmartRef__":true,"id":2341}},"2341":{"varMapping":{"__isSmartRef__":true,"id":2342},"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":2343},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2342":{"obj":{"__isSmartRef__":true,"id":2292},"name":"onMouseDown"},"2343":{},"2344":{},"2345":{"varMapping":{"__isSmartRef__":true,"id":2346},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2347},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2346":{"this":{"__isSmartRef__":true,"id":2292}},"2347":{},"2348":{"varMapping":{"__isSmartRef__":true,"id":2349},"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":2350},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2349":{"this":{"__isSmartRef__":true,"id":2292}},"2350":{},"2351":{"varMapping":{"__isSmartRef__":true,"id":2352},"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":2353},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2352":{"this":{"__isSmartRef__":true,"id":2292}},"2353":{},"2354":{"_Position":{"__isSmartRef__":true,"id":2355},"renderContextTable":{"__isSmartRef__":true,"id":2356},"_Extent":{"__isSmartRef__":true,"id":2357},"_Padding":{"__isSmartRef__":true,"id":2358},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2355":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2356":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2357":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2358":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2359":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2360":{"morph":{"__isSmartRef__":true,"id":2291},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2361":{"layouter":{"__isSmartRef__":true,"id":2362},"resizeWidth":true},"2362":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2291},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2363":{"x":0,"y":360,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2364":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2365}},"2365":{"varMapping":{"__isSmartRef__":true,"id":2366},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2371},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2366":{"this":{"__isSmartRef__":true,"id":2291},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2367}},"2367":{"$super":{"__isSmartRef__":true,"id":2368}},"2368":{"varMapping":{"__isSmartRef__":true,"id":2369},"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":2370},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2369":{"obj":{"__isSmartRef__":true,"id":2291},"name":"getLayoutableSubmorphs"},"2370":{},"2371":{},"2372":{"submorphs":[{"__isSmartRef__":true,"id":2373}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2435},"renderContextTable":{"__isSmartRef__":true,"id":2440},"eventHandler":{"__isSmartRef__":true,"id":2441},"_ClipMode":"visible","derivationIds":[],"id":"274C9AE0-7262-43AC-B517-17C6FF56485F","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2442},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2444},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2445},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2373":{"submorphs":[{"__isSmartRef__":true,"id":2374},{"__isSmartRef__":true,"id":2391}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2406},"renderContextTable":{"__isSmartRef__":true,"id":2411},"eventHandler":{"__isSmartRef__":true,"id":2412},"_ClipMode":"visible","derivationIds":[],"id":"314ED598-560F-4C0A-A8C3-049116933AB6","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2413},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"doNotSerialize","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2374},"text":{"__isSmartRef__":true,"id":2391},"owner":{"__isSmartRef__":true,"id":2372},"_Position":{"__isSmartRef__":true,"id":2414},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2415},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2374":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2375},"renderContextTable":{"__isSmartRef__":true,"id":2381},"eventHandler":{"__isSmartRef__":true,"id":2382},"_ClipMode":"visible","derivationIds":[],"id":"2E1297C9-788C-4E96-B60C-3B2C46FC1086","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2383},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2373},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2384},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2375":{"_Position":{"__isSmartRef__":true,"id":2376},"renderContextTable":{"__isSmartRef__":true,"id":2377},"_Extent":{"__isSmartRef__":true,"id":2378},"_Padding":{"__isSmartRef__":true,"id":2379},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2380},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2376":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2377":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2378":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2379":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2380":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2381":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2382":{"morph":{"__isSmartRef__":true,"id":2374},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2383":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2384":{"toggle":{"__isSmartRef__":true,"id":2385},"toggleExpansion":{"__isSmartRef__":true,"id":2388}},"2385":{"varMapping":{"__isSmartRef__":true,"id":2386},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2387},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2386":{"this":{"__isSmartRef__":true,"id":2374}},"2387":{},"2388":{"varMapping":{"__isSmartRef__":true,"id":2389},"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":2390},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2389":{"this":{"__isSmartRef__":true,"id":2374}},"2390":{},"2391":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2392},"renderContextTable":{"__isSmartRef__":true,"id":2396},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2397},{"__isSmartRef__":true,"id":2399}],"eventHandler":{"__isSmartRef__":true,"id":2401},"_ClipMode":"hidden","derivationIds":[],"id":"D6F522DA-920F-4DA8-A9F7-4C4F1DEE5B8B","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2373},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2402},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2392":{"_Position":{"__isSmartRef__":true,"id":2393},"renderContextTable":{"__isSmartRef__":true,"id":2394},"_Extent":{"__isSmartRef__":true,"id":2395},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2393":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2394":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2395":{"x":108,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2396":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2397":{"style":{"__isSmartRef__":true,"id":2398},"chunkOwner":{"__isSmartRef__":true,"id":2391},"_id":"_923","storedString":"doNotSerialize","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2398":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2399":{"_id":"_924","style":{"__isSmartRef__":true,"id":2400},"chunkOwner":{"__isSmartRef__":true,"id":2391},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2400":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2401":{"morph":{"__isSmartRef__":true,"id":2391},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2402":{"layoutText":{"__isSmartRef__":true,"id":2403}},"2403":{"varMapping":{"__isSmartRef__":true,"id":2404},"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":2405},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2404":{"this":{"__isSmartRef__":true,"id":2391}},"2405":{},"2406":{"_Position":{"__isSmartRef__":true,"id":2407},"renderContextTable":{"__isSmartRef__":true,"id":2408},"_Extent":{"__isSmartRef__":true,"id":2409},"_Padding":{"__isSmartRef__":true,"id":2410},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2407":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2408":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2409":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2410":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2411":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2412":{"morph":{"__isSmartRef__":true,"id":2373},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2413":{"resizeWidth":true},"2414":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2415":{"updateExpanderColor":{"__isSmartRef__":true,"id":2416},"onMouseDown":{"__isSmartRef__":true,"id":2419},"isRoot":{"__isSmartRef__":true,"id":2426},"displayValue":{"__isSmartRef__":true,"id":2429},"update":{"__isSmartRef__":true,"id":2432}},"2416":{"varMapping":{"__isSmartRef__":true,"id":2417},"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":2418},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2417":{"this":{"__isSmartRef__":true,"id":2373}},"2418":{},"2419":{"varMapping":{"__isSmartRef__":true,"id":2420},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2425},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2420":{"this":{"__isSmartRef__":true,"id":2373},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2421}},"2421":{"$super":{"__isSmartRef__":true,"id":2422}},"2422":{"varMapping":{"__isSmartRef__":true,"id":2423},"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":2424},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2423":{"obj":{"__isSmartRef__":true,"id":2373},"name":"onMouseDown"},"2424":{},"2425":{},"2426":{"varMapping":{"__isSmartRef__":true,"id":2427},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2428},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2427":{"this":{"__isSmartRef__":true,"id":2373}},"2428":{},"2429":{"varMapping":{"__isSmartRef__":true,"id":2430},"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":2431},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2430":{"this":{"__isSmartRef__":true,"id":2373}},"2431":{},"2432":{"varMapping":{"__isSmartRef__":true,"id":2433},"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":2434},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2433":{"this":{"__isSmartRef__":true,"id":2373}},"2434":{},"2435":{"_Position":{"__isSmartRef__":true,"id":2436},"renderContextTable":{"__isSmartRef__":true,"id":2437},"_Extent":{"__isSmartRef__":true,"id":2438},"_Padding":{"__isSmartRef__":true,"id":2439},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2436":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2437":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2438":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2439":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2440":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2441":{"morph":{"__isSmartRef__":true,"id":2372},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2442":{"layouter":{"__isSmartRef__":true,"id":2443},"resizeWidth":true},"2443":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2372},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2444":{"x":0,"y":340,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2445":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2446}},"2446":{"varMapping":{"__isSmartRef__":true,"id":2447},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2452},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2447":{"this":{"__isSmartRef__":true,"id":2372},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2448}},"2448":{"$super":{"__isSmartRef__":true,"id":2449}},"2449":{"varMapping":{"__isSmartRef__":true,"id":2450},"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":2451},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2450":{"obj":{"__isSmartRef__":true,"id":2372},"name":"getLayoutableSubmorphs"},"2451":{},"2452":{},"2453":{"submorphs":[{"__isSmartRef__":true,"id":2454}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2516},"renderContextTable":{"__isSmartRef__":true,"id":2521},"eventHandler":{"__isSmartRef__":true,"id":2522},"_ClipMode":"visible","derivationIds":[],"id":"01CB5706-9156-4D88-B290-81C894EBB535","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2523},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2525},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2526},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2454":{"submorphs":[{"__isSmartRef__":true,"id":2455},{"__isSmartRef__":true,"id":2472}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2487},"renderContextTable":{"__isSmartRef__":true,"id":2492},"eventHandler":{"__isSmartRef__":true,"id":2493},"_ClipMode":"visible","derivationIds":[],"id":"E43DACA0-2C31-4B6E-8A3E-FB0022063BB3","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2494},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1502},"propertyList":["morph","dispatchTable"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"eventHandler","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2455},"text":{"__isSmartRef__":true,"id":2472},"owner":{"__isSmartRef__":true,"id":2453},"_Position":{"__isSmartRef__":true,"id":2495},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2496},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2455":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2456},"renderContextTable":{"__isSmartRef__":true,"id":2462},"eventHandler":{"__isSmartRef__":true,"id":2463},"_ClipMode":"visible","derivationIds":[],"id":"CF299A91-A3C7-412F-B554-C0A740C735A4","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2464},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2454},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2465},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2456":{"_Position":{"__isSmartRef__":true,"id":2457},"renderContextTable":{"__isSmartRef__":true,"id":2458},"_Extent":{"__isSmartRef__":true,"id":2459},"_Padding":{"__isSmartRef__":true,"id":2460},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2461},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2457":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2458":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2459":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2460":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2461":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2462":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2463":{"morph":{"__isSmartRef__":true,"id":2455},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2464":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2465":{"toggle":{"__isSmartRef__":true,"id":2466},"toggleExpansion":{"__isSmartRef__":true,"id":2469}},"2466":{"varMapping":{"__isSmartRef__":true,"id":2467},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2468},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2467":{"this":{"__isSmartRef__":true,"id":2455}},"2468":{},"2469":{"varMapping":{"__isSmartRef__":true,"id":2470},"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":2471},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2470":{"this":{"__isSmartRef__":true,"id":2455}},"2471":{},"2472":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2473},"renderContextTable":{"__isSmartRef__":true,"id":2477},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2478},{"__isSmartRef__":true,"id":2480}],"eventHandler":{"__isSmartRef__":true,"id":2482},"_ClipMode":"hidden","derivationIds":[],"id":"EA6463C1-20CF-4D49-8E2D-7145869B4E9E","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2454},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2483},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2473":{"_Position":{"__isSmartRef__":true,"id":2474},"renderContextTable":{"__isSmartRef__":true,"id":2475},"_Extent":{"__isSmartRef__":true,"id":2476},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2474":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2475":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2476":{"x":170,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2477":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2478":{"style":{"__isSmartRef__":true,"id":2479},"chunkOwner":{"__isSmartRef__":true,"id":2472},"_id":"_927","storedString":"eventHandler","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2479":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2480":{"_id":"_928","style":{"__isSmartRef__":true,"id":2481},"chunkOwner":{"__isSmartRef__":true,"id":2472},"storedString":": EventHandler","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2481":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2482":{"morph":{"__isSmartRef__":true,"id":2472},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2483":{"layoutText":{"__isSmartRef__":true,"id":2484}},"2484":{"varMapping":{"__isSmartRef__":true,"id":2485},"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":2486},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2485":{"this":{"__isSmartRef__":true,"id":2472}},"2486":{},"2487":{"_Position":{"__isSmartRef__":true,"id":2488},"renderContextTable":{"__isSmartRef__":true,"id":2489},"_Extent":{"__isSmartRef__":true,"id":2490},"_Padding":{"__isSmartRef__":true,"id":2491},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2488":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2489":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2490":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2491":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2492":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2493":{"morph":{"__isSmartRef__":true,"id":2454},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2494":{"resizeWidth":true},"2495":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2496":{"updateExpanderColor":{"__isSmartRef__":true,"id":2497},"onMouseDown":{"__isSmartRef__":true,"id":2500},"isRoot":{"__isSmartRef__":true,"id":2507},"displayValue":{"__isSmartRef__":true,"id":2510},"update":{"__isSmartRef__":true,"id":2513}},"2497":{"varMapping":{"__isSmartRef__":true,"id":2498},"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":2499},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2498":{"this":{"__isSmartRef__":true,"id":2454}},"2499":{},"2500":{"varMapping":{"__isSmartRef__":true,"id":2501},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2506},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2501":{"this":{"__isSmartRef__":true,"id":2454},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2502}},"2502":{"$super":{"__isSmartRef__":true,"id":2503}},"2503":{"varMapping":{"__isSmartRef__":true,"id":2504},"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":2505},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2504":{"obj":{"__isSmartRef__":true,"id":2454},"name":"onMouseDown"},"2505":{},"2506":{},"2507":{"varMapping":{"__isSmartRef__":true,"id":2508},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2509},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2508":{"this":{"__isSmartRef__":true,"id":2454}},"2509":{},"2510":{"varMapping":{"__isSmartRef__":true,"id":2511},"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":2512},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2511":{"this":{"__isSmartRef__":true,"id":2454}},"2512":{},"2513":{"varMapping":{"__isSmartRef__":true,"id":2514},"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":2515},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2514":{"this":{"__isSmartRef__":true,"id":2454}},"2515":{},"2516":{"_Position":{"__isSmartRef__":true,"id":2517},"renderContextTable":{"__isSmartRef__":true,"id":2518},"_Extent":{"__isSmartRef__":true,"id":2519},"_Padding":{"__isSmartRef__":true,"id":2520},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2517":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2518":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2519":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2520":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2521":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2522":{"morph":{"__isSmartRef__":true,"id":2453},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2523":{"layouter":{"__isSmartRef__":true,"id":2524},"resizeWidth":true},"2524":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2453},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2525":{"x":0,"y":320,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2526":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2527}},"2527":{"varMapping":{"__isSmartRef__":true,"id":2528},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2533},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2528":{"this":{"__isSmartRef__":true,"id":2453},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2529}},"2529":{"$super":{"__isSmartRef__":true,"id":2530}},"2530":{"varMapping":{"__isSmartRef__":true,"id":2531},"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":2532},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2531":{"obj":{"__isSmartRef__":true,"id":2453},"name":"getLayoutableSubmorphs"},"2532":{},"2533":{},"2534":{"submorphs":[{"__isSmartRef__":true,"id":2535}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2597},"renderContextTable":{"__isSmartRef__":true,"id":2602},"eventHandler":{"__isSmartRef__":true,"id":2603},"_ClipMode":"visible","derivationIds":[],"id":"9744A3DF-4FAC-4C8F-8A5B-EFD7AF747406","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2604},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2606},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2607},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2535":{"submorphs":[{"__isSmartRef__":true,"id":2536},{"__isSmartRef__":true,"id":2553}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2568},"renderContextTable":{"__isSmartRef__":true,"id":2573},"eventHandler":{"__isSmartRef__":true,"id":2574},"_ClipMode":"visible","derivationIds":[],"id":"AE68FB0E-7B04-4C21-80ED-874B741E8057","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2575},"grabbingEnabled":false,"draggingEnabled":false,"data":true,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"halosEnabled","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2536},"text":{"__isSmartRef__":true,"id":2553},"owner":{"__isSmartRef__":true,"id":2534},"_Position":{"__isSmartRef__":true,"id":2576},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2577},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2536":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2537},"renderContextTable":{"__isSmartRef__":true,"id":2543},"eventHandler":{"__isSmartRef__":true,"id":2544},"_ClipMode":"visible","derivationIds":[],"id":"82E7EE29-E14E-4833-983D-E488754024E1","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2545},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2535},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2546},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2537":{"_Position":{"__isSmartRef__":true,"id":2538},"renderContextTable":{"__isSmartRef__":true,"id":2539},"_Extent":{"__isSmartRef__":true,"id":2540},"_Padding":{"__isSmartRef__":true,"id":2541},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2542},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2538":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2539":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2540":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2541":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2542":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2543":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2544":{"morph":{"__isSmartRef__":true,"id":2536},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2545":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2546":{"toggle":{"__isSmartRef__":true,"id":2547},"toggleExpansion":{"__isSmartRef__":true,"id":2550}},"2547":{"varMapping":{"__isSmartRef__":true,"id":2548},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2549},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2548":{"this":{"__isSmartRef__":true,"id":2536}},"2549":{},"2550":{"varMapping":{"__isSmartRef__":true,"id":2551},"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":2552},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2551":{"this":{"__isSmartRef__":true,"id":2536}},"2552":{},"2553":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2554},"renderContextTable":{"__isSmartRef__":true,"id":2558},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2559},{"__isSmartRef__":true,"id":2561}],"eventHandler":{"__isSmartRef__":true,"id":2563},"_ClipMode":"hidden","derivationIds":[],"id":"885A4252-DC1F-45BA-B29C-3D576B150E6E","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2535},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2564},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2554":{"_Position":{"__isSmartRef__":true,"id":2555},"renderContextTable":{"__isSmartRef__":true,"id":2556},"_Extent":{"__isSmartRef__":true,"id":2557},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2555":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2556":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2557":{"x":116,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2558":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2559":{"style":{"__isSmartRef__":true,"id":2560},"chunkOwner":{"__isSmartRef__":true,"id":2553},"_id":"_931","storedString":"halosEnabled","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2560":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2561":{"_id":"_932","style":{"__isSmartRef__":true,"id":2562},"chunkOwner":{"__isSmartRef__":true,"id":2553},"storedString":": true","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2562":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2563":{"morph":{"__isSmartRef__":true,"id":2553},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2564":{"layoutText":{"__isSmartRef__":true,"id":2565}},"2565":{"varMapping":{"__isSmartRef__":true,"id":2566},"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":2567},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2566":{"this":{"__isSmartRef__":true,"id":2553}},"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","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"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","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2574":{"morph":{"__isSmartRef__":true,"id":2535},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2575":{"resizeWidth":true},"2576":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2577":{"updateExpanderColor":{"__isSmartRef__":true,"id":2578},"onMouseDown":{"__isSmartRef__":true,"id":2581},"isRoot":{"__isSmartRef__":true,"id":2588},"displayValue":{"__isSmartRef__":true,"id":2591},"update":{"__isSmartRef__":true,"id":2594}},"2578":{"varMapping":{"__isSmartRef__":true,"id":2579},"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":2580},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2579":{"this":{"__isSmartRef__":true,"id":2535}},"2580":{},"2581":{"varMapping":{"__isSmartRef__":true,"id":2582},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2587},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2582":{"this":{"__isSmartRef__":true,"id":2535},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2583}},"2583":{"$super":{"__isSmartRef__":true,"id":2584}},"2584":{"varMapping":{"__isSmartRef__":true,"id":2585},"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":2586},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2585":{"obj":{"__isSmartRef__":true,"id":2535},"name":"onMouseDown"},"2586":{},"2587":{},"2588":{"varMapping":{"__isSmartRef__":true,"id":2589},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2590},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2589":{"this":{"__isSmartRef__":true,"id":2535}},"2590":{},"2591":{"varMapping":{"__isSmartRef__":true,"id":2592},"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":2593},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2592":{"this":{"__isSmartRef__":true,"id":2535}},"2593":{},"2594":{"varMapping":{"__isSmartRef__":true,"id":2595},"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":2596},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2595":{"this":{"__isSmartRef__":true,"id":2535}},"2596":{},"2597":{"_Position":{"__isSmartRef__":true,"id":2598},"renderContextTable":{"__isSmartRef__":true,"id":2599},"_Extent":{"__isSmartRef__":true,"id":2600},"_Padding":{"__isSmartRef__":true,"id":2601},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2598":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2599":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2600":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2601":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2602":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2603":{"morph":{"__isSmartRef__":true,"id":2534},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2604":{"layouter":{"__isSmartRef__":true,"id":2605},"resizeWidth":true},"2605":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2534},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2606":{"x":0,"y":300,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2607":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2608}},"2608":{"varMapping":{"__isSmartRef__":true,"id":2609},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2614},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2609":{"this":{"__isSmartRef__":true,"id":2534},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2610}},"2610":{"$super":{"__isSmartRef__":true,"id":2611}},"2611":{"varMapping":{"__isSmartRef__":true,"id":2612},"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":2613},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2612":{"obj":{"__isSmartRef__":true,"id":2534},"name":"getLayoutableSubmorphs"},"2613":{},"2614":{},"2615":{"submorphs":[{"__isSmartRef__":true,"id":2616}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2678},"renderContextTable":{"__isSmartRef__":true,"id":2683},"eventHandler":{"__isSmartRef__":true,"id":2684},"_ClipMode":"visible","derivationIds":[],"id":"7DCA38CB-683E-4518-AE08-8A933378E1E8","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2685},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2687},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2688},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2616":{"submorphs":[{"__isSmartRef__":true,"id":2617},{"__isSmartRef__":true,"id":2634}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2649},"renderContextTable":{"__isSmartRef__":true,"id":2654},"eventHandler":{"__isSmartRef__":true,"id":2655},"_ClipMode":"visible","derivationIds":[],"id":"E51E7C2E-F1A6-416F-8641-1E0D6366BE00","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2656},"grabbingEnabled":false,"draggingEnabled":false,"data":1244,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"id","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2617},"text":{"__isSmartRef__":true,"id":2634},"owner":{"__isSmartRef__":true,"id":2615},"_Position":{"__isSmartRef__":true,"id":2657},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2658},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2617":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2618},"renderContextTable":{"__isSmartRef__":true,"id":2624},"eventHandler":{"__isSmartRef__":true,"id":2625},"_ClipMode":"visible","derivationIds":[],"id":"D0853287-BA26-4062-BB48-581ADCAD877B","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2626},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2616},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2627},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2618":{"_Position":{"__isSmartRef__":true,"id":2619},"renderContextTable":{"__isSmartRef__":true,"id":2620},"_Extent":{"__isSmartRef__":true,"id":2621},"_Padding":{"__isSmartRef__":true,"id":2622},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2623},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2619":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2620":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2621":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2622":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2623":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2624":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2625":{"morph":{"__isSmartRef__":true,"id":2617},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2626":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2627":{"toggle":{"__isSmartRef__":true,"id":2628},"toggleExpansion":{"__isSmartRef__":true,"id":2631}},"2628":{"varMapping":{"__isSmartRef__":true,"id":2629},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2630},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2629":{"this":{"__isSmartRef__":true,"id":2617}},"2630":{},"2631":{"varMapping":{"__isSmartRef__":true,"id":2632},"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":2633},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2632":{"this":{"__isSmartRef__":true,"id":2617}},"2633":{},"2634":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2635},"renderContextTable":{"__isSmartRef__":true,"id":2639},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2640},{"__isSmartRef__":true,"id":2642}],"eventHandler":{"__isSmartRef__":true,"id":2644},"_ClipMode":"hidden","derivationIds":[],"id":"58211D64-23D8-4D8F-82DF-C3E4F965BA45","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2616},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2645},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2635":{"_Position":{"__isSmartRef__":true,"id":2636},"renderContextTable":{"__isSmartRef__":true,"id":2637},"_Extent":{"__isSmartRef__":true,"id":2638},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2636":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2637":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2638":{"x":54,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2639":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2640":{"style":{"__isSmartRef__":true,"id":2641},"chunkOwner":{"__isSmartRef__":true,"id":2634},"_id":"_935","storedString":"id","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2641":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2642":{"_id":"_936","style":{"__isSmartRef__":true,"id":2643},"chunkOwner":{"__isSmartRef__":true,"id":2634},"storedString":": 1244","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2643":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2644":{"morph":{"__isSmartRef__":true,"id":2634},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2645":{"layoutText":{"__isSmartRef__":true,"id":2646}},"2646":{"varMapping":{"__isSmartRef__":true,"id":2647},"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":2648},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2647":{"this":{"__isSmartRef__":true,"id":2634}},"2648":{},"2649":{"_Position":{"__isSmartRef__":true,"id":2650},"renderContextTable":{"__isSmartRef__":true,"id":2651},"_Extent":{"__isSmartRef__":true,"id":2652},"_Padding":{"__isSmartRef__":true,"id":2653},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2650":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2651":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2652":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2653":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2654":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2655":{"morph":{"__isSmartRef__":true,"id":2616},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2656":{"resizeWidth":true},"2657":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2658":{"updateExpanderColor":{"__isSmartRef__":true,"id":2659},"onMouseDown":{"__isSmartRef__":true,"id":2662},"isRoot":{"__isSmartRef__":true,"id":2669},"displayValue":{"__isSmartRef__":true,"id":2672},"update":{"__isSmartRef__":true,"id":2675}},"2659":{"varMapping":{"__isSmartRef__":true,"id":2660},"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":2661},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2660":{"this":{"__isSmartRef__":true,"id":2616}},"2661":{},"2662":{"varMapping":{"__isSmartRef__":true,"id":2663},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2668},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2663":{"this":{"__isSmartRef__":true,"id":2616},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2664}},"2664":{"$super":{"__isSmartRef__":true,"id":2665}},"2665":{"varMapping":{"__isSmartRef__":true,"id":2666},"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":2667},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2666":{"obj":{"__isSmartRef__":true,"id":2616},"name":"onMouseDown"},"2667":{},"2668":{},"2669":{"varMapping":{"__isSmartRef__":true,"id":2670},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2671},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2670":{"this":{"__isSmartRef__":true,"id":2616}},"2671":{},"2672":{"varMapping":{"__isSmartRef__":true,"id":2673},"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":2674},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2673":{"this":{"__isSmartRef__":true,"id":2616}},"2674":{},"2675":{"varMapping":{"__isSmartRef__":true,"id":2676},"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":2677},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2676":{"this":{"__isSmartRef__":true,"id":2616}},"2677":{},"2678":{"_Position":{"__isSmartRef__":true,"id":2679},"renderContextTable":{"__isSmartRef__":true,"id":2680},"_Extent":{"__isSmartRef__":true,"id":2681},"_Padding":{"__isSmartRef__":true,"id":2682},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2679":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2680":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2681":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2682":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2683":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2684":{"morph":{"__isSmartRef__":true,"id":2615},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2685":{"layouter":{"__isSmartRef__":true,"id":2686},"resizeWidth":true},"2686":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2615},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2687":{"x":0,"y":280,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2688":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2689}},"2689":{"varMapping":{"__isSmartRef__":true,"id":2690},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2695},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2690":{"this":{"__isSmartRef__":true,"id":2615},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2691}},"2691":{"$super":{"__isSmartRef__":true,"id":2692}},"2692":{"varMapping":{"__isSmartRef__":true,"id":2693},"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":2694},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2693":{"obj":{"__isSmartRef__":true,"id":2615},"name":"getLayoutableSubmorphs"},"2694":{},"2695":{},"2696":{"submorphs":[{"__isSmartRef__":true,"id":2697}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2759},"renderContextTable":{"__isSmartRef__":true,"id":2764},"eventHandler":{"__isSmartRef__":true,"id":2765},"_ClipMode":"visible","derivationIds":[],"id":"E1F3FDFB-B76E-4CFA-8FC8-4748DFEDF3D2","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2766},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2768},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2769},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2697":{"submorphs":[{"__isSmartRef__":true,"id":2698},{"__isSmartRef__":true,"id":2715}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2730},"renderContextTable":{"__isSmartRef__":true,"id":2735},"eventHandler":{"__isSmartRef__":true,"id":2736},"_ClipMode":"visible","derivationIds":[],"id":"B4C47BAD-46DB-4A68-B470-DA8AA00B7614","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2737},"grabbingEnabled":false,"draggingEnabled":false,"data":false,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"isBeingDragged","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2698},"text":{"__isSmartRef__":true,"id":2715},"owner":{"__isSmartRef__":true,"id":2696},"_Position":{"__isSmartRef__":true,"id":2738},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2739},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2698":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2699},"renderContextTable":{"__isSmartRef__":true,"id":2705},"eventHandler":{"__isSmartRef__":true,"id":2706},"_ClipMode":"visible","derivationIds":[],"id":"FFB1F393-ABF7-41F2-AB0E-FF170EC5AC29","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2707},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2697},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2708},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2699":{"_Position":{"__isSmartRef__":true,"id":2700},"renderContextTable":{"__isSmartRef__":true,"id":2701},"_Extent":{"__isSmartRef__":true,"id":2702},"_Padding":{"__isSmartRef__":true,"id":2703},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2704},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2700":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2701":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2702":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2703":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2704":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2705":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2706":{"morph":{"__isSmartRef__":true,"id":2698},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2707":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2708":{"toggle":{"__isSmartRef__":true,"id":2709},"toggleExpansion":{"__isSmartRef__":true,"id":2712}},"2709":{"varMapping":{"__isSmartRef__":true,"id":2710},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2711},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2710":{"this":{"__isSmartRef__":true,"id":2698}},"2711":{},"2712":{"varMapping":{"__isSmartRef__":true,"id":2713},"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":2714},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2713":{"this":{"__isSmartRef__":true,"id":2698}},"2714":{},"2715":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2716},"renderContextTable":{"__isSmartRef__":true,"id":2720},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2721},{"__isSmartRef__":true,"id":2723}],"eventHandler":{"__isSmartRef__":true,"id":2725},"_ClipMode":"hidden","derivationIds":[],"id":"C88F19E6-1D8F-47BB-BD73-F075DA1F3EA8","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2697},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2726},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2716":{"_Position":{"__isSmartRef__":true,"id":2717},"renderContextTable":{"__isSmartRef__":true,"id":2718},"_Extent":{"__isSmartRef__":true,"id":2719},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2717":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2718":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2719":{"x":135,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2720":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2721":{"style":{"__isSmartRef__":true,"id":2722},"chunkOwner":{"__isSmartRef__":true,"id":2715},"_id":"_939","storedString":"isBeingDragged","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2722":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2723":{"_id":"_940","style":{"__isSmartRef__":true,"id":2724},"chunkOwner":{"__isSmartRef__":true,"id":2715},"storedString":": false","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2724":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2725":{"morph":{"__isSmartRef__":true,"id":2715},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2726":{"layoutText":{"__isSmartRef__":true,"id":2727}},"2727":{"varMapping":{"__isSmartRef__":true,"id":2728},"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":2729},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2728":{"this":{"__isSmartRef__":true,"id":2715}},"2729":{},"2730":{"_Position":{"__isSmartRef__":true,"id":2731},"renderContextTable":{"__isSmartRef__":true,"id":2732},"_Extent":{"__isSmartRef__":true,"id":2733},"_Padding":{"__isSmartRef__":true,"id":2734},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2731":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2732":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2733":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2734":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2735":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2736":{"morph":{"__isSmartRef__":true,"id":2697},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2737":{"resizeWidth":true},"2738":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2739":{"updateExpanderColor":{"__isSmartRef__":true,"id":2740},"onMouseDown":{"__isSmartRef__":true,"id":2743},"isRoot":{"__isSmartRef__":true,"id":2750},"displayValue":{"__isSmartRef__":true,"id":2753},"update":{"__isSmartRef__":true,"id":2756}},"2740":{"varMapping":{"__isSmartRef__":true,"id":2741},"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":2742},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2741":{"this":{"__isSmartRef__":true,"id":2697}},"2742":{},"2743":{"varMapping":{"__isSmartRef__":true,"id":2744},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2749},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2744":{"this":{"__isSmartRef__":true,"id":2697},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2745}},"2745":{"$super":{"__isSmartRef__":true,"id":2746}},"2746":{"varMapping":{"__isSmartRef__":true,"id":2747},"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":2748},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2747":{"obj":{"__isSmartRef__":true,"id":2697},"name":"onMouseDown"},"2748":{},"2749":{},"2750":{"varMapping":{"__isSmartRef__":true,"id":2751},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2752},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2751":{"this":{"__isSmartRef__":true,"id":2697}},"2752":{},"2753":{"varMapping":{"__isSmartRef__":true,"id":2754},"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":2755},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2754":{"this":{"__isSmartRef__":true,"id":2697}},"2755":{},"2756":{"varMapping":{"__isSmartRef__":true,"id":2757},"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":2758},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2757":{"this":{"__isSmartRef__":true,"id":2697}},"2758":{},"2759":{"_Position":{"__isSmartRef__":true,"id":2760},"renderContextTable":{"__isSmartRef__":true,"id":2761},"_Extent":{"__isSmartRef__":true,"id":2762},"_Padding":{"__isSmartRef__":true,"id":2763},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2760":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2761":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2762":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2763":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2764":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2765":{"morph":{"__isSmartRef__":true,"id":2696},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2766":{"layouter":{"__isSmartRef__":true,"id":2767},"resizeWidth":true},"2767":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2696},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2768":{"x":0,"y":260,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2769":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2770}},"2770":{"varMapping":{"__isSmartRef__":true,"id":2771},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2776},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2771":{"this":{"__isSmartRef__":true,"id":2696},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2772}},"2772":{"$super":{"__isSmartRef__":true,"id":2773}},"2773":{"varMapping":{"__isSmartRef__":true,"id":2774},"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":2775},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2774":{"obj":{"__isSmartRef__":true,"id":2696},"name":"getLayoutableSubmorphs"},"2775":{},"2776":{},"2777":{"submorphs":[{"__isSmartRef__":true,"id":2778}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2840},"renderContextTable":{"__isSmartRef__":true,"id":2845},"eventHandler":{"__isSmartRef__":true,"id":2846},"_ClipMode":"visible","derivationIds":[],"id":"857561EC-0DC4-4B62-A024-4871F97C124D","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2847},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2849},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2850},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2778":{"submorphs":[{"__isSmartRef__":true,"id":2779},{"__isSmartRef__":true,"id":2796}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2811},"renderContextTable":{"__isSmartRef__":true,"id":2816},"eventHandler":{"__isSmartRef__":true,"id":2817},"_ClipMode":"visible","derivationIds":[],"id":"FF1181F3-0820-4E09-92E7-BD9CD80FBC1A","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2818},"grabbingEnabled":false,"draggingEnabled":false,"data":false,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"isLockOwner","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2779},"text":{"__isSmartRef__":true,"id":2796},"owner":{"__isSmartRef__":true,"id":2777},"_Position":{"__isSmartRef__":true,"id":2819},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2820},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2779":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2780},"renderContextTable":{"__isSmartRef__":true,"id":2786},"eventHandler":{"__isSmartRef__":true,"id":2787},"_ClipMode":"visible","derivationIds":[],"id":"AF7FF3AE-B4EA-47C4-9975-539EC9854FC0","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2788},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2778},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2789},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2780":{"_Position":{"__isSmartRef__":true,"id":2781},"renderContextTable":{"__isSmartRef__":true,"id":2782},"_Extent":{"__isSmartRef__":true,"id":2783},"_Padding":{"__isSmartRef__":true,"id":2784},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2785},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2781":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2782":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2783":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2784":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2785":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2786":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2787":{"morph":{"__isSmartRef__":true,"id":2779},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2788":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2789":{"toggle":{"__isSmartRef__":true,"id":2790},"toggleExpansion":{"__isSmartRef__":true,"id":2793}},"2790":{"varMapping":{"__isSmartRef__":true,"id":2791},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2792},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2791":{"this":{"__isSmartRef__":true,"id":2779}},"2792":{},"2793":{"varMapping":{"__isSmartRef__":true,"id":2794},"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":2795},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2794":{"this":{"__isSmartRef__":true,"id":2779}},"2795":{},"2796":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2797},"renderContextTable":{"__isSmartRef__":true,"id":2801},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2802},{"__isSmartRef__":true,"id":2804}],"eventHandler":{"__isSmartRef__":true,"id":2806},"_ClipMode":"hidden","derivationIds":[],"id":"5C0E1551-7DC4-48B0-96B7-31BB1C3F7FBC","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2778},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2807},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2797":{"_Position":{"__isSmartRef__":true,"id":2798},"renderContextTable":{"__isSmartRef__":true,"id":2799},"_Extent":{"__isSmartRef__":true,"id":2800},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2798":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2799":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2800":{"x":119,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2801":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2802":{"style":{"__isSmartRef__":true,"id":2803},"chunkOwner":{"__isSmartRef__":true,"id":2796},"_id":"_943","storedString":"isLockOwner","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2803":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2804":{"_id":"_944","style":{"__isSmartRef__":true,"id":2805},"chunkOwner":{"__isSmartRef__":true,"id":2796},"storedString":": false","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2805":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2806":{"morph":{"__isSmartRef__":true,"id":2796},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2807":{"layoutText":{"__isSmartRef__":true,"id":2808}},"2808":{"varMapping":{"__isSmartRef__":true,"id":2809},"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":2810},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2809":{"this":{"__isSmartRef__":true,"id":2796}},"2810":{},"2811":{"_Position":{"__isSmartRef__":true,"id":2812},"renderContextTable":{"__isSmartRef__":true,"id":2813},"_Extent":{"__isSmartRef__":true,"id":2814},"_Padding":{"__isSmartRef__":true,"id":2815},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2812":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2813":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2814":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2815":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2816":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2817":{"morph":{"__isSmartRef__":true,"id":2778},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2818":{"resizeWidth":true},"2819":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2820":{"updateExpanderColor":{"__isSmartRef__":true,"id":2821},"onMouseDown":{"__isSmartRef__":true,"id":2824},"isRoot":{"__isSmartRef__":true,"id":2831},"displayValue":{"__isSmartRef__":true,"id":2834},"update":{"__isSmartRef__":true,"id":2837}},"2821":{"varMapping":{"__isSmartRef__":true,"id":2822},"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":2823},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2822":{"this":{"__isSmartRef__":true,"id":2778}},"2823":{},"2824":{"varMapping":{"__isSmartRef__":true,"id":2825},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2830},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2825":{"this":{"__isSmartRef__":true,"id":2778},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2826}},"2826":{"$super":{"__isSmartRef__":true,"id":2827}},"2827":{"varMapping":{"__isSmartRef__":true,"id":2828},"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":2829},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2828":{"obj":{"__isSmartRef__":true,"id":2778},"name":"onMouseDown"},"2829":{},"2830":{},"2831":{"varMapping":{"__isSmartRef__":true,"id":2832},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2833},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2832":{"this":{"__isSmartRef__":true,"id":2778}},"2833":{},"2834":{"varMapping":{"__isSmartRef__":true,"id":2835},"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":2836},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2835":{"this":{"__isSmartRef__":true,"id":2778}},"2836":{},"2837":{"varMapping":{"__isSmartRef__":true,"id":2838},"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":2839},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2838":{"this":{"__isSmartRef__":true,"id":2778}},"2839":{},"2840":{"_Position":{"__isSmartRef__":true,"id":2841},"renderContextTable":{"__isSmartRef__":true,"id":2842},"_Extent":{"__isSmartRef__":true,"id":2843},"_Padding":{"__isSmartRef__":true,"id":2844},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2841":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2842":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2843":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2844":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2845":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2846":{"morph":{"__isSmartRef__":true,"id":2777},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2847":{"layouter":{"__isSmartRef__":true,"id":2848},"resizeWidth":true},"2848":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2777},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2849":{"x":0,"y":240,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2850":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2851}},"2851":{"varMapping":{"__isSmartRef__":true,"id":2852},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2857},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2852":{"this":{"__isSmartRef__":true,"id":2777},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2853}},"2853":{"$super":{"__isSmartRef__":true,"id":2854}},"2854":{"varMapping":{"__isSmartRef__":true,"id":2855},"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":2856},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2855":{"obj":{"__isSmartRef__":true,"id":2777},"name":"getLayoutableSubmorphs"},"2856":{},"2857":{},"2858":{"submorphs":[{"__isSmartRef__":true,"id":2859}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2921},"renderContextTable":{"__isSmartRef__":true,"id":2926},"eventHandler":{"__isSmartRef__":true,"id":2927},"_ClipMode":"visible","derivationIds":[],"id":"CF93F9EB-AD7F-45B8-96C0-98D2D4C42DE9","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2928},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":2930},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2931},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2859":{"submorphs":[{"__isSmartRef__":true,"id":2860},{"__isSmartRef__":true,"id":2877}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2892},"renderContextTable":{"__isSmartRef__":true,"id":2897},"eventHandler":{"__isSmartRef__":true,"id":2898},"_ClipMode":"visible","derivationIds":[],"id":"FD5CBEE2-A2B9-4160-9E16-4A7CB14F14C4","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2899},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1503},"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"layout","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2860},"text":{"__isSmartRef__":true,"id":2877},"owner":{"__isSmartRef__":true,"id":2858},"_Position":{"__isSmartRef__":true,"id":2900},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2901},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2860":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2861},"renderContextTable":{"__isSmartRef__":true,"id":2867},"eventHandler":{"__isSmartRef__":true,"id":2868},"_ClipMode":"visible","derivationIds":[],"id":"07C93D58-2DA7-48CB-8190-B0F52757E897","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2869},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2859},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2870},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2861":{"_Position":{"__isSmartRef__":true,"id":2862},"renderContextTable":{"__isSmartRef__":true,"id":2863},"_Extent":{"__isSmartRef__":true,"id":2864},"_Padding":{"__isSmartRef__":true,"id":2865},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2866},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2862":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2863":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2864":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2865":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2866":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2867":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2868":{"morph":{"__isSmartRef__":true,"id":2860},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2869":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2870":{"toggle":{"__isSmartRef__":true,"id":2871},"toggleExpansion":{"__isSmartRef__":true,"id":2874}},"2871":{"varMapping":{"__isSmartRef__":true,"id":2872},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2873},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2872":{"this":{"__isSmartRef__":true,"id":2860}},"2873":{},"2874":{"varMapping":{"__isSmartRef__":true,"id":2875},"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":2876},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2875":{"this":{"__isSmartRef__":true,"id":2860}},"2876":{},"2877":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2878},"renderContextTable":{"__isSmartRef__":true,"id":2882},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2883},{"__isSmartRef__":true,"id":2885}],"eventHandler":{"__isSmartRef__":true,"id":2887},"_ClipMode":"hidden","derivationIds":[],"id":"4B3C6A94-E993-46D8-B731-ABB3950D0B21","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2859},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2888},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2878":{"_Position":{"__isSmartRef__":true,"id":2879},"renderContextTable":{"__isSmartRef__":true,"id":2880},"_Extent":{"__isSmartRef__":true,"id":2881},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2879":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2880":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2881":{"x":59,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2882":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2883":{"style":{"__isSmartRef__":true,"id":2884},"chunkOwner":{"__isSmartRef__":true,"id":2877},"_id":"_947","storedString":"layout","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2884":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2885":{"_id":"_948","style":{"__isSmartRef__":true,"id":2886},"chunkOwner":{"__isSmartRef__":true,"id":2877},"storedString":": {}","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2886":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2887":{"morph":{"__isSmartRef__":true,"id":2877},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2888":{"layoutText":{"__isSmartRef__":true,"id":2889}},"2889":{"varMapping":{"__isSmartRef__":true,"id":2890},"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":2891},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2890":{"this":{"__isSmartRef__":true,"id":2877}},"2891":{},"2892":{"_Position":{"__isSmartRef__":true,"id":2893},"renderContextTable":{"__isSmartRef__":true,"id":2894},"_Extent":{"__isSmartRef__":true,"id":2895},"_Padding":{"__isSmartRef__":true,"id":2896},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2893":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2894":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2895":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2896":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2897":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2898":{"morph":{"__isSmartRef__":true,"id":2859},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2899":{"resizeWidth":true},"2900":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2901":{"updateExpanderColor":{"__isSmartRef__":true,"id":2902},"onMouseDown":{"__isSmartRef__":true,"id":2905},"isRoot":{"__isSmartRef__":true,"id":2912},"displayValue":{"__isSmartRef__":true,"id":2915},"update":{"__isSmartRef__":true,"id":2918}},"2902":{"varMapping":{"__isSmartRef__":true,"id":2903},"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":2904},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2903":{"this":{"__isSmartRef__":true,"id":2859}},"2904":{},"2905":{"varMapping":{"__isSmartRef__":true,"id":2906},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2911},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2906":{"this":{"__isSmartRef__":true,"id":2859},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2907}},"2907":{"$super":{"__isSmartRef__":true,"id":2908}},"2908":{"varMapping":{"__isSmartRef__":true,"id":2909},"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":2910},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2909":{"obj":{"__isSmartRef__":true,"id":2859},"name":"onMouseDown"},"2910":{},"2911":{},"2912":{"varMapping":{"__isSmartRef__":true,"id":2913},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2914},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2913":{"this":{"__isSmartRef__":true,"id":2859}},"2914":{},"2915":{"varMapping":{"__isSmartRef__":true,"id":2916},"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":2917},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2916":{"this":{"__isSmartRef__":true,"id":2859}},"2917":{},"2918":{"varMapping":{"__isSmartRef__":true,"id":2919},"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":2920},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2919":{"this":{"__isSmartRef__":true,"id":2859}},"2920":{},"2921":{"_Position":{"__isSmartRef__":true,"id":2922},"renderContextTable":{"__isSmartRef__":true,"id":2923},"_Extent":{"__isSmartRef__":true,"id":2924},"_Padding":{"__isSmartRef__":true,"id":2925},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2922":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2923":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2924":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2925":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2926":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2927":{"morph":{"__isSmartRef__":true,"id":2858},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2928":{"layouter":{"__isSmartRef__":true,"id":2929},"resizeWidth":true},"2929":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2858},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"2930":{"x":0,"y":220,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2931":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":2932}},"2932":{"varMapping":{"__isSmartRef__":true,"id":2933},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":2938},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2933":{"this":{"__isSmartRef__":true,"id":2858},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2934}},"2934":{"$super":{"__isSmartRef__":true,"id":2935}},"2935":{"varMapping":{"__isSmartRef__":true,"id":2936},"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":2937},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2936":{"obj":{"__isSmartRef__":true,"id":2858},"name":"getLayoutableSubmorphs"},"2937":{},"2938":{},"2939":{"submorphs":[{"__isSmartRef__":true,"id":2940}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3002},"renderContextTable":{"__isSmartRef__":true,"id":3007},"eventHandler":{"__isSmartRef__":true,"id":3008},"_ClipMode":"visible","derivationIds":[],"id":"B5FD1F4C-4E42-4D0E-9F44-2DE27B586A74","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3009},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3011},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3012},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2940":{"submorphs":[{"__isSmartRef__":true,"id":2941},{"__isSmartRef__":true,"id":2958}],"scripts":[],"shape":{"__isSmartRef__":true,"id":2973},"renderContextTable":{"__isSmartRef__":true,"id":2978},"eventHandler":{"__isSmartRef__":true,"id":2979},"_ClipMode":"visible","derivationIds":[],"id":"603D9CA9-D8C4-401A-819E-9923F1D2BA31","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":2980},"grabbingEnabled":false,"draggingEnabled":false,"data":"Ellipse","propertyList":["0","1","2","3","4","5","6"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"name","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":2941},"text":{"__isSmartRef__":true,"id":2958},"owner":{"__isSmartRef__":true,"id":2939},"_Position":{"__isSmartRef__":true,"id":2981},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2982},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"2941":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2942},"renderContextTable":{"__isSmartRef__":true,"id":2948},"eventHandler":{"__isSmartRef__":true,"id":2949},"_ClipMode":"visible","derivationIds":[],"id":"8E59C1F9-0113-4B54-A088-B1E769FE38B0","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":2950},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":2940},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2951},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"2942":{"_Position":{"__isSmartRef__":true,"id":2943},"renderContextTable":{"__isSmartRef__":true,"id":2944},"_Extent":{"__isSmartRef__":true,"id":2945},"_Padding":{"__isSmartRef__":true,"id":2946},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":2947},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2943":{"x":0,"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","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2945":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2946":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2947":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2948":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2949":{"morph":{"__isSmartRef__":true,"id":2941},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2950":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2951":{"toggle":{"__isSmartRef__":true,"id":2952},"toggleExpansion":{"__isSmartRef__":true,"id":2955}},"2952":{"varMapping":{"__isSmartRef__":true,"id":2953},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":2954},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2953":{"this":{"__isSmartRef__":true,"id":2941}},"2954":{},"2955":{"varMapping":{"__isSmartRef__":true,"id":2956},"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":2957},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2956":{"this":{"__isSmartRef__":true,"id":2941}},"2957":{},"2958":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":2959},"renderContextTable":{"__isSmartRef__":true,"id":2963},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":2964},{"__isSmartRef__":true,"id":2966}],"eventHandler":{"__isSmartRef__":true,"id":2968},"_ClipMode":"hidden","derivationIds":[],"id":"8AF0A0CC-260F-4EB7-B2CE-F4505EE343D3","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":2940},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2969},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2959":{"_Position":{"__isSmartRef__":true,"id":2960},"renderContextTable":{"__isSmartRef__":true,"id":2961},"_Extent":{"__isSmartRef__":true,"id":2962},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2960":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2961":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2962":{"x":87,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2963":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"2964":{"style":{"__isSmartRef__":true,"id":2965},"chunkOwner":{"__isSmartRef__":true,"id":2958},"_id":"_951","storedString":"name","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2965":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2966":{"_id":"_952","style":{"__isSmartRef__":true,"id":2967},"chunkOwner":{"__isSmartRef__":true,"id":2958},"storedString":": Ellipse","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2967":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"2968":{"morph":{"__isSmartRef__":true,"id":2958},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2969":{"layoutText":{"__isSmartRef__":true,"id":2970}},"2970":{"varMapping":{"__isSmartRef__":true,"id":2971},"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":2972},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2971":{"this":{"__isSmartRef__":true,"id":2958}},"2972":{},"2973":{"_Position":{"__isSmartRef__":true,"id":2974},"renderContextTable":{"__isSmartRef__":true,"id":2975},"_Extent":{"__isSmartRef__":true,"id":2976},"_Padding":{"__isSmartRef__":true,"id":2977},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"2974":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2975":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"2976":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2977":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2978":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"2979":{"morph":{"__isSmartRef__":true,"id":2940},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"2980":{"resizeWidth":true},"2981":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"2982":{"updateExpanderColor":{"__isSmartRef__":true,"id":2983},"onMouseDown":{"__isSmartRef__":true,"id":2986},"isRoot":{"__isSmartRef__":true,"id":2993},"displayValue":{"__isSmartRef__":true,"id":2996},"update":{"__isSmartRef__":true,"id":2999}},"2983":{"varMapping":{"__isSmartRef__":true,"id":2984},"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":2985},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2984":{"this":{"__isSmartRef__":true,"id":2940}},"2985":{},"2986":{"varMapping":{"__isSmartRef__":true,"id":2987},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":2992},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2987":{"this":{"__isSmartRef__":true,"id":2940},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":2988}},"2988":{"$super":{"__isSmartRef__":true,"id":2989}},"2989":{"varMapping":{"__isSmartRef__":true,"id":2990},"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":2991},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2990":{"obj":{"__isSmartRef__":true,"id":2940},"name":"onMouseDown"},"2991":{},"2992":{},"2993":{"varMapping":{"__isSmartRef__":true,"id":2994},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":2995},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2994":{"this":{"__isSmartRef__":true,"id":2940}},"2995":{},"2996":{"varMapping":{"__isSmartRef__":true,"id":2997},"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":2998},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"2997":{"this":{"__isSmartRef__":true,"id":2940}},"2998":{},"2999":{"varMapping":{"__isSmartRef__":true,"id":3000},"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":3001},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3000":{"this":{"__isSmartRef__":true,"id":2940}},"3001":{},"3002":{"_Position":{"__isSmartRef__":true,"id":3003},"renderContextTable":{"__isSmartRef__":true,"id":3004},"_Extent":{"__isSmartRef__":true,"id":3005},"_Padding":{"__isSmartRef__":true,"id":3006},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3003":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3004":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3005":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3006":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3007":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3008":{"morph":{"__isSmartRef__":true,"id":2939},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3009":{"layouter":{"__isSmartRef__":true,"id":3010},"resizeWidth":true},"3010":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":2939},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3011":{"x":0,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3012":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3013}},"3013":{"varMapping":{"__isSmartRef__":true,"id":3014},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3019},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3014":{"this":{"__isSmartRef__":true,"id":2939},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3015}},"3015":{"$super":{"__isSmartRef__":true,"id":3016}},"3016":{"varMapping":{"__isSmartRef__":true,"id":3017},"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":3018},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3017":{"obj":{"__isSmartRef__":true,"id":2939},"name":"getLayoutableSubmorphs"},"3018":{},"3019":{},"3020":{"submorphs":[{"__isSmartRef__":true,"id":3021}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3083},"renderContextTable":{"__isSmartRef__":true,"id":3088},"eventHandler":{"__isSmartRef__":true,"id":3089},"_ClipMode":"visible","derivationIds":[],"id":"8466F241-681C-4D2C-B6B3-0C10310BF503","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3090},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3092},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3093},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3021":{"submorphs":[{"__isSmartRef__":true,"id":3022},{"__isSmartRef__":true,"id":3039}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3054},"renderContextTable":{"__isSmartRef__":true,"id":3059},"eventHandler":{"__isSmartRef__":true,"id":3060},"_ClipMode":"visible","derivationIds":[],"id":"7F63C6E4-AC99-43A9-A4EE-8FC40866D58D","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3061},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1504},"propertyList":["submorphs","scripts","id","shape","__layered_droppingEnabled__","halosEnabled","registeredForMouseEvents","_Position","showsHalos","name","partsBinMetaInfo","renderContextTable","eventHandler","attributeConnections","doNotSerialize","doNotCopyProperties","priorExtent","layout","isBeingDragged","distanceToDragEvent","isLockOwner","owner","_Rotation","_Scale","_ClipMode","prevScroll","withoutLayers","_renderContext","_isRendered"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"owner","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3022},"text":{"__isSmartRef__":true,"id":3039},"owner":{"__isSmartRef__":true,"id":3020},"_Position":{"__isSmartRef__":true,"id":3062},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3063},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3022":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3023},"renderContextTable":{"__isSmartRef__":true,"id":3029},"eventHandler":{"__isSmartRef__":true,"id":3030},"_ClipMode":"visible","derivationIds":[],"id":"4A339CBD-998B-4F41-AC40-9E32387CBD51","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3031},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3021},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3032},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3023":{"_Position":{"__isSmartRef__":true,"id":3024},"renderContextTable":{"__isSmartRef__":true,"id":3025},"_Extent":{"__isSmartRef__":true,"id":3026},"_Padding":{"__isSmartRef__":true,"id":3027},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3028},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3024":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3025":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3026":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3027":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3028":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3029":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3030":{"morph":{"__isSmartRef__":true,"id":3022},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3031":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3032":{"toggle":{"__isSmartRef__":true,"id":3033},"toggleExpansion":{"__isSmartRef__":true,"id":3036}},"3033":{"varMapping":{"__isSmartRef__":true,"id":3034},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3035},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3034":{"this":{"__isSmartRef__":true,"id":3022}},"3035":{},"3036":{"varMapping":{"__isSmartRef__":true,"id":3037},"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":3038},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3037":{"this":{"__isSmartRef__":true,"id":3022}},"3038":{},"3039":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3040},"renderContextTable":{"__isSmartRef__":true,"id":3044},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3045},{"__isSmartRef__":true,"id":3047}],"eventHandler":{"__isSmartRef__":true,"id":3049},"_ClipMode":"hidden","derivationIds":[],"id":"8A3F9A98-2FDC-43CA-A59C-58A9F959E58B","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3021},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3050},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3040":{"_Position":{"__isSmartRef__":true,"id":3041},"renderContextTable":{"__isSmartRef__":true,"id":3042},"_Extent":{"__isSmartRef__":true,"id":3043},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3041":{"x":28,"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","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3043":{"x":70,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3044":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3045":{"style":{"__isSmartRef__":true,"id":3046},"chunkOwner":{"__isSmartRef__":true,"id":3039},"_id":"_955","storedString":"owner","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3046":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3047":{"_id":"_956","style":{"__isSmartRef__":true,"id":3048},"chunkOwner":{"__isSmartRef__":true,"id":3039},"storedString":": Car","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3048":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3049":{"morph":{"__isSmartRef__":true,"id":3039},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3050":{"layoutText":{"__isSmartRef__":true,"id":3051}},"3051":{"varMapping":{"__isSmartRef__":true,"id":3052},"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":3053},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3052":{"this":{"__isSmartRef__":true,"id":3039}},"3053":{},"3054":{"_Position":{"__isSmartRef__":true,"id":3055},"renderContextTable":{"__isSmartRef__":true,"id":3056},"_Extent":{"__isSmartRef__":true,"id":3057},"_Padding":{"__isSmartRef__":true,"id":3058},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3055":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3056":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3057":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3058":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3059":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3060":{"morph":{"__isSmartRef__":true,"id":3021},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3061":{"resizeWidth":true},"3062":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3063":{"updateExpanderColor":{"__isSmartRef__":true,"id":3064},"onMouseDown":{"__isSmartRef__":true,"id":3067},"isRoot":{"__isSmartRef__":true,"id":3074},"displayValue":{"__isSmartRef__":true,"id":3077},"update":{"__isSmartRef__":true,"id":3080}},"3064":{"varMapping":{"__isSmartRef__":true,"id":3065},"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":3066},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3065":{"this":{"__isSmartRef__":true,"id":3021}},"3066":{},"3067":{"varMapping":{"__isSmartRef__":true,"id":3068},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3073},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3068":{"this":{"__isSmartRef__":true,"id":3021},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3069}},"3069":{"$super":{"__isSmartRef__":true,"id":3070}},"3070":{"varMapping":{"__isSmartRef__":true,"id":3071},"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":3072},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3071":{"obj":{"__isSmartRef__":true,"id":3021},"name":"onMouseDown"},"3072":{},"3073":{},"3074":{"varMapping":{"__isSmartRef__":true,"id":3075},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3076},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3075":{"this":{"__isSmartRef__":true,"id":3021}},"3076":{},"3077":{"varMapping":{"__isSmartRef__":true,"id":3078},"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":3079},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3078":{"this":{"__isSmartRef__":true,"id":3021}},"3079":{},"3080":{"varMapping":{"__isSmartRef__":true,"id":3081},"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":3082},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3081":{"this":{"__isSmartRef__":true,"id":3021}},"3082":{},"3083":{"_Position":{"__isSmartRef__":true,"id":3084},"renderContextTable":{"__isSmartRef__":true,"id":3085},"_Extent":{"__isSmartRef__":true,"id":3086},"_Padding":{"__isSmartRef__":true,"id":3087},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3084":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3085":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3086":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3087":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3088":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3089":{"morph":{"__isSmartRef__":true,"id":3020},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3090":{"layouter":{"__isSmartRef__":true,"id":3091},"resizeWidth":true},"3091":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3020},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3092":{"x":0,"y":180,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3093":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3094}},"3094":{"varMapping":{"__isSmartRef__":true,"id":3095},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3100},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3095":{"this":{"__isSmartRef__":true,"id":3020},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3096}},"3096":{"$super":{"__isSmartRef__":true,"id":3097}},"3097":{"varMapping":{"__isSmartRef__":true,"id":3098},"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":3099},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3098":{"obj":{"__isSmartRef__":true,"id":3020},"name":"getLayoutableSubmorphs"},"3099":{},"3100":{},"3101":{"submorphs":[{"__isSmartRef__":true,"id":3102}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3164},"renderContextTable":{"__isSmartRef__":true,"id":3169},"eventHandler":{"__isSmartRef__":true,"id":3170},"_ClipMode":"visible","derivationIds":[],"id":"223E1B96-5ED0-45CB-A84B-E2A794FA9ACF","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3171},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3173},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3174},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3102":{"submorphs":[{"__isSmartRef__":true,"id":3103},{"__isSmartRef__":true,"id":3120}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3135},"renderContextTable":{"__isSmartRef__":true,"id":3140},"eventHandler":{"__isSmartRef__":true,"id":3141},"_ClipMode":"visible","derivationIds":[],"id":"EC61F95C-81EB-48A4-8451-50E21F90D974","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3142},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1500},"propertyList":["partsSpaceName","migrationLevel","comment","partName"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"partsBinMetaInfo","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3103},"text":{"__isSmartRef__":true,"id":3120},"owner":{"__isSmartRef__":true,"id":3101},"_Position":{"__isSmartRef__":true,"id":3143},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3144},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3103":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3104},"renderContextTable":{"__isSmartRef__":true,"id":3110},"eventHandler":{"__isSmartRef__":true,"id":3111},"_ClipMode":"visible","derivationIds":[],"id":"E7253637-30CA-4A0A-8C3F-F3947378C1B6","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3112},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3102},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3113},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3104":{"_Position":{"__isSmartRef__":true,"id":3105},"renderContextTable":{"__isSmartRef__":true,"id":3106},"_Extent":{"__isSmartRef__":true,"id":3107},"_Padding":{"__isSmartRef__":true,"id":3108},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3109},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3105":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3106":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3107":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3108":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3109":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3110":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3111":{"morph":{"__isSmartRef__":true,"id":3103},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3112":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3113":{"toggle":{"__isSmartRef__":true,"id":3114},"toggleExpansion":{"__isSmartRef__":true,"id":3117}},"3114":{"varMapping":{"__isSmartRef__":true,"id":3115},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3116},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3115":{"this":{"__isSmartRef__":true,"id":3103}},"3116":{},"3117":{"varMapping":{"__isSmartRef__":true,"id":3118},"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":3119},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3118":{"this":{"__isSmartRef__":true,"id":3103}},"3119":{},"3120":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3121},"renderContextTable":{"__isSmartRef__":true,"id":3125},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3126},{"__isSmartRef__":true,"id":3128}],"eventHandler":{"__isSmartRef__":true,"id":3130},"_ClipMode":"hidden","derivationIds":[],"id":"A0247C7A-A28D-4500-8992-BA6A4DF4B4E4","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3102},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3131},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3121":{"_Position":{"__isSmartRef__":true,"id":3122},"renderContextTable":{"__isSmartRef__":true,"id":3123},"_Extent":{"__isSmartRef__":true,"id":3124},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3122":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3123":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3124":{"x":216,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3125":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3126":{"style":{"__isSmartRef__":true,"id":3127},"chunkOwner":{"__isSmartRef__":true,"id":3120},"_id":"_959","storedString":"partsBinMetaInfo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3127":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3128":{"_id":"_960","style":{"__isSmartRef__":true,"id":3129},"chunkOwner":{"__isSmartRef__":true,"id":3120},"storedString":": PartsBinMetaInfo","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3129":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3130":{"morph":{"__isSmartRef__":true,"id":3120},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3131":{"layoutText":{"__isSmartRef__":true,"id":3132}},"3132":{"varMapping":{"__isSmartRef__":true,"id":3133},"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":3134},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3133":{"this":{"__isSmartRef__":true,"id":3120}},"3134":{},"3135":{"_Position":{"__isSmartRef__":true,"id":3136},"renderContextTable":{"__isSmartRef__":true,"id":3137},"_Extent":{"__isSmartRef__":true,"id":3138},"_Padding":{"__isSmartRef__":true,"id":3139},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3136":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3137":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3138":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3139":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3140":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3141":{"morph":{"__isSmartRef__":true,"id":3102},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3142":{"resizeWidth":true},"3143":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3144":{"updateExpanderColor":{"__isSmartRef__":true,"id":3145},"onMouseDown":{"__isSmartRef__":true,"id":3148},"isRoot":{"__isSmartRef__":true,"id":3155},"displayValue":{"__isSmartRef__":true,"id":3158},"update":{"__isSmartRef__":true,"id":3161}},"3145":{"varMapping":{"__isSmartRef__":true,"id":3146},"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":3147},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3146":{"this":{"__isSmartRef__":true,"id":3102}},"3147":{},"3148":{"varMapping":{"__isSmartRef__":true,"id":3149},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3154},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3149":{"this":{"__isSmartRef__":true,"id":3102},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3150}},"3150":{"$super":{"__isSmartRef__":true,"id":3151}},"3151":{"varMapping":{"__isSmartRef__":true,"id":3152},"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":3153},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3152":{"obj":{"__isSmartRef__":true,"id":3102},"name":"onMouseDown"},"3153":{},"3154":{},"3155":{"varMapping":{"__isSmartRef__":true,"id":3156},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3157},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3156":{"this":{"__isSmartRef__":true,"id":3102}},"3157":{},"3158":{"varMapping":{"__isSmartRef__":true,"id":3159},"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":3160},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3159":{"this":{"__isSmartRef__":true,"id":3102}},"3160":{},"3161":{"varMapping":{"__isSmartRef__":true,"id":3162},"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":3163},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3162":{"this":{"__isSmartRef__":true,"id":3102}},"3163":{},"3164":{"_Position":{"__isSmartRef__":true,"id":3165},"renderContextTable":{"__isSmartRef__":true,"id":3166},"_Extent":{"__isSmartRef__":true,"id":3167},"_Padding":{"__isSmartRef__":true,"id":3168},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3165":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3166":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3167":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3168":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3169":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3170":{"morph":{"__isSmartRef__":true,"id":3101},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3171":{"layouter":{"__isSmartRef__":true,"id":3172},"resizeWidth":true},"3172":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3101},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3173":{"x":0,"y":160,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3174":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3175}},"3175":{"varMapping":{"__isSmartRef__":true,"id":3176},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3181},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3176":{"this":{"__isSmartRef__":true,"id":3101},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3177}},"3177":{"$super":{"__isSmartRef__":true,"id":3178}},"3178":{"varMapping":{"__isSmartRef__":true,"id":3179},"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":3180},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3179":{"obj":{"__isSmartRef__":true,"id":3101},"name":"getLayoutableSubmorphs"},"3180":{},"3181":{},"3182":{"submorphs":[{"__isSmartRef__":true,"id":3183}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3245},"renderContextTable":{"__isSmartRef__":true,"id":3250},"eventHandler":{"__isSmartRef__":true,"id":3251},"_ClipMode":"visible","derivationIds":[],"id":"2F1AF2A3-1C8A-40B2-A798-53EE8CD14107","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3252},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3254},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3255},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3183":{"submorphs":[{"__isSmartRef__":true,"id":3184},{"__isSmartRef__":true,"id":3201}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3216},"renderContextTable":{"__isSmartRef__":true,"id":3221},"eventHandler":{"__isSmartRef__":true,"id":3222},"_ClipMode":"visible","derivationIds":[],"id":"B2EC833E-22EF-4830-AFCC-B9FA0756602B","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3223},"grabbingEnabled":false,"draggingEnabled":false,"data":[0,0],"propertyList":["0","1"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"prevScroll","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3184},"text":{"__isSmartRef__":true,"id":3201},"owner":{"__isSmartRef__":true,"id":3182},"_Position":{"__isSmartRef__":true,"id":3224},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3225},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3184":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3185},"renderContextTable":{"__isSmartRef__":true,"id":3191},"eventHandler":{"__isSmartRef__":true,"id":3192},"_ClipMode":"visible","derivationIds":[],"id":"89CAF6BD-50AE-4F78-BDB7-41E463BC9DC3","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3193},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3183},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3194},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3185":{"_Position":{"__isSmartRef__":true,"id":3186},"renderContextTable":{"__isSmartRef__":true,"id":3187},"_Extent":{"__isSmartRef__":true,"id":3188},"_Padding":{"__isSmartRef__":true,"id":3189},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3190},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3186":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3187":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3188":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3189":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3190":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3191":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3192":{"morph":{"__isSmartRef__":true,"id":3184},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3193":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3194":{"toggle":{"__isSmartRef__":true,"id":3195},"toggleExpansion":{"__isSmartRef__":true,"id":3198}},"3195":{"varMapping":{"__isSmartRef__":true,"id":3196},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3197},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3196":{"this":{"__isSmartRef__":true,"id":3184}},"3197":{},"3198":{"varMapping":{"__isSmartRef__":true,"id":3199},"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":3200},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3199":{"this":{"__isSmartRef__":true,"id":3184}},"3200":{},"3201":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3202},"renderContextTable":{"__isSmartRef__":true,"id":3206},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3207},{"__isSmartRef__":true,"id":3209}],"eventHandler":{"__isSmartRef__":true,"id":3211},"_ClipMode":"hidden","derivationIds":[],"id":"C742DA8B-3333-4B33-8D87-634A3C6E79EF","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3183},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3212},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3202":{"_Position":{"__isSmartRef__":true,"id":3203},"renderContextTable":{"__isSmartRef__":true,"id":3204},"_Extent":{"__isSmartRef__":true,"id":3205},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3203":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3204":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3205":{"x":94,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3206":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3207":{"style":{"__isSmartRef__":true,"id":3208},"chunkOwner":{"__isSmartRef__":true,"id":3201},"_id":"_963","storedString":"prevScroll","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3208":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3209":{"_id":"_964","style":{"__isSmartRef__":true,"id":3210},"chunkOwner":{"__isSmartRef__":true,"id":3201},"storedString":": [...]","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3210":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3211":{"morph":{"__isSmartRef__":true,"id":3201},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3212":{"layoutText":{"__isSmartRef__":true,"id":3213}},"3213":{"varMapping":{"__isSmartRef__":true,"id":3214},"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":3215},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3214":{"this":{"__isSmartRef__":true,"id":3201}},"3215":{},"3216":{"_Position":{"__isSmartRef__":true,"id":3217},"renderContextTable":{"__isSmartRef__":true,"id":3218},"_Extent":{"__isSmartRef__":true,"id":3219},"_Padding":{"__isSmartRef__":true,"id":3220},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3217":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3218":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3219":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3220":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3221":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3222":{"morph":{"__isSmartRef__":true,"id":3183},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3223":{"resizeWidth":true},"3224":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3225":{"updateExpanderColor":{"__isSmartRef__":true,"id":3226},"onMouseDown":{"__isSmartRef__":true,"id":3229},"isRoot":{"__isSmartRef__":true,"id":3236},"displayValue":{"__isSmartRef__":true,"id":3239},"update":{"__isSmartRef__":true,"id":3242}},"3226":{"varMapping":{"__isSmartRef__":true,"id":3227},"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":3228},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3227":{"this":{"__isSmartRef__":true,"id":3183}},"3228":{},"3229":{"varMapping":{"__isSmartRef__":true,"id":3230},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3235},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3230":{"this":{"__isSmartRef__":true,"id":3183},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3231}},"3231":{"$super":{"__isSmartRef__":true,"id":3232}},"3232":{"varMapping":{"__isSmartRef__":true,"id":3233},"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":3234},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3233":{"obj":{"__isSmartRef__":true,"id":3183},"name":"onMouseDown"},"3234":{},"3235":{},"3236":{"varMapping":{"__isSmartRef__":true,"id":3237},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3238},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3237":{"this":{"__isSmartRef__":true,"id":3183}},"3238":{},"3239":{"varMapping":{"__isSmartRef__":true,"id":3240},"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":3241},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3240":{"this":{"__isSmartRef__":true,"id":3183}},"3241":{},"3242":{"varMapping":{"__isSmartRef__":true,"id":3243},"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":3244},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3243":{"this":{"__isSmartRef__":true,"id":3183}},"3244":{},"3245":{"_Position":{"__isSmartRef__":true,"id":3246},"renderContextTable":{"__isSmartRef__":true,"id":3247},"_Extent":{"__isSmartRef__":true,"id":3248},"_Padding":{"__isSmartRef__":true,"id":3249},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3246":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3247":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3248":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3249":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3250":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3251":{"morph":{"__isSmartRef__":true,"id":3182},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3252":{"layouter":{"__isSmartRef__":true,"id":3253},"resizeWidth":true},"3253":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3182},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3254":{"x":0,"y":140,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3255":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3256}},"3256":{"varMapping":{"__isSmartRef__":true,"id":3257},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3262},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3257":{"this":{"__isSmartRef__":true,"id":3182},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3258}},"3258":{"$super":{"__isSmartRef__":true,"id":3259}},"3259":{"varMapping":{"__isSmartRef__":true,"id":3260},"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":3261},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3260":{"obj":{"__isSmartRef__":true,"id":3182},"name":"getLayoutableSubmorphs"},"3261":{},"3262":{},"3263":{"submorphs":[{"__isSmartRef__":true,"id":3264}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3327},"renderContextTable":{"__isSmartRef__":true,"id":3332},"eventHandler":{"__isSmartRef__":true,"id":3333},"_ClipMode":"visible","derivationIds":[],"id":"76E5FC1D-7A48-45B1-A114-1A7FDDE0EB7F","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3334},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3336},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3337},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3264":{"submorphs":[{"__isSmartRef__":true,"id":3265},{"__isSmartRef__":true,"id":3282}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3297},"renderContextTable":{"__isSmartRef__":true,"id":3302},"eventHandler":{"__isSmartRef__":true,"id":3303},"_ClipMode":"visible","derivationIds":[],"id":"103DC610-F9F4-4DAF-A58A-62DF912E3E66","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3304},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":3305},"propertyList":["x","y"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"priorExtent","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3265},"text":{"__isSmartRef__":true,"id":3282},"owner":{"__isSmartRef__":true,"id":3263},"_Position":{"__isSmartRef__":true,"id":3306},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3307},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3265":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3266},"renderContextTable":{"__isSmartRef__":true,"id":3272},"eventHandler":{"__isSmartRef__":true,"id":3273},"_ClipMode":"visible","derivationIds":[],"id":"026FC5EA-2FF8-4B70-A88C-14D66E63AF77","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3274},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3264},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3275},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3266":{"_Position":{"__isSmartRef__":true,"id":3267},"renderContextTable":{"__isSmartRef__":true,"id":3268},"_Extent":{"__isSmartRef__":true,"id":3269},"_Padding":{"__isSmartRef__":true,"id":3270},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3271},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3267":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3268":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3269":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3270":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3271":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3272":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3273":{"morph":{"__isSmartRef__":true,"id":3265},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3274":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3275":{"toggle":{"__isSmartRef__":true,"id":3276},"toggleExpansion":{"__isSmartRef__":true,"id":3279}},"3276":{"varMapping":{"__isSmartRef__":true,"id":3277},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3278},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3277":{"this":{"__isSmartRef__":true,"id":3265}},"3278":{},"3279":{"varMapping":{"__isSmartRef__":true,"id":3280},"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":3281},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3280":{"this":{"__isSmartRef__":true,"id":3265}},"3281":{},"3282":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3283},"renderContextTable":{"__isSmartRef__":true,"id":3287},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3288},{"__isSmartRef__":true,"id":3290}],"eventHandler":{"__isSmartRef__":true,"id":3292},"_ClipMode":"hidden","derivationIds":[],"id":"EF253C7A-C732-4370-A770-9C060F2667AF","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3264},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3293},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3283":{"_Position":{"__isSmartRef__":true,"id":3284},"renderContextTable":{"__isSmartRef__":true,"id":3285},"_Extent":{"__isSmartRef__":true,"id":3286},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3284":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3285":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3286":{"x":109,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3287":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3288":{"style":{"__isSmartRef__":true,"id":3289},"chunkOwner":{"__isSmartRef__":true,"id":3282},"_id":"_967","storedString":"priorExtent","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3289":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3290":{"_id":"_968","style":{"__isSmartRef__":true,"id":3291},"chunkOwner":{"__isSmartRef__":true,"id":3282},"storedString":": Point","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3291":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3292":{"morph":{"__isSmartRef__":true,"id":3282},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3293":{"layoutText":{"__isSmartRef__":true,"id":3294}},"3294":{"varMapping":{"__isSmartRef__":true,"id":3295},"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":3296},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3295":{"this":{"__isSmartRef__":true,"id":3282}},"3296":{},"3297":{"_Position":{"__isSmartRef__":true,"id":3298},"renderContextTable":{"__isSmartRef__":true,"id":3299},"_Extent":{"__isSmartRef__":true,"id":3300},"_Padding":{"__isSmartRef__":true,"id":3301},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3298":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3299":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3300":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3301":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3302":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3303":{"morph":{"__isSmartRef__":true,"id":3264},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3304":{"resizeWidth":true},"3305":{"x":94,"y":38,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3306":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3307":{"updateExpanderColor":{"__isSmartRef__":true,"id":3308},"onMouseDown":{"__isSmartRef__":true,"id":3311},"isRoot":{"__isSmartRef__":true,"id":3318},"displayValue":{"__isSmartRef__":true,"id":3321},"update":{"__isSmartRef__":true,"id":3324}},"3308":{"varMapping":{"__isSmartRef__":true,"id":3309},"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":3310},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3309":{"this":{"__isSmartRef__":true,"id":3264}},"3310":{},"3311":{"varMapping":{"__isSmartRef__":true,"id":3312},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3317},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3312":{"this":{"__isSmartRef__":true,"id":3264},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3313}},"3313":{"$super":{"__isSmartRef__":true,"id":3314}},"3314":{"varMapping":{"__isSmartRef__":true,"id":3315},"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":3316},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3315":{"obj":{"__isSmartRef__":true,"id":3264},"name":"onMouseDown"},"3316":{},"3317":{},"3318":{"varMapping":{"__isSmartRef__":true,"id":3319},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3320},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3319":{"this":{"__isSmartRef__":true,"id":3264}},"3320":{},"3321":{"varMapping":{"__isSmartRef__":true,"id":3322},"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":3323},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3322":{"this":{"__isSmartRef__":true,"id":3264}},"3323":{},"3324":{"varMapping":{"__isSmartRef__":true,"id":3325},"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":3326},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3325":{"this":{"__isSmartRef__":true,"id":3264}},"3326":{},"3327":{"_Position":{"__isSmartRef__":true,"id":3328},"renderContextTable":{"__isSmartRef__":true,"id":3329},"_Extent":{"__isSmartRef__":true,"id":3330},"_Padding":{"__isSmartRef__":true,"id":3331},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3328":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3329":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3330":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3331":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3332":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3333":{"morph":{"__isSmartRef__":true,"id":3263},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3334":{"layouter":{"__isSmartRef__":true,"id":3335},"resizeWidth":true},"3335":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3263},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3336":{"x":0,"y":120,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3337":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3338}},"3338":{"varMapping":{"__isSmartRef__":true,"id":3339},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3344},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3339":{"this":{"__isSmartRef__":true,"id":3263},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3340}},"3340":{"$super":{"__isSmartRef__":true,"id":3341}},"3341":{"varMapping":{"__isSmartRef__":true,"id":3342},"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":3343},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3342":{"obj":{"__isSmartRef__":true,"id":3263},"name":"getLayoutableSubmorphs"},"3343":{},"3344":{},"3345":{"submorphs":[{"__isSmartRef__":true,"id":3346}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3408},"renderContextTable":{"__isSmartRef__":true,"id":3413},"eventHandler":{"__isSmartRef__":true,"id":3414},"_ClipMode":"visible","derivationIds":[],"id":"424D17C1-53C3-4A3D-851F-1A1D7D91A686","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3415},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3417},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3418},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3346":{"submorphs":[{"__isSmartRef__":true,"id":3347},{"__isSmartRef__":true,"id":3364}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3379},"renderContextTable":{"__isSmartRef__":true,"id":3384},"eventHandler":{"__isSmartRef__":true,"id":3385},"_ClipMode":"visible","derivationIds":[],"id":"5152E720-8C32-4506-838E-8A9EECDA6D14","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3386},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1501},"propertyList":["replaceRenderContext","init","append","remove","removeMorph","onRenderFinished","triggerEvent","setTransform","setPosition","setRotation","setExtent","setScale","setVisible","adjustOrigin","setPivotPoint","setClipMode","showsVerticalScrollBar","showsHorizontalScrollBar","getScrollBarExtent","setHandStyle","setPointerEvents","setToolTip","focus","blur","setFocusable","setStyleSheet","setStyleClassNames","setStyleId"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"renderContextTable","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3347},"text":{"__isSmartRef__":true,"id":3364},"owner":{"__isSmartRef__":true,"id":3345},"_Position":{"__isSmartRef__":true,"id":3387},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3388},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3347":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3348},"renderContextTable":{"__isSmartRef__":true,"id":3354},"eventHandler":{"__isSmartRef__":true,"id":3355},"_ClipMode":"visible","derivationIds":[],"id":"5CAE1A10-5C5F-4915-B833-BE8566A102D5","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3356},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3346},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3357},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3348":{"_Position":{"__isSmartRef__":true,"id":3349},"renderContextTable":{"__isSmartRef__":true,"id":3350},"_Extent":{"__isSmartRef__":true,"id":3351},"_Padding":{"__isSmartRef__":true,"id":3352},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3353},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3349":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3350":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3351":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3352":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3353":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3354":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3355":{"morph":{"__isSmartRef__":true,"id":3347},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3356":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3357":{"toggle":{"__isSmartRef__":true,"id":3358},"toggleExpansion":{"__isSmartRef__":true,"id":3361}},"3358":{"varMapping":{"__isSmartRef__":true,"id":3359},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3360},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3359":{"this":{"__isSmartRef__":true,"id":3347}},"3360":{},"3361":{"varMapping":{"__isSmartRef__":true,"id":3362},"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":3363},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3362":{"this":{"__isSmartRef__":true,"id":3347}},"3363":{},"3364":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3365},"renderContextTable":{"__isSmartRef__":true,"id":3369},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3370},{"__isSmartRef__":true,"id":3372}],"eventHandler":{"__isSmartRef__":true,"id":3374},"_ClipMode":"hidden","derivationIds":[],"id":"56184F7A-FAC8-4E65-9E40-98E5E5BDEDAA","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3346},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3375},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3365":{"_Position":{"__isSmartRef__":true,"id":3366},"renderContextTable":{"__isSmartRef__":true,"id":3367},"_Extent":{"__isSmartRef__":true,"id":3368},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3366":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3367":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3368":{"x":149,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3369":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3370":{"style":{"__isSmartRef__":true,"id":3371},"chunkOwner":{"__isSmartRef__":true,"id":3364},"_id":"_971","storedString":"renderContextTable","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3371":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3372":{"_id":"_972","style":{"__isSmartRef__":true,"id":3373},"chunkOwner":{"__isSmartRef__":true,"id":3364},"storedString":": {...}","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3373":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3374":{"morph":{"__isSmartRef__":true,"id":3364},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3375":{"layoutText":{"__isSmartRef__":true,"id":3376}},"3376":{"varMapping":{"__isSmartRef__":true,"id":3377},"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":3378},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3377":{"this":{"__isSmartRef__":true,"id":3364}},"3378":{},"3379":{"_Position":{"__isSmartRef__":true,"id":3380},"renderContextTable":{"__isSmartRef__":true,"id":3381},"_Extent":{"__isSmartRef__":true,"id":3382},"_Padding":{"__isSmartRef__":true,"id":3383},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3380":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3381":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3382":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3383":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3384":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3385":{"morph":{"__isSmartRef__":true,"id":3346},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3386":{"resizeWidth":true},"3387":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3388":{"updateExpanderColor":{"__isSmartRef__":true,"id":3389},"onMouseDown":{"__isSmartRef__":true,"id":3392},"isRoot":{"__isSmartRef__":true,"id":3399},"displayValue":{"__isSmartRef__":true,"id":3402},"update":{"__isSmartRef__":true,"id":3405}},"3389":{"varMapping":{"__isSmartRef__":true,"id":3390},"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":3391},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3390":{"this":{"__isSmartRef__":true,"id":3346}},"3391":{},"3392":{"varMapping":{"__isSmartRef__":true,"id":3393},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3398},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3393":{"this":{"__isSmartRef__":true,"id":3346},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3394}},"3394":{"$super":{"__isSmartRef__":true,"id":3395}},"3395":{"varMapping":{"__isSmartRef__":true,"id":3396},"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":3397},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3396":{"obj":{"__isSmartRef__":true,"id":3346},"name":"onMouseDown"},"3397":{},"3398":{},"3399":{"varMapping":{"__isSmartRef__":true,"id":3400},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3401},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3400":{"this":{"__isSmartRef__":true,"id":3346}},"3401":{},"3402":{"varMapping":{"__isSmartRef__":true,"id":3403},"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":3404},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3403":{"this":{"__isSmartRef__":true,"id":3346}},"3404":{},"3405":{"varMapping":{"__isSmartRef__":true,"id":3406},"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":3407},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3406":{"this":{"__isSmartRef__":true,"id":3346}},"3407":{},"3408":{"_Position":{"__isSmartRef__":true,"id":3409},"renderContextTable":{"__isSmartRef__":true,"id":3410},"_Extent":{"__isSmartRef__":true,"id":3411},"_Padding":{"__isSmartRef__":true,"id":3412},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3409":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3410":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3411":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3412":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3413":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3414":{"morph":{"__isSmartRef__":true,"id":3345},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3415":{"layouter":{"__isSmartRef__":true,"id":3416},"resizeWidth":true},"3416":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3345},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3417":{"x":0,"y":100,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3418":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3419}},"3419":{"varMapping":{"__isSmartRef__":true,"id":3420},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3425},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3420":{"this":{"__isSmartRef__":true,"id":3345},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3421}},"3421":{"$super":{"__isSmartRef__":true,"id":3422}},"3422":{"varMapping":{"__isSmartRef__":true,"id":3423},"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":3424},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3423":{"obj":{"__isSmartRef__":true,"id":3345},"name":"getLayoutableSubmorphs"},"3424":{},"3425":{},"3426":{"submorphs":[{"__isSmartRef__":true,"id":3427}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3489},"renderContextTable":{"__isSmartRef__":true,"id":3494},"eventHandler":{"__isSmartRef__":true,"id":3495},"_ClipMode":"visible","derivationIds":[],"id":"11A06D8B-9FE5-452D-88F5-79C91B5B7396","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3496},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3498},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3499},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3427":{"submorphs":[{"__isSmartRef__":true,"id":3428},{"__isSmartRef__":true,"id":3445}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3460},"renderContextTable":{"__isSmartRef__":true,"id":3465},"eventHandler":{"__isSmartRef__":true,"id":3466},"_ClipMode":"visible","derivationIds":[],"id":"18184214-FDDB-460C-AD16-0701BF159F69","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3467},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"scripts","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3428},"text":{"__isSmartRef__":true,"id":3445},"owner":{"__isSmartRef__":true,"id":3426},"_Position":{"__isSmartRef__":true,"id":3468},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3469},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3428":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3429},"renderContextTable":{"__isSmartRef__":true,"id":3435},"eventHandler":{"__isSmartRef__":true,"id":3436},"_ClipMode":"visible","derivationIds":[],"id":"4E24CC6D-7333-4792-949A-25D803EE3366","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3437},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3427},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3438},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3429":{"_Position":{"__isSmartRef__":true,"id":3430},"renderContextTable":{"__isSmartRef__":true,"id":3431},"_Extent":{"__isSmartRef__":true,"id":3432},"_Padding":{"__isSmartRef__":true,"id":3433},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3434},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3430":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3431":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3432":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3433":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3434":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3435":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3436":{"morph":{"__isSmartRef__":true,"id":3428},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3437":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3438":{"toggle":{"__isSmartRef__":true,"id":3439},"toggleExpansion":{"__isSmartRef__":true,"id":3442}},"3439":{"varMapping":{"__isSmartRef__":true,"id":3440},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3441},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3440":{"this":{"__isSmartRef__":true,"id":3428}},"3441":{},"3442":{"varMapping":{"__isSmartRef__":true,"id":3443},"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":3444},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3443":{"this":{"__isSmartRef__":true,"id":3428}},"3444":{},"3445":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3446},"renderContextTable":{"__isSmartRef__":true,"id":3450},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3451},{"__isSmartRef__":true,"id":3453}],"eventHandler":{"__isSmartRef__":true,"id":3455},"_ClipMode":"hidden","derivationIds":[],"id":"DF56F035-5EBC-4EA6-8A05-07E0AE0E8F06","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3427},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3456},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3446":{"_Position":{"__isSmartRef__":true,"id":3447},"renderContextTable":{"__isSmartRef__":true,"id":3448},"_Extent":{"__isSmartRef__":true,"id":3449},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3447":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3448":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3449":{"x":63,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3450":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3451":{"style":{"__isSmartRef__":true,"id":3452},"chunkOwner":{"__isSmartRef__":true,"id":3445},"_id":"_975","storedString":"scripts","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3452":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3453":{"_id":"_976","style":{"__isSmartRef__":true,"id":3454},"chunkOwner":{"__isSmartRef__":true,"id":3445},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3454":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3455":{"morph":{"__isSmartRef__":true,"id":3445},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3456":{"layoutText":{"__isSmartRef__":true,"id":3457}},"3457":{"varMapping":{"__isSmartRef__":true,"id":3458},"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":3459},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3458":{"this":{"__isSmartRef__":true,"id":3445}},"3459":{},"3460":{"_Position":{"__isSmartRef__":true,"id":3461},"renderContextTable":{"__isSmartRef__":true,"id":3462},"_Extent":{"__isSmartRef__":true,"id":3463},"_Padding":{"__isSmartRef__":true,"id":3464},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3461":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3462":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3463":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3464":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3465":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3466":{"morph":{"__isSmartRef__":true,"id":3427},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3467":{"resizeWidth":true},"3468":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3469":{"updateExpanderColor":{"__isSmartRef__":true,"id":3470},"onMouseDown":{"__isSmartRef__":true,"id":3473},"isRoot":{"__isSmartRef__":true,"id":3480},"displayValue":{"__isSmartRef__":true,"id":3483},"update":{"__isSmartRef__":true,"id":3486}},"3470":{"varMapping":{"__isSmartRef__":true,"id":3471},"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":3472},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3471":{"this":{"__isSmartRef__":true,"id":3427}},"3472":{},"3473":{"varMapping":{"__isSmartRef__":true,"id":3474},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3479},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3474":{"this":{"__isSmartRef__":true,"id":3427},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3475}},"3475":{"$super":{"__isSmartRef__":true,"id":3476}},"3476":{"varMapping":{"__isSmartRef__":true,"id":3477},"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":3478},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3477":{"obj":{"__isSmartRef__":true,"id":3427},"name":"onMouseDown"},"3478":{},"3479":{},"3480":{"varMapping":{"__isSmartRef__":true,"id":3481},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3482},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3481":{"this":{"__isSmartRef__":true,"id":3427}},"3482":{},"3483":{"varMapping":{"__isSmartRef__":true,"id":3484},"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":3485},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3484":{"this":{"__isSmartRef__":true,"id":3427}},"3485":{},"3486":{"varMapping":{"__isSmartRef__":true,"id":3487},"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":3488},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3487":{"this":{"__isSmartRef__":true,"id":3427}},"3488":{},"3489":{"_Position":{"__isSmartRef__":true,"id":3490},"renderContextTable":{"__isSmartRef__":true,"id":3491},"_Extent":{"__isSmartRef__":true,"id":3492},"_Padding":{"__isSmartRef__":true,"id":3493},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3490":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3491":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3492":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3493":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3494":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3495":{"morph":{"__isSmartRef__":true,"id":3426},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3496":{"layouter":{"__isSmartRef__":true,"id":3497},"resizeWidth":true},"3497":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3426},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3498":{"x":0,"y":80,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3499":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3500}},"3500":{"varMapping":{"__isSmartRef__":true,"id":3501},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3506},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3501":{"this":{"__isSmartRef__":true,"id":3426},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3502}},"3502":{"$super":{"__isSmartRef__":true,"id":3503}},"3503":{"varMapping":{"__isSmartRef__":true,"id":3504},"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":3505},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3504":{"obj":{"__isSmartRef__":true,"id":3426},"name":"getLayoutableSubmorphs"},"3505":{},"3506":{},"3507":{"submorphs":[{"__isSmartRef__":true,"id":3508}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3570},"renderContextTable":{"__isSmartRef__":true,"id":3575},"eventHandler":{"__isSmartRef__":true,"id":3576},"_ClipMode":"visible","derivationIds":[],"id":"2532B2F5-979A-4D0E-AF94-114567B739AA","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3577},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3579},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3580},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3508":{"submorphs":[{"__isSmartRef__":true,"id":3509},{"__isSmartRef__":true,"id":3526}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3541},"renderContextTable":{"__isSmartRef__":true,"id":3546},"eventHandler":{"__isSmartRef__":true,"id":3547},"_ClipMode":"visible","derivationIds":[],"id":"9B38D2E6-E395-4EF6-B822-AEF5EE0D7B2F","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3548},"grabbingEnabled":false,"draggingEnabled":false,"data":{"__isSmartRef__":true,"id":1491},"propertyList":["position","_Extent","_Fill","renderContextTable","_Position","_BorderWidth","_BorderRadius","_Opacity","_BorderStyle","_BorderColor","_ClipMode","_Padding","_renderContext"],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"shape","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3509},"text":{"__isSmartRef__":true,"id":3526},"owner":{"__isSmartRef__":true,"id":3507},"_Position":{"__isSmartRef__":true,"id":3549},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3550},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3509":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3510},"renderContextTable":{"__isSmartRef__":true,"id":3516},"eventHandler":{"__isSmartRef__":true,"id":3517},"_ClipMode":"visible","derivationIds":[],"id":"6900B902-BA5E-4E22-8A79-3487FCD56139","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3518},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3508},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3519},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3510":{"_Position":{"__isSmartRef__":true,"id":3511},"renderContextTable":{"__isSmartRef__":true,"id":3512},"_Extent":{"__isSmartRef__":true,"id":3513},"_Padding":{"__isSmartRef__":true,"id":3514},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3515},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3511":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3512":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3513":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3514":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3515":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3516":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3517":{"morph":{"__isSmartRef__":true,"id":3509},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3518":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3519":{"toggle":{"__isSmartRef__":true,"id":3520},"toggleExpansion":{"__isSmartRef__":true,"id":3523}},"3520":{"varMapping":{"__isSmartRef__":true,"id":3521},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3522},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3521":{"this":{"__isSmartRef__":true,"id":3509}},"3522":{},"3523":{"varMapping":{"__isSmartRef__":true,"id":3524},"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":3525},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3524":{"this":{"__isSmartRef__":true,"id":3509}},"3525":{},"3526":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3527},"renderContextTable":{"__isSmartRef__":true,"id":3531},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3532},{"__isSmartRef__":true,"id":3534}],"eventHandler":{"__isSmartRef__":true,"id":3536},"_ClipMode":"hidden","derivationIds":[],"id":"7AD0263B-8BE1-48CB-B4CC-6255A8E0639E","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3508},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3537},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3527":{"_Position":{"__isSmartRef__":true,"id":3528},"renderContextTable":{"__isSmartRef__":true,"id":3529},"_Extent":{"__isSmartRef__":true,"id":3530},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3528":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3529":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3530":{"x":90,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3531":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3532":{"style":{"__isSmartRef__":true,"id":3533},"chunkOwner":{"__isSmartRef__":true,"id":3526},"_id":"_979","storedString":"shape","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3533":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3534":{"_id":"_980","style":{"__isSmartRef__":true,"id":3535},"chunkOwner":{"__isSmartRef__":true,"id":3526},"storedString":": Ellipse","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3535":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3536":{"morph":{"__isSmartRef__":true,"id":3526},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3537":{"layoutText":{"__isSmartRef__":true,"id":3538}},"3538":{"varMapping":{"__isSmartRef__":true,"id":3539},"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":3540},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3539":{"this":{"__isSmartRef__":true,"id":3526}},"3540":{},"3541":{"_Position":{"__isSmartRef__":true,"id":3542},"renderContextTable":{"__isSmartRef__":true,"id":3543},"_Extent":{"__isSmartRef__":true,"id":3544},"_Padding":{"__isSmartRef__":true,"id":3545},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3542":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3543":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3544":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3545":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3546":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3547":{"morph":{"__isSmartRef__":true,"id":3508},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3548":{"resizeWidth":true},"3549":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3550":{"updateExpanderColor":{"__isSmartRef__":true,"id":3551},"onMouseDown":{"__isSmartRef__":true,"id":3554},"isRoot":{"__isSmartRef__":true,"id":3561},"displayValue":{"__isSmartRef__":true,"id":3564},"update":{"__isSmartRef__":true,"id":3567}},"3551":{"varMapping":{"__isSmartRef__":true,"id":3552},"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":3553},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3552":{"this":{"__isSmartRef__":true,"id":3508}},"3553":{},"3554":{"varMapping":{"__isSmartRef__":true,"id":3555},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3560},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3555":{"this":{"__isSmartRef__":true,"id":3508},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3556}},"3556":{"$super":{"__isSmartRef__":true,"id":3557}},"3557":{"varMapping":{"__isSmartRef__":true,"id":3558},"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":3559},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3558":{"obj":{"__isSmartRef__":true,"id":3508},"name":"onMouseDown"},"3559":{},"3560":{},"3561":{"varMapping":{"__isSmartRef__":true,"id":3562},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3563},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3562":{"this":{"__isSmartRef__":true,"id":3508}},"3563":{},"3564":{"varMapping":{"__isSmartRef__":true,"id":3565},"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":3566},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3565":{"this":{"__isSmartRef__":true,"id":3508}},"3566":{},"3567":{"varMapping":{"__isSmartRef__":true,"id":3568},"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":3569},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3568":{"this":{"__isSmartRef__":true,"id":3508}},"3569":{},"3570":{"_Position":{"__isSmartRef__":true,"id":3571},"renderContextTable":{"__isSmartRef__":true,"id":3572},"_Extent":{"__isSmartRef__":true,"id":3573},"_Padding":{"__isSmartRef__":true,"id":3574},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3571":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3572":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3573":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3574":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3575":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3576":{"morph":{"__isSmartRef__":true,"id":3507},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3577":{"layouter":{"__isSmartRef__":true,"id":3578},"resizeWidth":true},"3578":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3507},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3579":{"x":0,"y":60,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3580":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3581}},"3581":{"varMapping":{"__isSmartRef__":true,"id":3582},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3587},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3582":{"this":{"__isSmartRef__":true,"id":3507},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3583}},"3583":{"$super":{"__isSmartRef__":true,"id":3584}},"3584":{"varMapping":{"__isSmartRef__":true,"id":3585},"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":3586},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3585":{"obj":{"__isSmartRef__":true,"id":3507},"name":"getLayoutableSubmorphs"},"3586":{},"3587":{},"3588":{"submorphs":[{"__isSmartRef__":true,"id":3589}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3651},"renderContextTable":{"__isSmartRef__":true,"id":3656},"eventHandler":{"__isSmartRef__":true,"id":3657},"_ClipMode":"visible","derivationIds":[],"id":"05E0246D-F961-4F66-98F1-6DF4631F5103","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3658},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3660},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3661},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3589":{"submorphs":[{"__isSmartRef__":true,"id":3590},{"__isSmartRef__":true,"id":3607}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3622},"renderContextTable":{"__isSmartRef__":true,"id":3627},"eventHandler":{"__isSmartRef__":true,"id":3628},"_ClipMode":"visible","derivationIds":[],"id":"40910439-96C3-4FF5-90B0-2D6E8747E89C","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3629},"grabbingEnabled":false,"draggingEnabled":false,"data":false,"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"showsHalos","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3590},"text":{"__isSmartRef__":true,"id":3607},"owner":{"__isSmartRef__":true,"id":3588},"_Position":{"__isSmartRef__":true,"id":3630},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3631},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3590":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3591},"renderContextTable":{"__isSmartRef__":true,"id":3597},"eventHandler":{"__isSmartRef__":true,"id":3598},"_ClipMode":"visible","derivationIds":[],"id":"B75F9317-3E4F-4829-B3B5-008D2EBED240","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3599},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3589},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3600},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3591":{"_Position":{"__isSmartRef__":true,"id":3592},"renderContextTable":{"__isSmartRef__":true,"id":3593},"_Extent":{"__isSmartRef__":true,"id":3594},"_Padding":{"__isSmartRef__":true,"id":3595},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3596},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3592":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3593":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3594":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3595":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3596":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3597":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3598":{"morph":{"__isSmartRef__":true,"id":3590},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3599":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3600":{"toggle":{"__isSmartRef__":true,"id":3601},"toggleExpansion":{"__isSmartRef__":true,"id":3604}},"3601":{"varMapping":{"__isSmartRef__":true,"id":3602},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3603},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3602":{"this":{"__isSmartRef__":true,"id":3590}},"3603":{},"3604":{"varMapping":{"__isSmartRef__":true,"id":3605},"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":3606},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3605":{"this":{"__isSmartRef__":true,"id":3590}},"3606":{},"3607":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3608},"renderContextTable":{"__isSmartRef__":true,"id":3612},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3613},{"__isSmartRef__":true,"id":3615}],"eventHandler":{"__isSmartRef__":true,"id":3617},"_ClipMode":"hidden","derivationIds":[],"id":"A19165D5-3697-4D06-8D0C-1B4D3F0CD81F","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3589},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3618},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3608":{"_Position":{"__isSmartRef__":true,"id":3609},"renderContextTable":{"__isSmartRef__":true,"id":3610},"_Extent":{"__isSmartRef__":true,"id":3611},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3609":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3610":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3611":{"x":114,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3612":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3613":{"style":{"__isSmartRef__":true,"id":3614},"chunkOwner":{"__isSmartRef__":true,"id":3607},"_id":"_983","storedString":"showsHalos","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3614":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3615":{"_id":"_984","style":{"__isSmartRef__":true,"id":3616},"chunkOwner":{"__isSmartRef__":true,"id":3607},"storedString":": false","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3616":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3617":{"morph":{"__isSmartRef__":true,"id":3607},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3618":{"layoutText":{"__isSmartRef__":true,"id":3619}},"3619":{"varMapping":{"__isSmartRef__":true,"id":3620},"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":3621},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3620":{"this":{"__isSmartRef__":true,"id":3607}},"3621":{},"3622":{"_Position":{"__isSmartRef__":true,"id":3623},"renderContextTable":{"__isSmartRef__":true,"id":3624},"_Extent":{"__isSmartRef__":true,"id":3625},"_Padding":{"__isSmartRef__":true,"id":3626},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3623":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3624":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3625":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3626":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3627":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3628":{"morph":{"__isSmartRef__":true,"id":3589},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3629":{"resizeWidth":true},"3630":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3631":{"updateExpanderColor":{"__isSmartRef__":true,"id":3632},"onMouseDown":{"__isSmartRef__":true,"id":3635},"isRoot":{"__isSmartRef__":true,"id":3642},"displayValue":{"__isSmartRef__":true,"id":3645},"update":{"__isSmartRef__":true,"id":3648}},"3632":{"varMapping":{"__isSmartRef__":true,"id":3633},"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":3634},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3633":{"this":{"__isSmartRef__":true,"id":3589}},"3634":{},"3635":{"varMapping":{"__isSmartRef__":true,"id":3636},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3641},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3636":{"this":{"__isSmartRef__":true,"id":3589},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3637}},"3637":{"$super":{"__isSmartRef__":true,"id":3638}},"3638":{"varMapping":{"__isSmartRef__":true,"id":3639},"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":3640},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3639":{"obj":{"__isSmartRef__":true,"id":3589},"name":"onMouseDown"},"3640":{},"3641":{},"3642":{"varMapping":{"__isSmartRef__":true,"id":3643},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3644},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3643":{"this":{"__isSmartRef__":true,"id":3589}},"3644":{},"3645":{"varMapping":{"__isSmartRef__":true,"id":3646},"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":3647},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3646":{"this":{"__isSmartRef__":true,"id":3589}},"3647":{},"3648":{"varMapping":{"__isSmartRef__":true,"id":3649},"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":3650},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3649":{"this":{"__isSmartRef__":true,"id":3589}},"3650":{},"3651":{"_Position":{"__isSmartRef__":true,"id":3652},"renderContextTable":{"__isSmartRef__":true,"id":3653},"_Extent":{"__isSmartRef__":true,"id":3654},"_Padding":{"__isSmartRef__":true,"id":3655},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3652":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3653":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3654":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3655":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3656":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3657":{"morph":{"__isSmartRef__":true,"id":3588},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3658":{"layouter":{"__isSmartRef__":true,"id":3659},"resizeWidth":true},"3659":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3588},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3660":{"x":0,"y":40,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3661":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3662}},"3662":{"varMapping":{"__isSmartRef__":true,"id":3663},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3668},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3663":{"this":{"__isSmartRef__":true,"id":3588},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3664}},"3664":{"$super":{"__isSmartRef__":true,"id":3665}},"3665":{"varMapping":{"__isSmartRef__":true,"id":3666},"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":3667},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3666":{"obj":{"__isSmartRef__":true,"id":3588},"name":"getLayoutableSubmorphs"},"3667":{},"3668":{},"3669":{"submorphs":[{"__isSmartRef__":true,"id":3670}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3732},"renderContextTable":{"__isSmartRef__":true,"id":3737},"eventHandler":{"__isSmartRef__":true,"id":3738},"_ClipMode":"visible","derivationIds":[],"id":"E8EE52C5-7992-4D06-9135-9AE242A2D3C2","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3739},"isInLayoutCycle":false,"owner":{"__isSmartRef__":true,"id":1641},"_Position":{"__isSmartRef__":true,"id":3741},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3742},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3670":{"submorphs":[{"__isSmartRef__":true,"id":3671},{"__isSmartRef__":true,"id":3688}],"scripts":[],"shape":{"__isSmartRef__":true,"id":3703},"renderContextTable":{"__isSmartRef__":true,"id":3708},"eventHandler":{"__isSmartRef__":true,"id":3709},"_ClipMode":"visible","derivationIds":[],"id":"94B3D560-4C6D-4F1A-8769-D66B194D4E68","droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":3710},"grabbingEnabled":false,"draggingEnabled":false,"data":[],"propertyList":[],"level":1,"treeView":{"__isSmartRef__":true,"id":1441},"label":"submorphs","children":[],"parent":{"__isSmartRef__":true,"id":1444},"expander":{"__isSmartRef__":true,"id":3671},"text":{"__isSmartRef__":true,"id":3688},"owner":{"__isSmartRef__":true,"id":3669},"_Position":{"__isSmartRef__":true,"id":3711},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3712},"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core"},"3671":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3672},"renderContextTable":{"__isSmartRef__":true,"id":3678},"eventHandler":{"__isSmartRef__":true,"id":3679},"_ClipMode":"visible","derivationIds":[],"id":"734CD1BF-C228-4D99-97DA-3E747D3B307D","droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":3680},"grabbingEnabled":false,"draggingEnabled":false,"isExpanded":false,"owner":{"__isSmartRef__":true,"id":3670},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3681},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3672":{"_Position":{"__isSmartRef__":true,"id":3673},"renderContextTable":{"__isSmartRef__":true,"id":3674},"_Extent":{"__isSmartRef__":true,"id":3675},"_Padding":{"__isSmartRef__":true,"id":3676},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":1451},"_Fill":{"__isSmartRef__":true,"id":3677},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3673":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3674":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3675":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3676":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3677":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3678":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3679":{"morph":{"__isSmartRef__":true,"id":3671},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3680":{"x":18,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3681":{"toggle":{"__isSmartRef__":true,"id":3682},"toggleExpansion":{"__isSmartRef__":true,"id":3685}},"3682":{"varMapping":{"__isSmartRef__":true,"id":3683},"source":"function toggle() {\n // asynchronous toggling\n (function () { this.toggleExpansion(); }).bind(this).delay(0);\n }","funcProperties":{"__isSmartRef__":true,"id":3684},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3683":{"this":{"__isSmartRef__":true,"id":3671}},"3684":{},"3685":{"varMapping":{"__isSmartRef__":true,"id":3686},"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":3687},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3686":{"this":{"__isSmartRef__":true,"id":3671}},"3687":{},"3688":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3689},"renderContextTable":{"__isSmartRef__":true,"id":3693},"_WhiteSpaceHandling":"pre","textChunks":[{"__isSmartRef__":true,"id":3694},{"__isSmartRef__":true,"id":3696}],"eventHandler":{"__isSmartRef__":true,"id":3698},"_ClipMode":"hidden","derivationIds":[],"id":"03CB7504-0BF4-419E-B4CC-EF6B4C168D77","grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":false,"fixedHeight":true,"_InputAllowed":false,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":10,"_TextColor":{"__isSmartRef__":true,"id":1618},"evalEnabled":false,"isLabel":true,"_HandStyle":"default","eventsAreIgnored":true,"_MaxTextWidth":null,"_MinTextWidth":null,"_MaxTextHeight":null,"_MinTextHeight":null,"owner":{"__isSmartRef__":true,"id":3670},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3699},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3689":{"_Position":{"__isSmartRef__":true,"id":3690},"renderContextTable":{"__isSmartRef__":true,"id":3691},"_Extent":{"__isSmartRef__":true,"id":3692},"_Padding":{"__isSmartRef__":true,"id":1610},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":1611},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3690":{"x":28,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3691":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3692":{"x":88,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3693":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3694":{"style":{"__isSmartRef__":true,"id":3695},"chunkOwner":{"__isSmartRef__":true,"id":3688},"_id":"_987","storedString":"submorphs","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3695":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3696":{"_id":"_988","style":{"__isSmartRef__":true,"id":3697},"chunkOwner":{"__isSmartRef__":true,"id":3688},"storedString":": []","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3697":{"color":{"__isSmartRef__":true,"id":1476},"italics":"italic","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3698":{"morph":{"__isSmartRef__":true,"id":3688},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3699":{"layoutText":{"__isSmartRef__":true,"id":3700}},"3700":{"varMapping":{"__isSmartRef__":true,"id":3701},"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":3702},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3701":{"this":{"__isSmartRef__":true,"id":3688}},"3702":{},"3703":{"_Position":{"__isSmartRef__":true,"id":3704},"renderContextTable":{"__isSmartRef__":true,"id":3705},"_Extent":{"__isSmartRef__":true,"id":3706},"_Padding":{"__isSmartRef__":true,"id":3707},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3704":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3705":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3706":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3707":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3708":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3709":{"morph":{"__isSmartRef__":true,"id":3670},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3710":{"resizeWidth":true},"3711":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3712":{"updateExpanderColor":{"__isSmartRef__":true,"id":3713},"onMouseDown":{"__isSmartRef__":true,"id":3716},"isRoot":{"__isSmartRef__":true,"id":3723},"displayValue":{"__isSmartRef__":true,"id":3726},"update":{"__isSmartRef__":true,"id":3729}},"3713":{"varMapping":{"__isSmartRef__":true,"id":3714},"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":3715},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3714":{"this":{"__isSmartRef__":true,"id":3670}},"3715":{},"3716":{"varMapping":{"__isSmartRef__":true,"id":3717},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3722},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3717":{"this":{"__isSmartRef__":true,"id":3670},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3718}},"3718":{"$super":{"__isSmartRef__":true,"id":3719}},"3719":{"varMapping":{"__isSmartRef__":true,"id":3720},"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":3721},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3720":{"obj":{"__isSmartRef__":true,"id":3670},"name":"onMouseDown"},"3721":{},"3722":{},"3723":{"varMapping":{"__isSmartRef__":true,"id":3724},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3725},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3724":{"this":{"__isSmartRef__":true,"id":3670}},"3725":{},"3726":{"varMapping":{"__isSmartRef__":true,"id":3727},"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":3728},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3727":{"this":{"__isSmartRef__":true,"id":3670}},"3728":{},"3729":{"varMapping":{"__isSmartRef__":true,"id":3730},"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":3731},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3730":{"this":{"__isSmartRef__":true,"id":3670}},"3731":{},"3732":{"_Position":{"__isSmartRef__":true,"id":3733},"renderContextTable":{"__isSmartRef__":true,"id":3734},"_Extent":{"__isSmartRef__":true,"id":3735},"_Padding":{"__isSmartRef__":true,"id":3736},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3733":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3734":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3735":{"x":100,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3736":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3737":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3738":{"morph":{"__isSmartRef__":true,"id":3669},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3739":{"layouter":{"__isSmartRef__":true,"id":3740},"resizeWidth":true},"3740":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":3669},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3741":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3742":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3743}},"3743":{"varMapping":{"__isSmartRef__":true,"id":3744},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3749},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3744":{"this":{"__isSmartRef__":true,"id":3669},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3745}},"3745":{"$super":{"__isSmartRef__":true,"id":3746}},"3746":{"varMapping":{"__isSmartRef__":true,"id":3747},"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":3748},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3747":{"obj":{"__isSmartRef__":true,"id":3669},"name":"getLayoutableSubmorphs"},"3748":{},"3749":{},"3750":{"_Position":{"__isSmartRef__":true,"id":3751},"renderContextTable":{"__isSmartRef__":true,"id":3752},"_Extent":{"__isSmartRef__":true,"id":3753},"_Padding":{"__isSmartRef__":true,"id":3754},"_NodeClass":["morph"],"_NodeId":"morph-017c59a7-cf87-44ae-8c6f-39960ce3cc3a","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3751":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3752":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3753":{"x":100,"y":540,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3754":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3755":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3756":{"morph":{"__isSmartRef__":true,"id":1641},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3757":{"layouter":{"__isSmartRef__":true,"id":3758},"resizeWidth":true},"3758":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1641},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3759":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3760":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3761},"addTreeNodesForProperties":{"__isSmartRef__":true,"id":3768}},"3761":{"varMapping":{"__isSmartRef__":true,"id":3762},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3767},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3762":{"this":{"__isSmartRef__":true,"id":1641},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3763}},"3763":{"$super":{"__isSmartRef__":true,"id":3764}},"3764":{"varMapping":{"__isSmartRef__":true,"id":3765},"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":3766},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3765":{"obj":{"__isSmartRef__":true,"id":1641},"name":"getLayoutableSubmorphs"},"3766":{},"3767":{},"3768":{"varMapping":{"__isSmartRef__":true,"id":3769},"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":3770},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3769":{"this":{"__isSmartRef__":true,"id":1641}},"3770":{},"3771":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3772":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3773}},"3773":{"varMapping":{"__isSmartRef__":true,"id":3774},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3779},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3774":{"this":{"__isSmartRef__":true,"id":1631},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3775}},"3775":{"$super":{"__isSmartRef__":true,"id":3776}},"3776":{"varMapping":{"__isSmartRef__":true,"id":3777},"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":3778},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3777":{"obj":{"__isSmartRef__":true,"id":1631},"name":"getLayoutableSubmorphs"},"3778":{},"3779":{},"3780":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3781":{"updateExpanderColor":{"__isSmartRef__":true,"id":3782},"onMouseDown":{"__isSmartRef__":true,"id":3785},"isRoot":{"__isSmartRef__":true,"id":3792},"displayValue":{"__isSmartRef__":true,"id":3795},"update":{"__isSmartRef__":true,"id":3798}},"3782":{"varMapping":{"__isSmartRef__":true,"id":3783},"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":3784},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3783":{"this":{"__isSmartRef__":true,"id":1587}},"3784":{},"3785":{"varMapping":{"__isSmartRef__":true,"id":3786},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3791},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3786":{"this":{"__isSmartRef__":true,"id":1587},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3787}},"3787":{"$super":{"__isSmartRef__":true,"id":3788}},"3788":{"varMapping":{"__isSmartRef__":true,"id":3789},"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":3790},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3789":{"obj":{"__isSmartRef__":true,"id":1587},"name":"onMouseDown"},"3790":{},"3791":{},"3792":{"varMapping":{"__isSmartRef__":true,"id":3793},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3794},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3793":{"this":{"__isSmartRef__":true,"id":1587}},"3794":{},"3795":{"varMapping":{"__isSmartRef__":true,"id":3796},"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":3797},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3796":{"this":{"__isSmartRef__":true,"id":1587}},"3797":{},"3798":{"varMapping":{"__isSmartRef__":true,"id":3799},"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":3800},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3799":{"this":{"__isSmartRef__":true,"id":1587}},"3800":{},"3801":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3802":{"updateExpanderColor":{"__isSmartRef__":true,"id":3803},"onMouseDown":{"__isSmartRef__":true,"id":3806},"isRoot":{"__isSmartRef__":true,"id":3813},"displayValue":{"__isSmartRef__":true,"id":3816},"update":{"__isSmartRef__":true,"id":3819}},"3803":{"varMapping":{"__isSmartRef__":true,"id":3804},"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":3805},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3804":{"this":{"__isSmartRef__":true,"id":1444}},"3805":{},"3806":{"varMapping":{"__isSmartRef__":true,"id":3807},"source":"function onMouseDown() {\n this.treeView.owner.moveFocusTo(this);\n }","funcProperties":{"__isSmartRef__":true,"id":3812},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3807":{"this":{"__isSmartRef__":true,"id":1444},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3808}},"3808":{"$super":{"__isSmartRef__":true,"id":3809}},"3809":{"varMapping":{"__isSmartRef__":true,"id":3810},"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":3811},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3810":{"obj":{"__isSmartRef__":true,"id":1444},"name":"onMouseDown"},"3811":{},"3812":{},"3813":{"varMapping":{"__isSmartRef__":true,"id":3814},"source":"function isRoot() {\n return (this.parent === null || this.parent === undefined);\n }","funcProperties":{"__isSmartRef__":true,"id":3815},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3814":{"this":{"__isSmartRef__":true,"id":1444}},"3815":{},"3816":{"varMapping":{"__isSmartRef__":true,"id":3817},"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":3818},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3817":{"this":{"__isSmartRef__":true,"id":1444}},"3818":{},"3819":{"varMapping":{"__isSmartRef__":true,"id":3820},"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":3821},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3820":{"this":{"__isSmartRef__":true,"id":1444}},"3821":{},"3822":{"_Position":{"__isSmartRef__":true,"id":3823},"renderContextTable":{"__isSmartRef__":true,"id":3824},"_Extent":{"__isSmartRef__":true,"id":3825},"_Padding":{"__isSmartRef__":true,"id":3826},"_NodeClass":["morph"],"_NodeId":"morph-437ac223-9f7b-4d01-976a-7a215232f9ca","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3823":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3824":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3825":{"x":100,"y":560,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3826":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3827":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3828":{"morph":{"__isSmartRef__":true,"id":1443},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3829":{"layouter":{"__isSmartRef__":true,"id":3830},"resizeWidth":true},"3830":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":0,"spacing":0,"container":{"__isSmartRef__":true,"id":1443},"__LivelyClassName__":"lively.morphic.Layout.JournalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3831":{"getLayoutableSubmorphs":{"__isSmartRef__":true,"id":3832}},"3832":{"varMapping":{"__isSmartRef__":true,"id":3833},"source":"function getLayoutableSubmorphs() {\n return this.submorphs.reject(function(ea) {\n return (ea.isEpiMorph || ea.isBeingDragged || !ea.isVisible());\n });\n }","funcProperties":{"__isSmartRef__":true,"id":3838},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3833":{"this":{"__isSmartRef__":true,"id":1443},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3834}},"3834":{"$super":{"__isSmartRef__":true,"id":3835}},"3835":{"varMapping":{"__isSmartRef__":true,"id":3836},"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":3837},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3836":{"obj":{"__isSmartRef__":true,"id":1443},"name":"getLayoutableSubmorphs"},"3837":{},"3838":{},"3839":{"_Position":{"__isSmartRef__":true,"id":3840},"renderContextTable":{"__isSmartRef__":true,"id":3841},"_Extent":{"__isSmartRef__":true,"id":3842},"_Padding":{"__isSmartRef__":true,"id":3843},"_NodeClass":["morph","box","clip"],"_NodeId":"morph-5d16cf96-bf88-446b-918f-1e7b49d1cd76","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3840":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3841":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3842":{"x":270.8398611920343,"y":263.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3843":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3844":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3845":{"morph":{"__isSmartRef__":true,"id":1442},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3846":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3847":{"resizeWidth":true,"resizeHeight":true},"3848":{"setClipModeHTML":{"__isSmartRef__":true,"id":3849}},"3849":{"varMapping":{"__isSmartRef__":true,"id":3850},"source":"function setClipModeHTML(ctx, modeString) {\n $super(ctx, modeString);\n ctx.morphNode.style['overflow-x'] = 'hidden';\n }","funcProperties":{"__isSmartRef__":true,"id":3855},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3850":{"this":{"__isSmartRef__":true,"id":1442},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3851}},"3851":{"$super":{"__isSmartRef__":true,"id":3852}},"3852":{"varMapping":{"__isSmartRef__":true,"id":3853},"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":3854},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3853":{"obj":{"__isSmartRef__":true,"id":1442},"name":"setClipModeHTML"},"3854":{},"3855":{},"3856":{"target":{"__isSmartRef__":true,"id":1441},"selector":"update","args":[],"stopped":true,"tickTime":500,"suspended":true,"__LivelyClassName__":"lively.morphic.TargetScript","__SourceModuleName__":"Global.lively.morphic.Core"},"3857":{"position":{"__isSmartRef__":true,"id":3858},"_Extent":{"__isSmartRef__":true,"id":3859},"_BorderWidth":1.9240000000000002,"_BorderColor":{"__isSmartRef__":true,"id":3860},"_Fill":null,"renderContextTable":{"__isSmartRef__":true,"id":3861},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3862},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3858":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3859":{"x":290.8398611920343,"y":283.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3860":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3861":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3862":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3863":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3864":{"partsSpaceName":"PartsBin/Inputs/","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","__SourceModuleName__":"Global.lively.PartsBin"},"3865":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3866":{"morph":{"__isSmartRef__":true,"id":1441},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3867":{"layouter":{"__isSmartRef__":true,"id":3868},"resizeWidth":true,"resizeHeight":true,"moveVertical":false,"moveHorizontal":false,"adjustForNewBounds":true},"3868":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":10,"spacing":15,"container":{"__isSmartRef__":true,"id":1441},"__LivelyClassName__":"lively.morphic.Layout.VerticalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3869":{"x":164.35052570087606,"y":-15.96995493992489,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3870":{"border":{"__isSmartRef__":true,"id":1451},"contractedExpander":{"__isSmartRef__":true,"id":3871},"expandedExpander":{"__isSmartRef__":true,"id":1452},"focusedText":{"__isSmartRef__":true,"id":3872},"emphasizedText":{"__isSmartRef__":true,"id":1476}},"3871":{"r":0.5686274509803921,"g":0.5686274509803921,"b":0.5686274509803921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3872":{"r":0.9529411764705882,"g":0.9529411764705882,"b":0.9529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3873":{"size":10},"3874":{"wrapperExtent":{"__isSmartRef__":true,"id":3875},"expanderExtent":{"__isSmartRef__":true,"id":3876},"expanderOffset":{"__isSmartRef__":true,"id":3877},"textOffset":{"__isSmartRef__":true,"id":3878},"levelIndent":10,"maxTextWidth":500},"3875":{"x":0,"y":0,"width":100,"height":18,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3876":{"x":8,"y":8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3877":{"x":8,"y":5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3878":{"x":18,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3879":{"renderTree":{"__isSmartRef__":true,"id":3880},"createTreeNode":{"__isSmartRef__":true,"id":3884},"createTreeWrapper":{"__isSmartRef__":true,"id":3888},"reset":{"__isSmartRef__":true,"id":3892},"createTreeNodeMorph":{"__isSmartRef__":true,"id":3896},"createExpanderButton":{"__isSmartRef__":true,"id":3900},"createPropertyText":{"__isSmartRef__":true,"id":3904},"createScrollClip":{"__isSmartRef__":true,"id":3908},"resetDefaults":{"__isSmartRef__":true,"id":3912},"addScriptsToTreeNode":{"__isSmartRef__":true,"id":3916},"addScriptsToExpander":{"__isSmartRef__":true,"id":3919},"getDisplayStringFor":{"__isSmartRef__":true,"id":3922},"update":{"__isSmartRef__":true,"id":3926},"addScriptsToText":{"__isSmartRef__":true,"id":3930},"toggleAll":{"__isSmartRef__":true,"id":3934}},"3880":{"varMapping":{"__isSmartRef__":true,"id":3881},"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":3882},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3881":{"this":{"__isSmartRef__":true,"id":1441}},"3882":{"timestamp":{"__isSmartRef__":true,"id":3883},"user":"lauritz","tags":[]},"3883":{"isSerializedDate":true,"string":"Thu Jan 26 2012 17:23:33 GMT-0800 (PST)"},"3884":{"varMapping":{"__isSmartRef__":true,"id":3885},"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":3886},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3885":{"this":{"__isSmartRef__":true,"id":1441}},"3886":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3887}},"3887":{"isSerializedDate":true,"string":"Mon Sep 26 2011 14:43:34 GMT-0700 (PDT)"},"3888":{"varMapping":{"__isSmartRef__":true,"id":3889},"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":3890},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3889":{"this":{"__isSmartRef__":true,"id":1441}},"3890":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3891}},"3891":{"isSerializedDate":true,"string":"Tue Sep 20 2011 08:05:52 GMT-0700 (PDT)"},"3892":{"varMapping":{"__isSmartRef__":true,"id":3893},"source":"function reset() {\n this.removeAllMorphs();\n this.resetDefaults();\n this.rootNode = null; \n this.stopStepping();\n}","funcProperties":{"__isSmartRef__":true,"id":3894},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3893":{"this":{"__isSmartRef__":true,"id":1441}},"3894":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3895}},"3895":{"isSerializedDate":true,"string":"Fri Oct 14 2011 15:41:57 GMT-0700 (PDT)"},"3896":{"varMapping":{"__isSmartRef__":true,"id":3897},"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":3898},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3897":{"this":{"__isSmartRef__":true,"id":1441}},"3898":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3899}},"3899":{"isSerializedDate":true,"string":"Tue Oct 25 2011 10:24:35 GMT-0700 (PDT)"},"3900":{"varMapping":{"__isSmartRef__":true,"id":3901},"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":3902},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3901":{"this":{"__isSmartRef__":true,"id":1441}},"3902":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3903}},"3903":{"isSerializedDate":true,"string":"Mon Sep 26 2011 14:32:58 GMT-0700 (PDT)"},"3904":{"varMapping":{"__isSmartRef__":true,"id":3905},"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":3906},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3905":{"this":{"__isSmartRef__":true,"id":1441}},"3906":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3907}},"3907":{"isSerializedDate":true,"string":"Mon Sep 26 2011 14:18:07 GMT-0700 (PDT)"},"3908":{"varMapping":{"__isSmartRef__":true,"id":3909},"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":3910},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3909":{"this":{"__isSmartRef__":true,"id":1441}},"3910":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3911}},"3911":{"isSerializedDate":true,"string":"Mon Sep 19 2011 10:54:00 GMT-0700 (PDT)"},"3912":{"varMapping":{"__isSmartRef__":true,"id":3913},"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":3914},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3913":{"this":{"__isSmartRef__":true,"id":1441}},"3914":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3915}},"3915":{"isSerializedDate":true,"string":"Wed Sep 21 2011 10:38:04 GMT-0700 (PDT)"},"3916":{"varMapping":{"__isSmartRef__":true,"id":3917},"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":3918},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3917":{"this":{"__isSmartRef__":true,"id":1441}},"3918":{},"3919":{"varMapping":{"__isSmartRef__":true,"id":3920},"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":3921},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3920":{"this":{"__isSmartRef__":true,"id":1441}},"3921":{},"3922":{"varMapping":{"__isSmartRef__":true,"id":3923},"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":3924},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3923":{"this":{"__isSmartRef__":true,"id":1441}},"3924":{"timestamp":{"__isSmartRef__":true,"id":3925},"user":"lauritz","tags":[]},"3925":{"isSerializedDate":true,"string":"Thu Jan 26 2012 17:35:06 GMT-0800 (PST)"},"3926":{"varMapping":{"__isSmartRef__":true,"id":3927},"source":"function update() {\n this.rootNode.update();\n}","funcProperties":{"__isSmartRef__":true,"id":3928},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3927":{"this":{"__isSmartRef__":true,"id":1441}},"3928":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3929}},"3929":{"isSerializedDate":true,"string":"Fri Oct 14 2011 15:42:27 GMT-0700 (PDT)"},"3930":{"varMapping":{"__isSmartRef__":true,"id":3931},"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":3932},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3931":{"this":{"__isSmartRef__":true,"id":1441}},"3932":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":3933}},"3933":{"isSerializedDate":true,"string":"Mon Sep 26 2011 14:16:48 GMT-0700 (PDT)"},"3934":{"varMapping":{"__isSmartRef__":true,"id":3935},"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":3936},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3935":{"this":{"__isSmartRef__":true,"id":1441}},"3936":{"timestamp":{"__isSmartRef__":true,"id":3937},"user":"lauritz","tags":[]},"3937":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:58:11 GMT-0800 (PST)"},"3938":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":3939},"id":"256E3081-9C32-43A2-A6D7-55ED1A38F483","renderContextTable":{"__isSmartRef__":true,"id":3946},"textChunks":[{"__isSmartRef__":true,"id":3947}],"eventHandler":{"__isSmartRef__":true,"id":3949},"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":3950},"_MaxTextWidth":285.8398611920343,"_MinTextWidth":285.8398611920343,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"layout":{"__isSmartRef__":true,"id":3951},"doitContext":{"__isSmartRef__":true,"id":1490},"charsReplaced":"","lastFindLoc":13,"prevScroll":[0,0],"isBeingDragged":false,"showsHalos":false,"name":"Workspace","owner":{"__isSmartRef__":true,"id":1440},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"distanceToDragEvent":{"__isSmartRef__":true,"id":3952},"isCopyMorphRef":true,"morphRefId":1,"scriptAnnotations":{"__isSmartRef__":true,"id":3953},"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":[12,0],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":3956},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3939":{"_Position":{"__isSmartRef__":true,"id":3940},"renderContextTable":{"__isSmartRef__":true,"id":3941},"_Extent":{"__isSmartRef__":true,"id":3942},"_ClipMode":"auto","_Padding":{"__isSmartRef__":true,"id":3943},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":3944},"_Fill":{"__isSmartRef__":true,"id":3945},"_BorderRadius":4,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3940":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3941":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3942":{"x":290.8398611920343,"y":81.00200300400502,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3943":{"x":3,"y":3,"width":-3,"height":-3,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3944":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3945":{"r":0.95,"g":0.95,"b":0.95,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3946":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"3947":{"style":{"__isSmartRef__":true,"id":3948},"chunkOwner":{"__isSmartRef__":true,"id":3938},"storedString":"this.drive()","_id":"_240","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3948":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"3949":{"morph":{"__isSmartRef__":true,"id":3938},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3950":{"x":10,"y":308.4698859496224,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3951":{"resizeWidth":true,"resizeHeight":false,"moveVertical":true,"adjustForNewBounds":true},"3952":{"x":164.35052570087606,"y":-17.252879506132672,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3953":{"reset":{"__isSmartRef__":true,"id":3954}},"3954":{"time":{"__isSmartRef__":true,"id":3955},"user":"lauritz"},"3955":{"isSerializedDate":true,"string":"Tue Nov 15 2011 14:03:51 GMT-0800 (PST)"},"3956":{"reset":{"__isSmartRef__":true,"id":3957}},"3957":{"varMapping":{"__isSmartRef__":true,"id":3958},"source":"function reset() {\n this.doitContext = null;\n this.setTextString(\"\");\n}","funcProperties":{"__isSmartRef__":true,"id":3959},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3958":{"this":{"__isSmartRef__":true,"id":3938}},"3959":{},"3960":{"position":{"__isSmartRef__":true,"id":3961},"_Extent":{"__isSmartRef__":true,"id":3962},"_BorderWidth":1.4500000000000002,"_BorderColor":{"__isSmartRef__":true,"id":3963},"_Fill":{"__isSmartRef__":true,"id":3964},"renderContextTable":{"__isSmartRef__":true,"id":3965},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":3966},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3961":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3962":{"x":310.8398611920343,"y":399.4718889536274,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3963":{"r":0.372,"g":0.369,"b":0.372,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3964":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3965":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"3966":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3967":{"x":0,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3968":{"partsSpaceName":"PartsBin/Basic","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":3969}],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"3969":{"date":{"__isSmartRef__":true,"id":3970},"author":"lauritz","message":"Disabled grabbing and dragging on other submorphs as well..."},"3970":{"isSerializedDate":true,"string":"Tue Oct 25 2011 11:21:08 GMT-0700 (PDT)"},"3971":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"3972":{"morph":{"__isSmartRef__":true,"id":1440},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3973":{"x":212.32023310549857,"y":-12.472093186624761,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3974":{"resizeWidth":true,"resizeHeight":true,"adjustForNewBounds":true,"layouter":{"__isSmartRef__":true,"id":3975}},"3975":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":10,"spacing":15,"container":{"__isSmartRef__":true,"id":1440},"__LivelyClassName__":"lively.morphic.Layout.VerticalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"3976":{"reset":{"__isSmartRef__":true,"id":3977},"moveFocusTo":{"__isSmartRef__":true,"id":3981},"explore":{"__isSmartRef__":true,"id":3985},"toggleAll":{"__isSmartRef__":true,"id":3989}},"3977":{"varMapping":{"__isSmartRef__":true,"id":3978},"source":"function reset() {\n this.workspace.reset();\n this.treeView.reset();\n this.focusedNode = null;\n}","funcProperties":{"__isSmartRef__":true,"id":3979},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3978":{"this":{"__isSmartRef__":true,"id":1440}},"3979":{"timestamp":{"__isSmartRef__":true,"id":3980},"user":"lauritz","tags":[]},"3980":{"isSerializedDate":true,"string":"Tue Sep 20 2011 16:48:08 GMT-0700 (PDT)"},"3981":{"varMapping":{"__isSmartRef__":true,"id":3982},"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":3983},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3982":{"this":{"__isSmartRef__":true,"id":1440}},"3983":{"timestamp":{"__isSmartRef__":true,"id":3984},"user":"lauritz","tags":[]},"3984":{"isSerializedDate":true,"string":"Tue Dec 13 2011 14:21:02 GMT-0800 (PST)"},"3985":{"varMapping":{"__isSmartRef__":true,"id":3986},"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":3987},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3986":{"this":{"__isSmartRef__":true,"id":1440}},"3987":{"timestamp":{"__isSmartRef__":true,"id":3988},"user":"lauritz","tags":[]},"3988":{"isSerializedDate":true,"string":"Tue Dec 13 2011 14:21:07 GMT-0800 (PST)"},"3989":{"varMapping":{"__isSmartRef__":true,"id":3990},"source":"function toggleAll() {\n this.treeView.toggleAll();\n}","funcProperties":{"__isSmartRef__":true,"id":3991},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"3990":{"this":{"__isSmartRef__":true,"id":1440}},"3991":{"timestamp":{"__isSmartRef__":true,"id":3992},"user":"lauritz","tags":[]},"3992":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:40:54 GMT-0800 (PST)"},"3993":{"submorphs":[],"scripts":[],"id":"553A3ADD-A1EF-45E2-AEF6-0D727EA27059","shape":{"__isSmartRef__":true,"id":3994},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":4001},"showsHalos":false,"name":"ResizeCorner3","partsBinMetaInfo":{"__isSmartRef__":true,"id":4002},"__layered_draggingEnabled__":true,"dragStartPoint":null,"originalExtent":{"__isSmartRef__":true,"id":4003},"originalTargetExtent":null,"renderContextTable":{"__isSmartRef__":true,"id":4004},"eventHandler":{"__isSmartRef__":true,"id":4005},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":1439},"distanceToDragEvent":{"__isSmartRef__":true,"id":4006},"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":4007},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"3994":{"position":{"__isSmartRef__":true,"id":3995},"_Extent":{"__isSmartRef__":true,"id":3996},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":3997},"_Fill":{"__isSmartRef__":true,"id":3998},"renderContextTable":{"__isSmartRef__":true,"id":3999},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4000},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"3995":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3996":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3997":{"r":0.568,"g":0.568,"b":0.568,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3998":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"3999":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4000":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4001":{"x":300.49672894514134,"y":409.92138184230294,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4002":{"partsSpaceName":"PartsBin/NewWorld","migrationLevel":2,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"4003":{"x":239,"y":138,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4004":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4005":{"morph":{"__isSmartRef__":true,"id":3993},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4006":{"x":33.337083585580785,"y":-5.721794364406264,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4007":{"onDrag":{"__isSmartRef__":true,"id":4008},"onDragEnd":{"__isSmartRef__":true,"id":4015},"onDragStart":{"__isSmartRef__":true,"id":4022}},"4008":{"varMapping":{"__isSmartRef__":true,"id":4009},"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":4014},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4009":{"this":{"__isSmartRef__":true,"id":3993},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4010}},"4010":{"$super":{"__isSmartRef__":true,"id":4011}},"4011":{"varMapping":{"__isSmartRef__":true,"id":4012},"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":4013},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4012":{"obj":{"__isSmartRef__":true,"id":3993},"name":"onDrag"},"4013":{},"4014":{},"4015":{"varMapping":{"__isSmartRef__":true,"id":4016},"source":"function onDragEnd(evt) {\n\tthis.dragStartPoint = null;\n\tthis.originalTargetExtent = null;\n}","funcProperties":{"__isSmartRef__":true,"id":4021},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4016":{"this":{"__isSmartRef__":true,"id":3993},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4017}},"4017":{"$super":{"__isSmartRef__":true,"id":4018}},"4018":{"varMapping":{"__isSmartRef__":true,"id":4019},"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":4020},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4019":{"obj":{"__isSmartRef__":true,"id":3993},"name":"onDragEnd"},"4020":{},"4021":{},"4022":{"varMapping":{"__isSmartRef__":true,"id":4023},"source":"function onDragStart(evt) {\n\tthis.dragStartPoint = evt.mousePoint;\n\tthis.originalTargetExtent = this.owner.getExtent();\n}","funcProperties":{"__isSmartRef__":true,"id":4028},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4023":{"this":{"__isSmartRef__":true,"id":3993},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4024}},"4024":{"$super":{"__isSmartRef__":true,"id":4025}},"4025":{"varMapping":{"__isSmartRef__":true,"id":4026},"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":4027},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4026":{"obj":{"__isSmartRef__":true,"id":3993},"name":"onDragStart"},"4027":{},"4028":{},"4029":{"submorphs":[{"__isSmartRef__":true,"id":4030},{"__isSmartRef__":true,"id":4043},{"__isSmartRef__":true,"id":4095},{"__isSmartRef__":true,"id":4128}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4162},"id":"EA2B418F-BFDB-430B-BAA2-159289ECBBD5","renderContextTable":{"__isSmartRef__":true,"id":4173},"eventHandler":{"__isSmartRef__":true,"id":4174},"droppingEnabled":true,"halosEnabled":true,"layout":{"__isSmartRef__":true,"id":4175},"_Position":{"__isSmartRef__":true,"id":4176},"windowMorph":{"__isSmartRef__":true,"id":1439},"label":{"__isSmartRef__":true,"id":4030},"closeButton":{"__isSmartRef__":true,"id":4043},"menuButton":{"__isSmartRef__":true,"id":4095},"collapseButton":{"__isSmartRef__":true,"id":4128},"owner":{"__isSmartRef__":true,"id":1439},"showsHalos":false,"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","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4030":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4031},"id":"F7456D5F-9A1B-40BE-A136-BC70B5524D3E","renderContextTable":{"__isSmartRef__":true,"id":4037},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4038}],"eventHandler":{"__isSmartRef__":true,"id":4040},"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":4041},"_Align":"center","eventsAreIgnored":true,"owner":{"__isSmartRef__":true,"id":4029},"_MaxTextWidth":251.49672894514134,"_MinTextWidth":251.49672894514134,"_MaxTextHeight":null,"_MinTextHeight":null,"_Position":{"__isSmartRef__":true,"id":4042},"showsHalos":false,"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","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4031":{"_Position":{"__isSmartRef__":true,"id":4032},"renderContextTable":{"__isSmartRef__":true,"id":4033},"_Extent":{"__isSmartRef__":true,"id":4034},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":4035},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4036},"_Fill":null,"_BorderRadius":0,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4032":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4033":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4034":{"x":251.49672894514134,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4035":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4036":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4037":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"4038":{"style":{"__isSmartRef__":true,"id":4039},"chunkOwner":{"__isSmartRef__":true,"id":4030},"_id":"_256","storedString":"Explorer","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4039":{"fontWeight":"bold","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4040":{"morph":{"__isSmartRef__":true,"id":4030},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4041":{"resizeWidth":true},"4042":{"x":20,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4043":{"submorphs":[{"__isSmartRef__":true,"id":4044}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4055},"id":"9EE9CFD4-12CA-41DC-9B66-847ADF44B4EC","renderContextTable":{"__isSmartRef__":true,"id":4068},"eventHandler":{"__isSmartRef__":true,"id":4069},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4070},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4071},"lighterFill":{"__isSmartRef__":true,"id":4081},"label":{"__isSmartRef__":true,"id":4044},"owner":{"__isSmartRef__":true,"id":4029},"layout":{"__isSmartRef__":true,"id":4090},"attributeConnections":[{"__isSmartRef__":true,"id":4091},{"__isSmartRef__":true,"id":4093}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"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","isPressed":false,"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4044":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4045},"id":"0F8BE8D9-E4F7-49CE-9FB4-EB0DF2A80B38","renderContextTable":{"__isSmartRef__":true,"id":4050},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4051}],"eventHandler":{"__isSmartRef__":true,"id":4053},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":4054},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":4043},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"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"],"_TextColor":{"__isSmartRef__":true,"id":1611},"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4045":{"_Position":{"__isSmartRef__":true,"id":4046},"renderContextTable":{"__isSmartRef__":true,"id":4047},"_Extent":{"__isSmartRef__":true,"id":4048},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":4049},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4036},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4046":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4047":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4048":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4049":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4050":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"4051":{"style":{"__isSmartRef__":true,"id":4052},"chunkOwner":{"__isSmartRef__":true,"id":4044},"storedString":"X","_id":"_242","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4052":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4053":{"morph":{"__isSmartRef__":true,"id":4044},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4054":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4055":{"_Position":{"__isSmartRef__":true,"id":4056},"renderContextTable":{"__isSmartRef__":true,"id":4057},"_Extent":{"__isSmartRef__":true,"id":4058},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4059},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4060},"_Fill":{"__isSmartRef__":true,"id":4061},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4056":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4057":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4058":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4059":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4060":{"r":0.7411764705882353,"g":0.7450980392156863,"b":0.7529411764705882,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4061":{"stops":[{"__isSmartRef__":true,"id":4062},{"__isSmartRef__":true,"id":4064},{"__isSmartRef__":true,"id":4065},{"__isSmartRef__":true,"id":4066}],"vector":{"__isSmartRef__":true,"id":43},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4062":{"offset":0,"color":{"__isSmartRef__":true,"id":4063}},"4063":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4064":{"offset":0.3,"color":{"__isSmartRef__":true,"id":39}},"4065":{"offset":0.7,"color":{"__isSmartRef__":true,"id":39}},"4066":{"offset":1,"color":{"__isSmartRef__":true,"id":4067}},"4067":{"r":0.7973333333333334,"g":0.7973333333333334,"b":0.7973333333333334,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4068":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4069":{"morph":{"__isSmartRef__":true,"id":4043},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4070":{"x":290.49672894514134,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4071":{"stops":[{"__isSmartRef__":true,"id":4072},{"__isSmartRef__":true,"id":4074},{"__isSmartRef__":true,"id":4076},{"__isSmartRef__":true,"id":4078}],"vector":{"__isSmartRef__":true,"id":4080},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4072":{"offset":0,"color":{"__isSmartRef__":true,"id":4073}},"4073":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4074":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4075}},"4075":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4076":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4077}},"4077":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4078":{"offset":1,"color":{"__isSmartRef__":true,"id":4079}},"4079":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4080":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4081":{"stops":[{"__isSmartRef__":true,"id":4082},{"__isSmartRef__":true,"id":4084},{"__isSmartRef__":true,"id":4086},{"__isSmartRef__":true,"id":4088}],"vector":{"__isSmartRef__":true,"id":4080},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4082":{"offset":0,"color":{"__isSmartRef__":true,"id":4083}},"4083":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4084":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4085}},"4085":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4086":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4087}},"4087":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4088":{"offset":1,"color":{"__isSmartRef__":true,"id":4089}},"4089":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4090":{"moveHorizontal":true},"4091":{"sourceObj":{"__isSmartRef__":true,"id":4043},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"getCloseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4092},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4092":{"source":{"__isSmartRef__":true,"id":4043},"target":{"__isSmartRef__":true,"id":1439}},"4093":{"sourceObj":{"__isSmartRef__":true,"id":4043},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"initiateShutdown","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4094},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4094":{"source":{"__isSmartRef__":true,"id":4043},"target":{"__isSmartRef__":true,"id":1439}},"4095":{"submorphs":[{"__isSmartRef__":true,"id":4096}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4107},"id":"8C84BA83-8BEC-431C-B861-ABA0E357BB51","renderContextTable":{"__isSmartRef__":true,"id":4112},"eventHandler":{"__isSmartRef__":true,"id":4113},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4114},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4071},"lighterFill":{"__isSmartRef__":true,"id":4115},"label":{"__isSmartRef__":true,"id":4096},"owner":{"__isSmartRef__":true,"id":4029},"attributeConnections":[{"__isSmartRef__":true,"id":4124},{"__isSmartRef__":true,"id":4126}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"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","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4096":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4097},"id":"E3AA1C9A-0FAC-4C73-8251-C0C42AE9D738","renderContextTable":{"__isSmartRef__":true,"id":4102},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4103}],"eventHandler":{"__isSmartRef__":true,"id":4105},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":4106},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":4095},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"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","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4097":{"_Position":{"__isSmartRef__":true,"id":4098},"renderContextTable":{"__isSmartRef__":true,"id":4099},"_Extent":{"__isSmartRef__":true,"id":4100},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":4101},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4036},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4098":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4099":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4100":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4101":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4102":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"4103":{"style":{"__isSmartRef__":true,"id":4104},"chunkOwner":{"__isSmartRef__":true,"id":4096},"storedString":"M","_id":"_243","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4104":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4105":{"morph":{"__isSmartRef__":true,"id":4096},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4106":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4107":{"_Position":{"__isSmartRef__":true,"id":4108},"renderContextTable":{"__isSmartRef__":true,"id":4109},"_Extent":{"__isSmartRef__":true,"id":4110},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4111},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4060},"_Fill":{"__isSmartRef__":true,"id":4071},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4108":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4109":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4110":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4111":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4112":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4113":{"morph":{"__isSmartRef__":true,"id":4095},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4114":{"x":3,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4115":{"stops":[{"__isSmartRef__":true,"id":4116},{"__isSmartRef__":true,"id":4118},{"__isSmartRef__":true,"id":4120},{"__isSmartRef__":true,"id":4122}],"vector":{"__isSmartRef__":true,"id":4080},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4116":{"offset":0,"color":{"__isSmartRef__":true,"id":4117}},"4117":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4118":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4119}},"4119":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4120":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4121}},"4121":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4122":{"offset":1,"color":{"__isSmartRef__":true,"id":4123}},"4123":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4124":{"sourceObj":{"__isSmartRef__":true,"id":4095},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"getMenuHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4125},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4125":{"source":{"__isSmartRef__":true,"id":4095},"target":{"__isSmartRef__":true,"id":1439}},"4126":{"sourceObj":{"__isSmartRef__":true,"id":4095},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"showTargetMorphMenu","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4127},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4127":{"source":{"__isSmartRef__":true,"id":4095},"target":{"__isSmartRef__":true,"id":1439}},"4128":{"submorphs":[{"__isSmartRef__":true,"id":4129}],"scripts":[],"shape":{"__isSmartRef__":true,"id":4140},"id":"4E98417E-B9D2-4027-987A-BD152C4EB579","renderContextTable":{"__isSmartRef__":true,"id":4145},"eventHandler":{"__isSmartRef__":true,"id":4146},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"accessibleInInactiveWindow":true,"_Position":{"__isSmartRef__":true,"id":4147},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":4071},"lighterFill":{"__isSmartRef__":true,"id":4148},"label":{"__isSmartRef__":true,"id":4129},"owner":{"__isSmartRef__":true,"id":4029},"layout":{"__isSmartRef__":true,"id":4157},"attributeConnections":[{"__isSmartRef__":true,"id":4158},{"__isSmartRef__":true,"id":4160}],"doNotSerialize":["$$getHelpText","$$fire"],"doNotCopyProperties":["$$getHelpText","$$fire"],"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","isPressed":false,"__LivelyClassName__":"lively.morphic.WindowControl","__SourceModuleName__":"Global.lively.morphic.Widgets"},"4129":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":4130},"id":"1A59E988-E65F-491C-8C7C-BB25F0B51CBF","renderContextTable":{"__isSmartRef__":true,"id":4135},"_WhiteSpaceHandling":"pre-wrap","textChunks":[{"__isSmartRef__":true,"id":4136}],"eventHandler":{"__isSmartRef__":true,"id":4138},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"_ClipMode":"hidden","fixedWidth":true,"fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","_FontSize":8,"_Position":{"__isSmartRef__":true,"id":4139},"_MaxTextWidth":17,"_MinTextWidth":17,"_MaxTextHeight":null,"_MinTextHeight":null,"evalEnabled":false,"owner":{"__isSmartRef__":true,"id":4128},"isLabel":true,"_HandStyle":"default","_Align":"center","eventsAreIgnored":true,"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","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4130":{"_Position":{"__isSmartRef__":true,"id":4131},"renderContextTable":{"__isSmartRef__":true,"id":4132},"_Extent":{"__isSmartRef__":true,"id":4133},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":4134},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4036},"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4131":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4132":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4133":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4134":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4135":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML","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"},"4136":{"style":{"__isSmartRef__":true,"id":4137},"chunkOwner":{"__isSmartRef__":true,"id":4129},"storedString":"–","_id":"_244","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4137":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"4138":{"morph":{"__isSmartRef__":true,"id":4129},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4139":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4140":{"_Position":{"__isSmartRef__":true,"id":4141},"renderContextTable":{"__isSmartRef__":true,"id":4142},"_Extent":{"__isSmartRef__":true,"id":4143},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4144},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4060},"_Fill":{"__isSmartRef__":true,"id":4071},"_StrokeOpacity":0,"_BorderRadius":5,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4141":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4142":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4143":{"x":17,"y":17,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4144":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4145":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4146":{"morph":{"__isSmartRef__":true,"id":4128},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4147":{"x":271.49672894514134,"y":3,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4148":{"stops":[{"__isSmartRef__":true,"id":4149},{"__isSmartRef__":true,"id":4151},{"__isSmartRef__":true,"id":4153},{"__isSmartRef__":true,"id":4155}],"vector":{"__isSmartRef__":true,"id":4080},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4149":{"offset":0,"color":{"__isSmartRef__":true,"id":4150}},"4150":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4151":{"offset":0.4,"color":{"__isSmartRef__":true,"id":4152}},"4152":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4153":{"offset":0.6,"color":{"__isSmartRef__":true,"id":4154}},"4154":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4155":{"offset":1,"color":{"__isSmartRef__":true,"id":4156}},"4156":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4157":{"moveHorizontal":true},"4158":{"sourceObj":{"__isSmartRef__":true,"id":4128},"sourceAttrName":"getHelpText","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"getCollapseHelp","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4159},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4159":{"source":{"__isSmartRef__":true,"id":4128},"target":{"__isSmartRef__":true,"id":1439}},"4160":{"sourceObj":{"__isSmartRef__":true,"id":4128},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1439},"targetMethodName":"toggleCollapse","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":4161},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4161":{"source":{"__isSmartRef__":true,"id":4128},"target":{"__isSmartRef__":true,"id":1439}},"4162":{"_Position":{"__isSmartRef__":true,"id":4163},"renderContextTable":{"__isSmartRef__":true,"id":4164},"_Extent":{"__isSmartRef__":true,"id":4165},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4166},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":4167},"_Fill":{"__isSmartRef__":true,"id":4168},"_StrokeOpacity":1,"_BorderRadius":"8px 8px 0px 0px","_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4163":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4164":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4165":{"x":310.49672894514134,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4166":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4167":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4168":{"stops":[{"__isSmartRef__":true,"id":4169},{"__isSmartRef__":true,"id":4171}],"vector":{"__isSmartRef__":true,"id":43},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4169":{"offset":0,"color":{"__isSmartRef__":true,"id":4170}},"4170":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4171":{"offset":1,"color":{"__isSmartRef__":true,"id":4172}},"4172":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4173":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4174":{"morph":{"__isSmartRef__":true,"id":4029},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4175":{"resizeWidth":true,"adjustForNewBounds":true},"4176":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4177":{"renderContextTable":{"__isSmartRef__":true,"id":4178},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4179},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_Extent":{"__isSmartRef__":true,"id":4180},"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4178":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","getComputedBorderWidth":"getComputedBorderWidthHTML","getComputedExtent":"getComputedExtentHTML"},"4179":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4180":{"x":310.49672894514134,"y":419.92138184230294,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4181":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","removeMorph":"removeMorphHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setStyleClassNames":"setStyleClassNamesHTML","setStyleId":"setStyleIdHTML"},"4182":{"morph":{"__isSmartRef__":true,"id":1439},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4183":{"adjustForNewBounds":true},"4184":{"x":733.8877838765295,"y":307.07769545390755,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4185":{"x":0,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4186":{"partsSpaceName":"PartsBin/Tools","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":4187},{"__isSmartRef__":true,"id":4189},{"__isSmartRef__":true,"id":4191},{"__isSmartRef__":true,"id":4193},{"__isSmartRef__":true,"id":4195},{"__isSmartRef__":true,"id":4197},{"__isSmartRef__":true,"id":4199},{"__isSmartRef__":true,"id":4201},{"__isSmartRef__":true,"id":4203},{"__isSmartRef__":true,"id":4205},{"__isSmartRef__":true,"id":4207},{"__isSmartRef__":true,"id":4209},{"__isSmartRef__":true,"id":4211},{"__isSmartRef__":true,"id":4213},{"__isSmartRef__":true,"id":4215},{"__isSmartRef__":true,"id":4217},{"__isSmartRef__":true,"id":4219},{"__isSmartRef__":true,"id":4221},{"__isSmartRef__":true,"id":4223},{"__isSmartRef__":true,"id":4225},{"__isSmartRef__":true,"id":4227},{"__isSmartRef__":true,"id":4229}],"revisionOnLoad":148785,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"4187":{"date":{"__isSmartRef__":true,"id":4188},"author":"lauritz","message":"","id":"41FC1B0F-23FC-4454-A424-F141A1C09663"},"4188":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:46:05 GMT-0800 (PST)"},"4189":{"date":{"__isSmartRef__":true,"id":4190},"author":"lauritz","message":"added >>expandAllNodes() which can expand complete trees, but not graphs.","id":"60178F3F-BA87-45A8-BD26-CF776AC017A7"},"4190":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:33:39 GMT-0800 (PST)"},"4191":{"date":{"__isSmartRef__":true,"id":4192},"author":"lauritz","message":"decreased width a bit","id":"837B2170-C0B8-4FA1-99D3-D6A1EB465519"},"4192":{"isSerializedDate":true,"string":"Fri Dec 02 2011 15:36:19 GMT-0800 (PST)"},"4193":{"date":{"__isSmartRef__":true,"id":4194},"author":"lauritz","message":"made expanding loop asynchronous","id":"5DFF88BC-08E6-43BD-B5B1-A9E8C93C7B19"},"4194":{"isSerializedDate":true,"string":"Wed Nov 30 2011 14:23:19 GMT-0800 (PST)"},"4195":{"date":{"__isSmartRef__":true,"id":4196},"author":"lauritz","message":"corrected toggling","id":"BFC57057-2596-42D0-89A1-811C34FCF5E1"},"4196":{"isSerializedDate":true,"string":"Tue Nov 22 2011 13:44:25 GMT-0800 (PST)"},"4197":{"date":{"__isSmartRef__":true,"id":4198},"author":"lauritz","message":"set a minimal extent","id":"D1DCDCB8-84EE-48D9-8AAE-3926E9D97D30"},"4198":{"isSerializedDate":true,"string":"Tue Nov 15 2011 14:39:16 GMT-0800 (PST)"},"4199":{"date":{"__isSmartRef__":true,"id":4200},"author":"lauritz","message":"convenience preset by default: tree is expanded, workspace says \"this\"","id":"D364A417-6014-4266-8DF3-CEA313F15793"},"4200":{"isSerializedDate":true,"string":"Tue Nov 15 2011 14:18:29 GMT-0800 (PST)"},"4201":{"date":{"__isSmartRef__":true,"id":4202},"author":"lauritz","message":"Disabled grabbing and dragging on other morphs as well."},"4202":{"isSerializedDate":true,"string":"Tue Oct 25 2011 11:23:10 GMT-0700 (PDT)"},"4203":{"date":{"__isSmartRef__":true,"id":4204},"author":"lauritz","message":"Disabled dragging and grabbing on tree nodes. Those should only be clickable."},"4204":{"isSerializedDate":true,"string":"Tue Oct 25 2011 10:25:14 GMT-0700 (PDT)"},"4205":{"date":{"__isSmartRef__":true,"id":4206},"author":"lauritz","message":"Fixed a bug by adding a condition to getClassNameOf. In case an object has no constructor."},"4206":{"isSerializedDate":true,"string":"Tue Oct 25 2011 13:37:11 GMT-0700 (PDT)"},"4207":{"date":{"__isSmartRef__":true,"id":4208},"author":"jenslincke","message":"reset scales","id":"5E64592A-C360-44DD-BDAE-AD956FBA7675"},"4208":{"isSerializedDate":true,"string":"Fri Oct 28 2011 07:11:21 GMT-0700 (PDT)"},"4209":{"date":{"__isSmartRef__":true,"id":4210},"author":"jenslincke","message":"bring resize corner to front","id":"765AA8A1-AA38-433A-B800-FFF743B3B9EF"},"4210":{"isSerializedDate":true,"string":"Thu Nov 03 2011 08:10:26 GMT-0700 (PDT)"},"4211":{"date":{"__isSmartRef__":true,"id":4212},"author":"lauritz","message":"layout changes","id":"F09F5196-5203-405A-8EC3-1648A100FFF5"},"4212":{"isSerializedDate":true,"string":"Fri Nov 18 2011 14:54:38 GMT-0800 (PST)"},"4213":{"date":{"__isSmartRef__":true,"id":4214},"author":"lauritz","message":"corrected the order of array elements","id":"B41E19A0-DDED-40DC-BD23-6AB94F76D76D"},"4214":{"isSerializedDate":true,"string":"Tue Nov 22 2011 14:44:29 GMT-0800 (PST)"},"4215":{"date":{"__isSmartRef__":true,"id":4216},"author":"fbo","message":"fix Date bug","id":"64EDCB63-EB39-477E-A73D-E066101A8B21"},"4216":{"isSerializedDate":true,"string":"Fri Dec 02 2011 15:07:10 GMT-0800 (PST)"},"4217":{"date":{"__isSmartRef__":true,"id":4218},"author":"lauritz","message":"significantly reduced a performance problem regarding \"long\" string properties, doesnt freeze anymore.","id":"EA85DB22-3FD3-4D13-B769-763C4483C445"},"4218":{"isSerializedDate":true,"string":"Mon Dec 05 2011 15:55:19 GMT-0800 (PST)"},"4219":{"date":{"__isSmartRef__":true,"id":4220},"author":"lauritz","message":"clicking a node no longer resets the workspace content","id":"C8AE0678-08F5-4FFB-9662-77D7120DA285"},"4220":{"isSerializedDate":true,"string":"Tue Dec 13 2011 14:22:10 GMT-0800 (PST)"},"4221":{"date":{"__isSmartRef__":true,"id":4222},"author":"lauritz","message":"renamed >>#expandAllNodes to >>#toggleAll","id":"D9931ABA-396B-4C81-9C7E-7C2712405803"},"4222":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:41:44 GMT-0800 (PST)"},"4223":{"date":{"__isSmartRef__":true,"id":4224},"author":"lauritz","message":"asynchronous >>#toggleAll, because toggling is actually asynchronous and rendering as well...","id":"3B15F99C-CFD6-41FA-9778-D2BFBBD53B8D"},"4224":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:58:54 GMT-0800 (PST)"},"4225":{"date":{"__isSmartRef__":true,"id":4226},"author":"lauritz","message":"cleaned up how all typeof stuff","id":"98CD54B3-3527-4C4C-8577-A0B7476D8718"},"4226":{"isSerializedDate":true,"string":"Thu Jan 26 2012 17:31:53 GMT-0800 (PST)"},"4227":{"date":{"__isSmartRef__":true,"id":4228},"author":"lauritz","message":"","id":"183BD443-7A32-4E3B-8F6B-96473B0C4CB7"},"4228":{"isSerializedDate":true,"string":"Thu Jan 26 2012 17:35:42 GMT-0800 (PST)"},"4229":{"date":{"__isSmartRef__":true,"id":4230},"author":"jenslincke","message":"style tweak","id":"C366B53C-40DC-445D-B882-F5F147CD349F"},"4230":{"isSerializedDate":true,"string":"Mon Jan 30 2012 05:04:58 GMT-0800 (PST)"},"4231":{"x":906,"y":341,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4232":{"x":178,"y":269,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4233":{"explore":{"__isSmartRef__":true,"id":4234},"reset":{"__isSmartRef__":true,"id":4238},"inspect":{"__isSmartRef__":true,"id":4242},"toggleAll":{"__isSmartRef__":true,"id":4246}},"4234":{"varMapping":{"__isSmartRef__":true,"id":4235},"source":"function explore(object) {\n // please see this window's pane, \"ExplorerPane\"\n this.explorer.explore(object);\n}","funcProperties":{"__isSmartRef__":true,"id":4236},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4235":{"this":{"__isSmartRef__":true,"id":1439}},"4236":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4237}},"4237":{"isSerializedDate":true,"string":"Wed Sep 21 2011 10:25:04 GMT-0700 (PDT)"},"4238":{"varMapping":{"__isSmartRef__":true,"id":4239},"source":"function reset() {\n // please see this window's pane, \"ExplorerPane\"\n this.explorer.reset();\n}","funcProperties":{"__isSmartRef__":true,"id":4240},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4239":{"this":{"__isSmartRef__":true,"id":1439}},"4240":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4241}},"4241":{"isSerializedDate":true,"string":"Wed Sep 21 2011 10:25:04 GMT-0700 (PDT)"},"4242":{"varMapping":{"__isSmartRef__":true,"id":4243},"source":"function inspect(object) {\n // alias for explore\n this.explore(object);\n}","funcProperties":{"__isSmartRef__":true,"id":4244},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4243":{"this":{"__isSmartRef__":true,"id":1439}},"4244":{"user":"lauritz","timestamp":{"__isSmartRef__":true,"id":4245}},"4245":{"isSerializedDate":true,"string":"Tue Nov 15 2011 14:04:54 GMT-0800 (PST)"},"4246":{"varMapping":{"__isSmartRef__":true,"id":4247},"source":"function toggleAll() {\n this.explorer.toggleAll();\n}","funcProperties":{"__isSmartRef__":true,"id":4248},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4247":{"this":{"__isSmartRef__":true,"id":1439}},"4248":{"timestamp":{"__isSmartRef__":true,"id":4249},"user":"lauritz","tags":[]},"4249":{"isSerializedDate":true,"string":"Thu Jan 05 2012 13:40:45 GMT-0800 (PST)"},"4250":{"partName":"PublishPartPanePane","requiredModules":[],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"4251":{"copyToPartsBin":{"__isSmartRef__":true,"id":4252},"onPublish":{"__isSmartRef__":true,"id":4260},"onCancel":{"__isSmartRef__":true,"id":4264},"setTarget":{"__isSmartRef__":true,"id":4268},"reset":{"__isSmartRef__":true,"id":4272},"showDiff":{"__isSmartRef__":true,"id":4276},"checkForUpdates":{"__isSmartRef__":true,"id":4280},"askForDiffViewer":{"__isSmartRef__":true,"id":4284},"onRemove":{"__isSmartRef__":true,"id":4288}},"4252":{"varMapping":{"__isSmartRef__":true,"id":4253},"source":"function copyToPartsBin(morph) {\n var name = this.get('NameText').textString\n\n var info = morph.getPartsBinMetaInfo();\n morph.setName(name);\n\n info.partsSpaceName = this.get('CategoryText').textString\n info.comment = this.get('CommentText').textString\n\n if (! info.changes) info.changes = [];\n var change = { \n date: new Date(), \n author: this.world().getUserName(), \n message: this.get('CommitMessageText').textString,\n id: Strings.newUUID()\n }\n info.changes.push(change) \n\n morph.copyToPartsBin();\n}","funcProperties":{"__isSmartRef__":true,"id":4258},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4253":{"this":{"__isSmartRef__":true,"id":989},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4254}},"4254":{"$super":{"__isSmartRef__":true,"id":4255}},"4255":{"varMapping":{"__isSmartRef__":true,"id":4256},"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":4257},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4256":{"obj":{"__isSmartRef__":true,"id":989},"name":"copyToPartsBin"},"4257":{},"4258":{"timestamp":{"__isSmartRef__":true,"id":4259},"user":"jenslincke","tags":[]},"4259":{"isSerializedDate":true,"string":"Fri Oct 28 2011 06:13:21 GMT-0700 (PDT)"},"4260":{"varMapping":{"__isSmartRef__":true,"id":4261},"source":"function onPublish() {\n if (!this.target) alert(\"No target to upload\");\n this.copyToPartsBin(this.target);\n}","funcProperties":{"__isSmartRef__":true,"id":4262},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4261":{"this":{"__isSmartRef__":true,"id":989}},"4262":{"timestamp":{"__isSmartRef__":true,"id":4263},"user":"undefined","tags":[]},"4263":{"isSerializedDate":true,"string":"Thu Mar 29 2012 06:46:31 GMT-0700 (PDT)"},"4264":{"varMapping":{"__isSmartRef__":true,"id":4265},"source":"function onCancel() {\n alertOK(\"cancel upload \") \n this.owner.remove()\n}","funcProperties":{"__isSmartRef__":true,"id":4266},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4265":{"this":{"__isSmartRef__":true,"id":989}},"4266":{"timestamp":{"__isSmartRef__":true,"id":4267},"user":"jenslincke","tags":[]},"4267":{"isSerializedDate":true,"string":"Wed Oct 19 2011 05:52:17 GMT-0700 (PDT)"},"4268":{"varMapping":{"__isSmartRef__":true,"id":4269},"source":"function setTarget(morph) {\n this.target = morph \n if (!morph) {\n this.get('NameText').textString = 'Anonymous';\n this.get('CategoryText').textString = 'Default';\n this.get('CommentText').textString = 'no comment'; \n this.get('CommitMessageText').textString = 'no comment' \n return\n }\n var info = this.target.getPartsBinMetaInfo();\n this.get('NameText').textString = info.partName || morph.getName();\n if (info.partsSpaceName) this.get('CategoryText').textString = info.partsSpaceName;\n if (info.comment) this.get('CommentText').textString = info.comment; \n\n}","funcProperties":{"__isSmartRef__":true,"id":4270},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4269":{"this":{"__isSmartRef__":true,"id":989}},"4270":{"timestamp":{"__isSmartRef__":true,"id":4271},"user":"jenslincke","tags":[]},"4271":{"isSerializedDate":true,"string":"Fri Apr 20 2012 02:59:07 GMT-0700 (PDT)"},"4272":{"varMapping":{"__isSmartRef__":true,"id":4273},"source":"function reset() {\n this.setTarget(null)\n \n}","funcProperties":{"__isSmartRef__":true,"id":4274},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4273":{"this":{"__isSmartRef__":true,"id":989}},"4274":{"timestamp":{"__isSmartRef__":true,"id":4275},"user":"jenslincke","tags":[]},"4275":{"isSerializedDate":true,"string":"Wed Oct 19 2011 05:45:36 GMT-0700 (PDT)"},"4276":{"varMapping":{"__isSmartRef__":true,"id":4277},"source":"function showDiff() {\n if (this.target) {\n if (typeof(this.target.showThreeWayDiff) === 'function') {\n this.target.showThreeWayDiff();\n }\n else {\n alert('Three Way Diff is not implemented yet')\n }\n }\n}","funcProperties":{"__isSmartRef__":true,"id":4278},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4277":{"this":{"__isSmartRef__":true,"id":989}},"4278":{"timestamp":{"__isSmartRef__":true,"id":4279},"user":"undefined","tags":[]},"4279":{"isSerializedDate":true,"string":"Thu Mar 22 2012 02:32:37 GMT-0700 (PDT)"},"4280":{"varMapping":{"__isSmartRef__":true,"id":4281},"source":"function checkForUpdates() {\n var space = lively.PartsBin.partsSpaceNamed(this.get('CategoryText').textString),\n name = this.get('NameText').textString,\n fileUrl = space.getURL().withFilename(encodeURI(name))+'.json';\n\n var webR = new WebResource(fileUrl);\n \n if (webR.exists()) {\n var rev = webR.getHeadRevision().headRevision;\n if (this.target.getPartsBinMetaInfo().revisionOnLoad == rev) \n alertOK(\"No changes since last update.\")\n else {\n this.askForDiffViewer();\n }\n }\n else \n alertOK(\"Part does not exist in PartsBin.\") \n \n}","funcProperties":{"__isSmartRef__":true,"id":4282},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4281":{"this":{"__isSmartRef__":true,"id":989}},"4282":{"timestamp":{"__isSmartRef__":true,"id":4283},"user":"undefined","tags":[]},"4283":{"isSerializedDate":true,"string":"Fri Mar 23 2012 07:12:03 GMT-0700 (PDT)"},"4284":{"varMapping":{"__isSmartRef__":true,"id":4285},"source":"function askForDiffViewer() {\n $world.confirm('A newer version of '+this.get('NameText').textString+' is available. Show diff?', function (bool) {bool && this.showDiff()}.bind(this))\n}","funcProperties":{"__isSmartRef__":true,"id":4286},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4285":{"this":{"__isSmartRef__":true,"id":989}},"4286":{"timestamp":{"__isSmartRef__":true,"id":4287},"user":"undefined","tags":[]},"4287":{"isSerializedDate":true,"string":"Fri Mar 23 2012 07:08:43 GMT-0700 (PDT)"},"4288":{"varMapping":{"__isSmartRef__":true,"id":4289},"source":"function onRemove() {\n $world.publishPartDialog && $world.publishPartDialog.remove()\n}","funcProperties":{"__isSmartRef__":true,"id":4290},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4289":{"this":{"__isSmartRef__":true,"id":989}},"4290":{"timestamp":{"__isSmartRef__":true,"id":4291},"user":"undefined","tags":[]},"4291":{"isSerializedDate":true,"string":"Thu Mar 29 2012 06:54:34 GMT-0700 (PDT)"},"4292":{"submorphs":[],"scripts":[],"id":"F4340FD1-226A-47D6-90B9-06E6A988126F","shape":{"__isSmartRef__":true,"id":4293},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":4300},"showsHalos":false,"name":"ResizeCorner","partsBinMetaInfo":{"__isSmartRef__":true,"id":4301},"draggingEnabled":true,"dragStartPoint":null,"originalExtent":{"__isSmartRef__":true,"id":4302},"originalTargetExtent":null,"renderContextTable":{"__isSmartRef__":true,"id":4303},"eventHandler":{"__isSmartRef__":true,"id":4304},"originalTargetInnerBounds":null,"isResizeCorner":true,"relativeOrigin":null,"derivationIds":[7147,"16E962DF-21E9-4FE6-8B9B-953F0E908113","ADD0B5C0-0DC6-4D8E-9C2A-0EC7E3C71F21","F0667EB1-BF07-4E63-BA56-99189F82C865","DFDE68D2-3731-46DE-ADC8-56E32998CE07","D914121B-05B0-490E-A9F7-FE9AB53455A3","685BF0CF-E831-4670-98CD-A84F0E9D3C1A","7F4A1B67-C3C5-4398-9FC6-EEECF75FF81D","ABACD15A-2A09-48B6-91CF-E5BD3A9974FB","06D7E052-8590-4522-B7F3-1A59D4B017E7"],"moved":true,"attributeConnections":[{"__isSmartRef__":true,"id":4305}],"doNotSerialize":["$$cornerName"],"doNotCopyProperties":["$$cornerName"],"originalTargetBounds":null,"owner":{"__isSmartRef__":true,"id":846},"distanceToDragEvent":{"__isSmartRef__":true,"id":4306},"_ClipMode":"visible","_Rotation":0,"_Scale":1,"cornerName":"bottomRight","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4307},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"4293":{"position":{"__isSmartRef__":true,"id":4294},"_Extent":{"__isSmartRef__":true,"id":4295},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":4296},"_Fill":{"__isSmartRef__":true,"id":4297},"renderContextTable":{"__isSmartRef__":true,"id":4298},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4299},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4294":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4295":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4296":{"r":0.568,"g":0.568,"b":0.568,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4297":{"r":0.258,"g":0.258,"b":0.258,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4298":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"4299":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4300":{"x":469,"y":427,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4301":{"partsSpaceName":"PartsBin/Widgets/","migrationLevel":2,"comment":"Resize an object without using halos.","partName":"ResizeCorner","revisionOnLoad":140152,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"4302":{"x":239,"y":138,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4303":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"4304":{"morph":{"__isSmartRef__":true,"id":4292},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4305":{"sourceObj":{"__isSmartRef__":true,"id":4292},"sourceAttrName":"cornerName","targetObj":{"__isSmartRef__":true,"id":4292},"targetMethodName":"alignToOwner","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4306":{"x":42,"y":-10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4307":{"onDrag":{"__isSmartRef__":true,"id":4308},"onDragEnd":{"__isSmartRef__":true,"id":4316},"onDragStart":{"__isSmartRef__":true,"id":4324},"reset":{"__isSmartRef__":true,"id":4332},"morphMenuItems":{"__isSmartRef__":true,"id":4335},"alignToOwner":{"__isSmartRef__":true,"id":4342}},"4308":{"varMapping":{"__isSmartRef__":true,"id":4309},"source":"function onDrag(evt) {\n // alert(\"onDrag\")\n // this.owner.setPosition(pt(0,0))\n // this.owner.setOrigin(pt(0,0))\n var moveDelta = evt.mousePoint.subPt(this.dragStartPoint)\n \n // moveDelta = moveDelta.maxPt(pt(0,0))\n var ownerExtent = this.owner.getExtent();\n\n // TODO does not work\n if (evt.isShiftDown()) {\n var maxDelta = Math.max(moveDelta.x, moveDelta.y);\n if (maxDelta == 0) return;\n var factor = ownerExtent.x / ownerExtent.y\n moveDelta = pt(maxDelta * factor, maxDelta )\n }\n var accessor = \"with\" + this.cornerName.charAt(0).toUpperCase() + this.cornerName.substring(1);\n\n var newCorner = this.originalTargetBounds[this.cornerName]().addPt(moveDelta);\n var newBounds = this.originalTargetBounds[accessor ](newCorner);\n\n this.owner.setBounds(newBounds);\n \n // var newExtent = this.originalTargetExtent.addPt(moveDelta)\n // alertOK(\"new extent\" + newExtent)\n // this.owner.setExtent(newExtent);\n this.owner.submorphs.select(function(ea) {\n return ea.isResizeCorner\n }).invoke('alignToOwner');\n if (this.owner.halos) {\n this.owner.halos.invoke('alignAtTarget')\n }\n // alertOK(\"relative \" + this.relativeOrigin)\n var newOrigin = pt(0,0).extent(this.owner.getExtent()).relativeToAbsPoint(this.relativeOrigin)\n\n // TODO IMPLEMENT updating the origin does not work yet\n // this.owner.setOrigin(newOrigin);\n // alertOK(\"new origin \" + newOrigin)\n\n}","funcProperties":{"__isSmartRef__":true,"id":4314},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4309":{"this":{"__isSmartRef__":true,"id":4292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4310}},"4310":{"$super":{"__isSmartRef__":true,"id":4311}},"4311":{"varMapping":{"__isSmartRef__":true,"id":4312},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":4313},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4312":{"obj":{"__isSmartRef__":true,"id":4292},"name":"onDrag"},"4313":{},"4314":{"timestamp":{"__isSmartRef__":true,"id":4315},"user":"sstamm","tags":[]},"4315":{"isSerializedDate":true,"string":"Thu Feb 23 2012 03:08:52 GMT-0800 (PST)"},"4316":{"varMapping":{"__isSmartRef__":true,"id":4317},"source":"function onDragEnd(evt) {\n this.dragStartPoint = null;\n this.originalTargetBounds = null;\n this.relativeOrigin = null;\n}","funcProperties":{"__isSmartRef__":true,"id":4322},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4317":{"this":{"__isSmartRef__":true,"id":4292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4318}},"4318":{"$super":{"__isSmartRef__":true,"id":4319}},"4319":{"varMapping":{"__isSmartRef__":true,"id":4320},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":4321},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4320":{"obj":{"__isSmartRef__":true,"id":4292},"name":"onDragEnd"},"4321":{},"4322":{"timestamp":{"__isSmartRef__":true,"id":4323},"user":"sstamm","tags":[]},"4323":{"isSerializedDate":true,"string":"Thu Feb 23 2012 03:09:00 GMT-0800 (PST)"},"4324":{"varMapping":{"__isSmartRef__":true,"id":4325},"source":"function onDragStart(evt) {\n var absToRelativePoint = function (r, absPt) {\n\t\treturn new Point(\n\t\t\t(absPt.x - r.x) / r.width,\n\t\t\t(absPt.y - r.y) / r.height)\n\t}\n // absToRelativePoint(new Rectangle(10,10,100,100), pt(20,20))\n // absToRelativePoint(new Rectangle(10,10,100,100), pt(0,0))\n // absToRelativePoint(new Rectangle(-100,-100,200,200), pt(0,0))\n\n\n this.dragStartPoint = evt.mousePoint;\n this.originalTargetBounds= this.owner.bounds();\n this.relativeOrigin = absToRelativePoint(pt(0,0).extent(this.owner.getExtent()), this.owner.getOrigin())\n}","funcProperties":{"__isSmartRef__":true,"id":4330},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4325":{"this":{"__isSmartRef__":true,"id":4292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4326}},"4326":{"$super":{"__isSmartRef__":true,"id":4327}},"4327":{"varMapping":{"__isSmartRef__":true,"id":4328},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":4329},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4328":{"obj":{"__isSmartRef__":true,"id":4292},"name":"onDragStart"},"4329":{},"4330":{"timestamp":{"__isSmartRef__":true,"id":4331},"user":"sstamm","tags":[]},"4331":{"isSerializedDate":true,"string":"Thu Feb 23 2012 03:08:40 GMT-0800 (PST)"},"4332":{"varMapping":{"__isSmartRef__":true,"id":4333},"source":"function reset() {\n this.isResizeCorner = true\n this.cornerName = 'bottomRight'\n this.setExtent(pt(10,10));\n this.setPosition(pt(0,0))\n}","funcProperties":{"__isSmartRef__":true,"id":4334},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4333":{"this":{"__isSmartRef__":true,"id":4292}},"4334":{},"4335":{"varMapping":{"__isSmartRef__":true,"id":4336},"source":"function morphMenuItems() {\n return $super().concat([\n [\"corner\", [\n [\"top left\", function() { this.cornerName = 'topLeft'}.bind(this)],\n [\"top right\", function() { this.cornerName = 'topRight'}.bind(this)],\n [\"bottom right\", function() { this.cornerName = 'bottomRight'}.bind(this)],\n [\"bottom left\", function() { this.cornerName = 'bottomLeft'}.bind(this)],\n ]]\n ])\t\n}","funcProperties":{"__isSmartRef__":true,"id":4341},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4336":{"this":{"__isSmartRef__":true,"id":4292},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":4337}},"4337":{"$super":{"__isSmartRef__":true,"id":4338}},"4338":{"varMapping":{"__isSmartRef__":true,"id":4339},"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":4340},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4339":{"obj":{"__isSmartRef__":true,"id":4292},"name":"morphMenuItems"},"4340":{},"4341":{},"4342":{"varMapping":{"__isSmartRef__":true,"id":4343},"source":"function alignToOwner() {\n this.align(this.bounds()[this.cornerName](), this.owner.shape.bounds()[this.cornerName]() )\n}","funcProperties":{"__isSmartRef__":true,"id":4344},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"4343":{"this":{"__isSmartRef__":true,"id":4292}},"4344":{},"4345":{"renderContextTable":{"__isSmartRef__":true,"id":4346},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":4347},"_BorderWidth":0,"_Fill":null,"_StrokeOpacity":0,"_BorderRadius":0,"_Extent":{"__isSmartRef__":true,"id":4348},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"4346":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML"},"4347":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4348":{"x":479,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4349":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML"},"4350":{"morph":{"__isSmartRef__":true,"id":846},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"4351":{"adjustForNewBounds":true},"4352":{"x":0,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4353":{"x":1059,"y":485,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4354":{"partName":"PublishPartDialog","requiredModules":[],"migrationLevel":4,"partsSpaceName":"PartsBin/Dialogs","comment":"A dialog for publishing parts in the PartsBin.","changes":[{"__isSmartRef__":true,"id":4355},{"__isSmartRef__":true,"id":4357},{"__isSmartRef__":true,"id":4359},{"__isSmartRef__":true,"id":4361},{"__isSmartRef__":true,"id":4363},{"__isSmartRef__":true,"id":4365},{"__isSmartRef__":true,"id":4367},{"__isSmartRef__":true,"id":4369},{"__isSmartRef__":true,"id":4371},{"__isSmartRef__":true,"id":4373}],"revisionOnLoad":154052,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"4355":{"date":{"__isSmartRef__":true,"id":4356},"author":"undefined","message":"resetted view","id":"61086210-FA8D-49B7-9E8F-E1E202A9ECD7"},"4356":{"isSerializedDate":true,"string":"Wed Mar 21 2012 06:50:23 GMT-0700 (PDT)"},"4357":{"date":{"__isSmartRef__":true,"id":4358},"author":"undefined","message":"added show diff button","id":"93AC78DB-FFE8-40AC-B8FC-34B0936B39A7"},"4358":{"isSerializedDate":true,"string":"Wed Mar 21 2012 06:49:44 GMT-0700 (PDT)"},"4359":{"date":{"__isSmartRef__":true,"id":4360},"author":"undefined","message":"","id":"A5F4EACF-EF62-483F-B8B3-65966A895FA4"},"4360":{"isSerializedDate":true,"string":"Tue Mar 20 2012 05:00:03 GMT-0700 (PDT)"},"4361":{"date":{"__isSmartRef__":true,"id":4362},"author":"jenslincke","message":"first commit of Publish dialog using the publish dialog itself!"},"4362":{"isSerializedDate":true,"string":"Wed Oct 19 2011 05:54:16 GMT-0700 (PDT)"},"4363":{"date":{"__isSmartRef__":true,"id":4364},"author":"jenslincke","message":""},"4364":{"isSerializedDate":true,"string":"Wed Oct 19 2011 05:52:26 GMT-0700 (PDT)"},"4365":{"date":{"__isSmartRef__":true,"id":4366},"author":"jenslincke","message":"store an uuid when publishing an object"},"4366":{"isSerializedDate":true,"string":"Fri Oct 28 2011 06:15:02 GMT-0700 (PDT)"},"4367":{"date":{"__isSmartRef__":true,"id":4368},"author":"jenslincke","message":""},"4368":{"isSerializedDate":true,"string":"Fri Oct 28 2011 07:06:16 GMT-0700 (PDT)"},"4369":{"date":{"__isSmartRef__":true,"id":4370},"author":"jenslincke","message":"- fixed issue 283 (Reproduction: Open part, select publish from menu, focus part name input field in dialog, press enter.-> window pane disappears; window decoration stays; part is not published)","id":"1A260BD5-E668-4BD4-B7A2-94E087AB4CE1"},"4370":{"isSerializedDate":true,"string":"Thu Jan 26 2012 03:10:41 GMT-0800 (PST)"},"4371":{"date":{"__isSmartRef__":true,"id":4372},"author":"undefined","message":"init for change - don't remove on click","id":"00A6DFFB-70D2-44A4-B5F9-0778E1CA5724"},"4372":{"isSerializedDate":true,"string":"Tue Mar 20 2012 04:04:27 GMT-0700 (PDT)"},"4373":{"date":{"__isSmartRef__":true,"id":4374},"author":"undefined","message":"added possibility to show diff and adapted to new publishing workflow (check for overwrites)","id":"2BD37BED-1605-4FD2-8D2C-25552A379B49"},"4374":{"isSerializedDate":true,"string":"Thu Mar 22 2012 02:30:02 GMT-0700 (PDT)"},"4375":{"sourceObj":{"__isSmartRef__":true,"id":846},"sourceAttrName":"remove","targetObj":{"__isSmartRef__":true,"id":989},"targetMethodName":"onRemove","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"4376":{"x":472,"y":171.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4377":{"x":479,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"4378":{"traitName":"users.robertkrahn.WorldMenuTrait","options":{"__isSmartRef__":true,"id":4379}},"4379":{"override":["morphMenuItems"]},"isSimplifiedRegistry":true}}]]>