{"id":0,"registry":{"0":{"submorphs":[{"__isSmartRef__":true,"id":1}],"scripts":[],"id":3038,"shape":{"__isSmartRef__":true,"id":15},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":19},"lighterFill":{"__isSmartRef__":true,"id":30},"label":{"__isSmartRef__":true,"id":1},"name":"StartStopButton","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":39},"attributeConnections":[{"__isSmartRef__":true,"id":40},{"__isSmartRef__":true,"id":41}],"doNotSerialize":["$$running","$$fire"],"doNotCopyProperties":["$$running","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","priorExtent":{"__isSmartRef__":true,"id":42},"renderContextTable":{"__isSmartRef__":true,"id":43},"eventHandler":{"__isSmartRef__":true,"id":44},"connections":{"__isSmartRef__":true,"id":45},"_Position":{"__isSmartRef__":true,"id":47},"running":false,"_Rotation":0,"_Scale":1.002003004005006,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":48},"__LivelyClassName__":"lively.morphic.Button"},"1":{"submorphs":[],"scripts":[],"id":3039,"shape":{"__isSmartRef__":true,"id":2},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":7},"_MaxTextWidth":101,"_MaxTextHeight":21,"textStyle":null,"padding":{"__isSmartRef__":true,"id":8},"_Padding":{"__isSmartRef__":true,"id":9},"owner":{"__isSmartRef__":true,"id":0},"isLabel":true,"eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","_ClipMode":"hidden","priorExtent":{"__isSmartRef__":true,"id":10},"textChunks":[{"__isSmartRef__":true,"id":11}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":13},"eventHandler":{"__isSmartRef__":true,"id":14},"_HandStyle":"default","_PointerEvents":"none","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"__LivelyClassName__":"lively.morphic.Text"},"2":{"position":{"__isSmartRef__":true,"id":3},"_Extent":{"__isSmartRef__":true,"id":4},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":5},"_Fill":null,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":6},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"3":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"4":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"5":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"6":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"7":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"8":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Rectangle"},"9":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global"},"10":{"x":101,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"11":{"style":{"__isSmartRef__":true,"id":12},"chunkOwner":{"__isSmartRef__":true,"id":1},"storedString":"start","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"12":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"13":{"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","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML"},"14":{"morph":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"15":{"position":{"__isSmartRef__":true,"id":16},"_Extent":{"__isSmartRef__":true,"id":17},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":18},"_Fill":{"__isSmartRef__":true,"id":19},"_BorderRadius":5.2,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":29},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"16":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"17":{"x":101,"y":21,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"18":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"19":{"stops":[{"__isSmartRef__":true,"id":20},{"__isSmartRef__":true,"id":22},{"__isSmartRef__":true,"id":24},{"__isSmartRef__":true,"id":26}],"vector":{"__isSmartRef__":true,"id":28},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"20":{"offset":0,"color":{"__isSmartRef__":true,"id":21}},"21":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"22":{"offset":0.4,"color":{"__isSmartRef__":true,"id":23}},"23":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"24":{"offset":0.6,"color":{"__isSmartRef__":true,"id":25}},"25":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"26":{"offset":1,"color":{"__isSmartRef__":true,"id":27}},"27":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"28":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Rectangle"},"29":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"30":{"stops":[{"__isSmartRef__":true,"id":31},{"__isSmartRef__":true,"id":33},{"__isSmartRef__":true,"id":35},{"__isSmartRef__":true,"id":37}],"vector":{"__isSmartRef__":true,"id":28},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"31":{"offset":0,"color":{"__isSmartRef__":true,"id":32}},"32":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"33":{"offset":0.4,"color":{"__isSmartRef__":true,"id":34}},"34":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"35":{"offset":0.6,"color":{"__isSmartRef__":true,"id":36}},"36":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"37":{"offset":1,"color":{"__isSmartRef__":true,"id":38}},"38":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"39":{"partsSpaceName":"PartsBin/Inputs/","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":4,"partName":"StartStopButton","comment":"Has a script that is called on button press","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"40":{"sourceObj":{"__isSmartRef__":true,"id":0},"sourceAttrName":"running","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"updateLabel","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"41":{"sourceObj":{"__isSmartRef__":true,"id":0},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"onFire","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"42":{"x":101,"y":20,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"43":{"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","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML"},"44":{"morph":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"45":{"running":{"__isSmartRef__":true,"id":46}},"46":{},"47":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"48":{"onFire":{"__isSmartRef__":true,"id":49},"reset":{"__isSmartRef__":true,"id":52},"updateLabel":{"__isSmartRef__":true,"id":55}},"49":{"varMapping":{"__isSmartRef__":true,"id":50},"source":"function onFire() {\n    this.running = !this.running\n}","funcProperties":{"__isSmartRef__":true,"id":51},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"50":{"this":{"__isSmartRef__":true,"id":0}},"51":{},"52":{"varMapping":{"__isSmartRef__":true,"id":53},"source":"function reset() {\n    this.connections = {running: {}}\n    connect(this, 'running', this, 'updateLabel')\n    connect(this, 'fire', this, 'onFire')\n}","funcProperties":{"__isSmartRef__":true,"id":54},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"53":{"this":{"__isSmartRef__":true,"id":0}},"54":{},"55":{"varMapping":{"__isSmartRef__":true,"id":56},"source":"function updateLabel() {\n    if (this.running) {\n        this.setLabel(\"stop\")\n    } else {\n        this.setLabel(\"start\")\n    }\n}","funcProperties":{"__isSmartRef__":true,"id":57},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"56":{"this":{"__isSmartRef__":true,"id":0}},"57":{},"isSimplifiedRegistry":true}}