{"id":0,"registry":{"0":{"submorphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":49},{"__isSmartRef__":true,"id":67}],"scripts":[],"id":"74D19664-3F5E-43F9-8A42-B6858F46065A","shape":{"__isSmartRef__":true,"id":114},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":121},"showsHalos":false,"name":"ShowConnections","partsBinMetaInfo":{"__isSmartRef__":true,"id":122},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":129},"eventHandler":{"__isSmartRef__":true,"id":130},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","E0418536-DA6B-4E27-98F6-6118E7353359"],"partTests":{"__isSmartRef__":true,"id":131},"priorExtent":{"__isSmartRef__":true,"id":136},"isBeingDragged":false,"prevScroll":[0,0],"headRevision":144587,"padding":{"__isSmartRef__":true,"id":137},"_Rotation":0,"_Scale":1.002003004005006,"distanceToDragEvent":{"__isSmartRef__":true,"id":138},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":139},"__LivelyClassName__":"lively.morphic.Box"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2}],"scripts":[],"id":"15517647-4C28-4BC7-844D-76FDE8263E13","shape":{"__isSmartRef__":true,"id":17},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":33},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":21},"lighterFill":{"__isSmartRef__":true,"id":34},"label":{"__isSmartRef__":true,"id":2},"name":"ScriptableButton","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":43},"attributeConnections":[{"__isSmartRef__":true,"id":44}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","priorExtent":{"__isSmartRef__":true,"id":45},"renderContextTable":{"__isSmartRef__":true,"id":46},"eventHandler":{"__isSmartRef__":true,"id":47},"derivationIds":[2588,"ED75C048-0E5C-405F-A9CF-BDCC2FE1C328"],"owner":{"__isSmartRef__":true,"id":0},"distanceToDragEvent":{"__isSmartRef__":true,"id":48},"_Rotation":0,"_Scale":0.998001,"__LivelyClassName__":"lively.morphic.Button"},"2":{"submorphs":[],"scripts":[],"id":"4F907927-C6C3-4F82-BEA3-7E1E7A57AB5F","shape":{"__isSmartRef__":true,"id":3},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":9},"_MaxTextWidth":101,"_MaxTextHeight":null,"textStyle":null,"padding":{"__isSmartRef__":true,"id":10},"_Padding":{"__isSmartRef__":true,"id":11},"owner":{"__isSmartRef__":true,"id":1},"isLabel":true,"eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","_ClipMode":"hidden","priorExtent":{"__isSmartRef__":true,"id":12},"textChunks":[{"__isSmartRef__":true,"id":13}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":15},"eventHandler":{"__isSmartRef__":true,"id":16},"_HandStyle":"default","_PointerEvents":"none","derivationIds":[2589,"71E89EC0-6CE6-4BC4-B324-D782D7DB308D"],"_MinTextWidth":101,"_MinTextHeight":null,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"3":{"position":{"__isSmartRef__":true,"id":4},"_Extent":{"__isSmartRef__":true,"id":5},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":6},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":7},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":8},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"5":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"6":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"7":{"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"},"8":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"9":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"10":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"11":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"12":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"13":{"style":{"__isSmartRef__":true,"id":14},"chunkOwner":{"__isSmartRef__":true,"id":2},"storedString":"show","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextChunk"},"14":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"15":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML"},"16":{"morph":{"__isSmartRef__":true,"id":2},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"17":{"position":{"__isSmartRef__":true,"id":18},"_Extent":{"__isSmartRef__":true,"id":19},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":20},"_Fill":{"__isSmartRef__":true,"id":21},"_BorderRadius":5.2,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":31},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":32},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"18":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"19":{"x":101,"y":21,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"20":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"21":{"stops":[{"__isSmartRef__":true,"id":22},{"__isSmartRef__":true,"id":24},{"__isSmartRef__":true,"id":26},{"__isSmartRef__":true,"id":28}],"vector":{"__isSmartRef__":true,"id":30},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"22":{"offset":0,"color":{"__isSmartRef__":true,"id":23}},"23":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"24":{"offset":0.4,"color":{"__isSmartRef__":true,"id":25}},"25":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"26":{"offset":0.6,"color":{"__isSmartRef__":true,"id":27}},"27":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"28":{"offset":1,"color":{"__isSmartRef__":true,"id":29}},"29":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"30":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"31":{"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"},"32":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"33":{"x":7.984007999999989,"y":33.944028000000074,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"34":{"stops":[{"__isSmartRef__":true,"id":35},{"__isSmartRef__":true,"id":37},{"__isSmartRef__":true,"id":39},{"__isSmartRef__":true,"id":41}],"vector":{"__isSmartRef__":true,"id":30},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"35":{"offset":0,"color":{"__isSmartRef__":true,"id":36}},"36":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"37":{"offset":0.4,"color":{"__isSmartRef__":true,"id":38}},"38":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"39":{"offset":0.6,"color":{"__isSmartRef__":true,"id":40}},"40":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"41":{"offset":1,"color":{"__isSmartRef__":true,"id":42}},"42":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"43":{"partsSpaceName":"PartsBin/Inputs","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":2,"partName":"ScriptableButton","comment":"Has a script that is called on button press","revisionOnLoad":140039,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"44":{"sourceObj":{"__isSmartRef__":true,"id":1},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"show","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"45":{"x":101,"y":20,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"46":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"47":{"morph":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"48":{"x":70,"y":-17.012018024030056,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"49":{"submorphs":[],"scripts":[],"id":"CD142C34-4E6E-47BD-AF42-387861BF5FA2","shape":{"__isSmartRef__":true,"id":50},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":56},"_MaxTextWidth":192,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":53},"showsHalos":false,"_FontSize":14,"__SourceModuleName__":"Global.lively.morphic.TextCore","name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":57},"textChunks":[{"__isSmartRef__":true,"id":60}],"charsReplaced":"Structure","lastFindLoc":14,"priorSelectionRange":[6,6],"prevScroll":[0,0],"priorExtent":{"__isSmartRef__":true,"id":62},"renderContextTable":{"__isSmartRef__":true,"id":63},"eventHandler":{"__isSmartRef__":true,"id":64},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Padding":{"__isSmartRef__":true,"id":65},"_ClipMode":"visible","derivationIds":[355,"1EB1674F-8BF2-419B-B054-86129ED70335","57D690B4-9938-4CCA-A92E-954D55B2E14C"],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":192,"_MinTextHeight":null,"previousSelection":[2,2],"owner":{"__isSmartRef__":true,"id":0},"distanceToDragEvent":{"__isSmartRef__":true,"id":66},"savedTextString":"Show Connections","_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text"},"50":{"fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":{"__isSmartRef__":true,"id":51},"_Extent":{"__isSmartRef__":true,"id":52},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":53},"renderContextTable":{"__isSmartRef__":true,"id":54},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":55},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"51":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"52":{"x":192,"y":22,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"53":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"54":{"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"},"55":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"56":{"x":8.992003999999895,"y":8.968016000000219,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"57":{"partsSpaceName":"PartsBin/Basic","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":4,"comment":"a simple text morph","partName":"Text","changes":[{"__isSmartRef__":true,"id":58}],"revisionOnLoad":141269,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"58":{"date":{"__isSmartRef__":true,"id":59},"author":"undefined","message":"Set the inset as: this.setPadding(Rectangle.inset(4,2)).  This gives it a more pleasing appearance with a border, and also makes it easier to select near the bounds.","id":"BD5B0E4C-4830-4863-A013-35BB66D5AD6F"},"59":{"isSerializedDate":true,"string":"Mon Feb 27 2012 06:20:38 GMT+0100 (CET)"},"60":{"style":{"__isSmartRef__":true,"id":61},"morph":{"__isSmartRef__":true,"id":49},"__SourceModuleName__":"Global.lively.morphic.TextCore","chunkOwner":{"__isSmartRef__":true,"id":49},"storedString":"Show Connections","__LivelyClassName__":"lively.morphic.TextChunk"},"61":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"62":{"x":192,"y":90,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"63":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML"},"64":{"morph":{"__isSmartRef__":true,"id":49},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"65":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"66":{"x":131.98998497997508,"y":-13.985978971965238,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"67":{"submorphs":[{"__isSmartRef__":true,"id":68}],"scripts":[],"id":"F41FBE0D-EE3D-41C9-A287-898D9C09FEE8","shape":{"__isSmartRef__":true,"id":83},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":99},"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":87},"lighterFill":{"__isSmartRef__":true,"id":100},"label":{"__isSmartRef__":true,"id":68},"name":"ScriptableButton1","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":109},"attributeConnections":[{"__isSmartRef__":true,"id":110}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","priorExtent":{"__isSmartRef__":true,"id":111},"renderContextTable":{"__isSmartRef__":true,"id":112},"eventHandler":{"__isSmartRef__":true,"id":113},"derivationIds":[2588,"ED75C048-0E5C-405F-A9CF-BDCC2FE1C328","8A5BAA78-7A9D-474C-B473-6DE5374E16C4"],"owner":{"__isSmartRef__":true,"id":0},"_Rotation":0,"_Scale":0.998001,"__LivelyClassName__":"lively.morphic.Button"},"68":{"submorphs":[],"scripts":[],"id":"9C50830B-1429-4BC9-B357-156B9FF10E05","shape":{"__isSmartRef__":true,"id":69},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":75},"_MaxTextWidth":101,"_MaxTextHeight":null,"textStyle":null,"padding":{"__isSmartRef__":true,"id":76},"_Padding":{"__isSmartRef__":true,"id":77},"owner":{"__isSmartRef__":true,"id":67},"isLabel":true,"eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","_ClipMode":"hidden","priorExtent":{"__isSmartRef__":true,"id":78},"textChunks":[{"__isSmartRef__":true,"id":79}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":81},"eventHandler":{"__isSmartRef__":true,"id":82},"_HandStyle":"default","_PointerEvents":"none","derivationIds":[2589,"71E89EC0-6CE6-4BC4-B324-D782D7DB308D","AD5BB8F5-D4BA-4BC5-8925-7AD96F8E20D1"],"_MinTextWidth":101,"_MinTextHeight":null,"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"69":{"position":{"__isSmartRef__":true,"id":70},"_Extent":{"__isSmartRef__":true,"id":71},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":72},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":73},"_ClipMode":"hidden","_Padding":{"__isSmartRef__":true,"id":74},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"70":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"71":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"72":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"73":{"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"},"74":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"75":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"76":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"77":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"78":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"79":{"style":{"__isSmartRef__":true,"id":80},"chunkOwner":{"__isSmartRef__":true,"id":68},"storedString":"hide","__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextChunk"},"80":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"81":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML"},"82":{"morph":{"__isSmartRef__":true,"id":68},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"83":{"position":{"__isSmartRef__":true,"id":84},"_Extent":{"__isSmartRef__":true,"id":85},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":86},"_Fill":{"__isSmartRef__":true,"id":87},"_BorderRadius":5.2,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":97},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":98},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"84":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"85":{"x":101,"y":21,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"86":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"87":{"stops":[{"__isSmartRef__":true,"id":88},{"__isSmartRef__":true,"id":90},{"__isSmartRef__":true,"id":92},{"__isSmartRef__":true,"id":94}],"vector":{"__isSmartRef__":true,"id":96},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"88":{"offset":0,"color":{"__isSmartRef__":true,"id":89}},"89":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"90":{"offset":0.4,"color":{"__isSmartRef__":true,"id":91}},"91":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"92":{"offset":0.6,"color":{"__isSmartRef__":true,"id":93}},"93":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"94":{"offset":1,"color":{"__isSmartRef__":true,"id":95}},"95":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"96":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"97":{"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"},"98":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"99":{"x":135.728136,"y":35.928036000000006,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"100":{"stops":[{"__isSmartRef__":true,"id":101},{"__isSmartRef__":true,"id":103},{"__isSmartRef__":true,"id":105},{"__isSmartRef__":true,"id":107}],"vector":{"__isSmartRef__":true,"id":96},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"101":{"offset":0,"color":{"__isSmartRef__":true,"id":102}},"102":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"103":{"offset":0.4,"color":{"__isSmartRef__":true,"id":104}},"104":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"105":{"offset":0.6,"color":{"__isSmartRef__":true,"id":106}},"106":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"107":{"offset":1,"color":{"__isSmartRef__":true,"id":108}},"108":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"109":{"partsSpaceName":"PartsBin/Inputs","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":2,"partName":"ScriptableButton","comment":"Has a script that is called on button press","revisionOnLoad":140039,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"110":{"sourceObj":{"__isSmartRef__":true,"id":67},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"hide","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"111":{"x":101,"y":20,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"112":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"113":{"morph":{"__isSmartRef__":true,"id":67},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"114":{"position":{"__isSmartRef__":true,"id":115},"_Extent":{"__isSmartRef__":true,"id":116},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":117},"_Fill":{"__isSmartRef__":true,"id":118},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":119},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":120},"_BorderRadius":15.180000000000001,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"115":{"x":0,"y":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"116":{"x":353.49225399999995,"y":68.063968,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"117":{"r":0.568,"g":0.568,"b":0.568,"a":1,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Color"},"118":{"r":0.921,"g":0.921,"b":0.921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"119":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setClipMode":"setClipModeHTML"},"120":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Rectangle"},"121":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"122":{"partsSpaceName":"PartsBin/Jens","__SourceModuleName__":"Global.lively.PartsBin","comment":"A little visualization the show the connections between morphs","migrationLevel":4,"partName":"ShowConnections","changes":[{"__isSmartRef__":true,"id":123},{"__isSmartRef__":true,"id":125},{"__isSmartRef__":true,"id":127}],"revisionOnLoad":140998,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"123":{"date":{"__isSmartRef__":true,"id":124},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"124":{"isSerializedDate":true,"string":"Sat Feb 25 2012 02:59:09 GMT+0100 (CET)"},"125":{"date":{"__isSmartRef__":true,"id":126},"author":"undefined","message":"","id":"F12A47E8-D6D6-4FF4-B0F8-B7B4F0CE08EF"},"126":{"isSerializedDate":true,"string":"Fri Mar 09 2012 14:15:27 GMT+0100 (CET)"},"127":{"date":{"__isSmartRef__":true,"id":128},"author":"jenslincke","message":"","id":"28E3790A-E604-4ECE-BE6E-B0B1A92BF5CB"},"128":{"isSerializedDate":true,"string":"Tue Mar 13 2012 19:38:07 GMT+0100 (CET)"},"129":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"130":{"morph":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"131":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":132}},"132":{"test01IsMorph":{"__isSmartRef__":true,"id":133}},"133":{"varMapping":{"__isSmartRef__":true,"id":134},"source":"function test01IsMorph(aPart) {\n    this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":135},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"134":{"this":{"__isSmartRef__":true,"id":131}},"135":{},"136":{"x":352.49425299999996,"y":69.061969,"__SourceModuleName__":"Global.lively.morphic.Graphics","__LivelyClassName__":"Point"},"137":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"138":{"x":244,"y":-12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"139":{"showConnections":{"__isSmartRef__":true,"id":140},"showConnection":{"__isSmartRef__":true,"id":144},"show":{"__isSmartRef__":true,"id":148},"hide":{"__isSmartRef__":true,"id":152}},"140":{"varMapping":{"__isSmartRef__":true,"id":141},"source":"function showConnections(container) {\n    $world.withAllSubmorphsDo(function(ea) {\n        if (!ea.isEpiMorph && ea.attributeConnections) {\n            for (var i = 0; i < ea.attributeConnections.length; i++)\n                this.showConnection(ea.attributeConnections[i], container);\n        }\n    }, this)\n}","funcProperties":{"__isSmartRef__":true,"id":142},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"141":{"this":{"__isSmartRef__":true,"id":0}},"142":{"timestamp":{"__isSmartRef__":true,"id":143},"user":"undefined","tags":[]},"143":{"isSerializedDate":true,"string":"Fri Mar 09 2012 14:07:42 GMT+0100 (CET)"},"144":{"varMapping":{"__isSmartRef__":true,"id":145},"source":"function showConnection(con, container, duration) {\n        // for testing\n        if (!con) {\n            con = this.get(\"Slider\").attributeConnections[1]\n            duration = 5\n        }    \n        container = container || $world;\n        \n        var source = con.sourceObj,\n        target = con.targetObj;\n        if (!(source instanceof Morph) || !(target instanceof Morph)) return;\n\n        line = new lively.morphic.Path([\n            source.worldPoint(source.shape.bounds().center()),\n            target.worldPoint(target.shape.bounds().center())\n        ]);\n        container.addMorph(line)\n\n\n        var color = Color.blue.withA(0.5)\n        // arrow head\n        var arrowHead = new lively.morphic.Path([pt(0,0), pt(0,12), pt(16,6), pt(0,0)]);\n        arrowHead.applyStyle({\n            borderWidth: 0, \n            borderColor: color, fill: color})\n        arrowHead.adjustOrigin(pt(12,6))/\n        arrowHead.setScale(0.5)\n        line.addArrowHeadEnd(arrowHead)\n        line.setBorderColor(color)\n\n        if (duration) {\n\n            (function() {\n                line.remove() \n            }).delay(duration)\n        }\n\n}","funcProperties":{"__isSmartRef__":true,"id":146},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"145":{"this":{"__isSmartRef__":true,"id":0}},"146":{"timestamp":{"__isSmartRef__":true,"id":147},"user":"undefined","tags":[]},"147":{"isSerializedDate":true,"string":"Fri Mar 09 2012 14:10:34 GMT+0100 (CET)"},"148":{"varMapping":{"__isSmartRef__":true,"id":149},"source":"function show() {\n    // changed at Fri Mar 09 2012 13:21:31 GMT+0100 (CET) by undefined  \n\n    var nameLabelContainer = this.get('NameLabelContainer');\n    if (nameLabelContainer) nameLabelContainer.remove();\nthis.owner.openInWorld()\n\n    // we don't want to interfere with object structure, so we put the labels\n    // in a separate object\n    nameLabelContainer = Morph.makeRectangle($world.shape.bounds())\n    nameLabelContainer.name = 'NameLabelContainer';\n\n    nameLabelContainer.ignoreEvents();\n    nameLabelContainer.disableEvents();\n    nameLabelContainer.setOpacity(1);\n    nameLabelContainer.setFill(null)\n    nameLabelContainer.setBorderWidth(0)\n\n    nameLabelContainer.openInWorld();\n\n    (function() { nameLabelContainer.remove() }).delay(30)\n    \n    // hack, since we access some CSS property directly here\n    // and it is not persistent\n    nameLabelContainer.renderContext().morphNode.style.zIndex = 1\n    \n    // we don't want to persist it anyway\n    nameLabelContainer.isEpiMorph = true;\n\n\n    this.showConnections(nameLabelContainer);\n\n\n    \n}","funcProperties":{"__isSmartRef__":true,"id":150},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"149":{"this":{"__isSmartRef__":true,"id":0}},"150":{"timestamp":{"__isSmartRef__":true,"id":151},"user":"undefined","tags":[]},"151":{"isSerializedDate":true,"string":"Fri Mar 09 2012 14:12:41 GMT+0100 (CET)"},"152":{"varMapping":{"__isSmartRef__":true,"id":153},"source":"function hide() {\n\n    var nameLabelContainer = this.get('NameLabelContainer');\n    if (nameLabelContainer) nameLabelContainer.remove();\n\n   \n    \n\n}","funcProperties":{"__isSmartRef__":true,"id":154},"__SourceModuleName__":"Global.lively.lang.Closure","__LivelyClassName__":"lively.Closure"},"153":{"this":{"__isSmartRef__":true,"id":0}},"154":{"timestamp":{"__isSmartRef__":true,"id":155},"user":"undefined","tags":[]},"155":{"isSerializedDate":true,"string":"Fri Mar 09 2012 13:30:47 GMT+0100 (CET)"},"isSimplifiedRegistry":true}}