{"id":0,"registry":{"0":{"submorphs":[{"__isSmartRef__":true,"id":1}],"scripts":[],"id":105,"shape":{"__isSmartRef__":true,"id":72},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":78},"showsHalos":false,"name":"DraggingControl","partsBinMetaInfo":{"__isSmartRef__":true,"id":79},"__SourceModuleName__":"Global.lively.morphic.Core","renderContextTable":{"__isSmartRef__":true,"id":80},"eventHandler":{"__isSmartRef__":true,"id":81},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"priorExtent":{"__isSmartRef__":true,"id":82},"distanceToDragEvent":{"__isSmartRef__":true,"id":83},"layout":{"__isSmartRef__":true,"id":84},"_Rotation":0,"_Scale":1.0040100200350561,"__LivelyClassName__":"lively.morphic.Box"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2}],"scripts":[],"id":106,"shape":{"__isSmartRef__":true,"id":16},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"normalFill":{"__isSmartRef__":true,"id":20},"lighterFill":{"__isSmartRef__":true,"id":31},"label":{"__isSmartRef__":true,"id":2},"name":"StartStopButton","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":40},"attributeConnections":[{"__isSmartRef__":true,"id":41},{"__isSmartRef__":true,"id":42}],"doNotSerialize":["$$running","$$fire"],"doNotCopyProperties":["$$running","$$fire"],"__SourceModuleName__":"Global.lively.morphic.Widgets","priorExtent":{"__isSmartRef__":true,"id":43},"renderContextTable":{"__isSmartRef__":true,"id":44},"eventHandler":{"__isSmartRef__":true,"id":45},"connections":{"__isSmartRef__":true,"id":46},"_Position":{"__isSmartRef__":true,"id":48},"owner":{"__isSmartRef__":true,"id":0},"scriptAnnotations":{"__isSmartRef__":true,"id":49},"distanceToDragEvent":{"__isSmartRef__":true,"id":58},"running":false,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":59},"__LivelyClassName__":"lively.morphic.Button"},"2":{"submorphs":[],"scripts":[],"id":107,"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":8},"_MaxTextWidth":139.97501364208009,"_MaxTextHeight":21,"textStyle":null,"padding":{"__isSmartRef__":true,"id":9},"_Padding":{"__isSmartRef__":true,"id":10},"owner":{"__isSmartRef__":true,"id":1},"isLabel":true,"eventsAreIgnored":true,"__SourceModuleName__":"Global.lively.morphic.TextCore","_ClipMode":"hidden","priorExtent":{"__isSmartRef__":true,"id":11},"textChunks":[{"__isSmartRef__":true,"id":12}],"_Align":"center","renderContextTable":{"__isSmartRef__":true,"id":14},"eventHandler":{"__isSmartRef__":true,"id":15},"_HandStyle":"default","_PointerEvents":"none","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},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"4":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"5":{"x":139.97501364208009,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"6":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"7":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"8":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"9":{"x":5,"y":5,"width":0,"height":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Rectangle"},"10":{"x":0,"y":0,"width":0,"height":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Rectangle"},"11":{"x":139.97501364208009,"y":21,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"12":{"style":{"__isSmartRef__":true,"id":13},"chunkOwner":{"__isSmartRef__":true,"id":2},"__SourceModuleName__":"Global.lively.morphic.TextCore","storedString":"enable dragging","__LivelyClassName__":"lively.morphic.TextChunk"},"13":{"__SourceModuleName__":"Global.lively.morphic.TextCore","__LivelyClassName__":"lively.morphic.TextEmphasis"},"14":{"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"},"15":{"morph":{"__isSmartRef__":true,"id":2},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"16":{"position":{"__isSmartRef__":true,"id":17},"_Extent":{"__isSmartRef__":true,"id":18},"_BorderWidth":1.1840000000000002,"_BorderColor":{"__isSmartRef__":true,"id":19},"_Fill":{"__isSmartRef__":true,"id":20},"_BorderRadius":5.2,"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":30},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"17":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"18":{"x":139.97501364208009,"y":21,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"19":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"20":{"stops":[{"__isSmartRef__":true,"id":21},{"__isSmartRef__":true,"id":23},{"__isSmartRef__":true,"id":25},{"__isSmartRef__":true,"id":27}],"vector":{"__isSmartRef__":true,"id":29},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"21":{"offset":0,"color":{"__isSmartRef__":true,"id":22}},"22":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"23":{"offset":0.4,"color":{"__isSmartRef__":true,"id":24}},"24":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"25":{"offset":0.6,"color":{"__isSmartRef__":true,"id":26}},"26":{"r":0.8200000000000001,"g":0.8200000000000001,"b":0.8200000000000001,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"27":{"offset":1,"color":{"__isSmartRef__":true,"id":28}},"28":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"29":{"x":0,"y":0,"width":0,"height":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Rectangle"},"30":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"31":{"stops":[{"__isSmartRef__":true,"id":32},{"__isSmartRef__":true,"id":34},{"__isSmartRef__":true,"id":36},{"__isSmartRef__":true,"id":38}],"vector":{"__isSmartRef__":true,"id":29},"__SourceModuleName__":"Global.lively.morphic.Shapes","__LivelyClassName__":"lively.morphic.LinearGradient"},"32":{"offset":0,"color":{"__isSmartRef__":true,"id":33}},"33":{"r":0.98,"g":0.98,"b":0.98,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"34":{"offset":0.4,"color":{"__isSmartRef__":true,"id":35}},"35":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"36":{"offset":0.6,"color":{"__isSmartRef__":true,"id":37}},"37":{"r":0.91,"g":0.91,"b":0.91,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"38":{"offset":1,"color":{"__isSmartRef__":true,"id":39}},"39":{"r":0.97,"g":0.97,"b":0.97,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"40":{"partsSpaceName":"PartsBin/Inputs/","__SourceModuleName__":"Global.lively.PartsBin","migrationLevel":2,"partName":"StartStopButton","comment":"Has a script that is called on button press","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"41":{"sourceObj":{"__isSmartRef__":true,"id":1},"sourceAttrName":"running","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateLabel","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"42":{"sourceObj":{"__isSmartRef__":true,"id":1},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"onFire","__SourceModuleName__":"Global.lively.bindings","__LivelyClassName__":"AttributeConnection"},"43":{"x":139.0470371267925,"y":21,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"44":{"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"},"45":{"morph":{"__isSmartRef__":true,"id":1},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"46":{"running":{"__isSmartRef__":true,"id":47}},"47":{},"48":{"x":12.011805911956571,"y":8.292487166979981,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"49":{"updateLabel":{"__isSmartRef__":true,"id":50},"setupGrabbing":{"__isSmartRef__":true,"id":52},"onFire":{"__isSmartRef__":true,"id":54},"setupDragging":{"__isSmartRef__":true,"id":56}},"50":{"time":{"__isSmartRef__":true,"id":51},"user":"jenslincke"},"51":{"isSerializedDate":true,"string":"Tue Jun 28 2011 08:13:25 GMT-0700 (PDT)"},"52":{"time":{"__isSmartRef__":true,"id":53},"user":"jenslincke"},"53":{"isSerializedDate":true,"string":"Tue Jun 28 2011 08:06:03 GMT-0700 (PDT)"},"54":{"time":{"__isSmartRef__":true,"id":55},"user":"jenslincke"},"55":{"isSerializedDate":true,"string":"Tue Jun 28 2011 08:14:21 GMT-0700 (PDT)"},"56":{"time":{"__isSmartRef__":true,"id":57},"user":"jenslincke"},"57":{"isSerializedDate":true,"string":"Tue Jun 28 2011 08:41:10 GMT-0700 (PDT)"},"58":{"x":109.96452154306895,"y":-14.128593913472798,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"59":{"onFire":{"__isSmartRef__":true,"id":60},"reset":{"__isSmartRef__":true,"id":63},"updateLabel":{"__isSmartRef__":true,"id":66},"setupDragging":{"__isSmartRef__":true,"id":69}},"60":{"varMapping":{"__isSmartRef__":true,"id":61},"source":"function onFire() {\n    this.setupDragging();\n\n    this.running = !this.running;\n\n    if(this.running) {\n        DraggingLayer.beGlobal()\n    } else {\n        DraggingLayer.beNotGlobal()\n    }\n\n}","funcProperties":{"__isSmartRef__":true,"id":62},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"61":{"this":{"__isSmartRef__":true,"id":1}},"62":{},"63":{"varMapping":{"__isSmartRef__":true,"id":64},"source":"function reset() {\n    this.connections = {running: {}}\n    connect(this, 'running', this, 'updateLabel')\n    connect(this, 'fire', this, 'onFire')\n}","funcProperties":{"__isSmartRef__":true,"id":65},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"64":{"this":{"__isSmartRef__":true,"id":1}},"65":{},"66":{"varMapping":{"__isSmartRef__":true,"id":67},"source":"function updateLabel() {\n    if (this.running) {\n        this.setLabel(\"disable dragging\")\n    } else {\n        this.setLabel(\"enable dragging\")\n\n    }\n}","funcProperties":{"__isSmartRef__":true,"id":68},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"67":{"this":{"__isSmartRef__":true,"id":1}},"68":{},"69":{"varMapping":{"__isSmartRef__":true,"id":70},"source":"function setupDragging() {\n\nmodule('lively.LayerableMorphs').load()\n\ncop.create('DraggingLayer').refineClass(lively.morphic.Morph, {\n    get draggingEnabled() {return true},\n\n    onDrag: function(evt) {\n        if (cop.proceed(evt)) return true;\n        var pos = evt.getPosition().addPt(this.dragOffset)\n        this.setPosition(pos.griddedBy(this.getGridPoint()))\n        return true;\n    },\n    onDragStart: function(evt) {\n        if (cop.proceed(evt)) return true;\n        this.dragOffset = this.getPosition().subPt(evt.getPosition());\n        return true;\n    },\n    onDragEnd: function(evt) {\n        if (cop.proceed(evt)) return true;\n        delete this.dragOffset\n        return true;\n    },\n});\n\n\nvar targetObj = lively.morphic.Window.prototype\nif (!targetObj.withoutLayers)\n    targetObj.withoutLayers = [];\n\nif (!targetObj.withoutLayers.include(DraggingLayer))\n    targetObj.withoutLayers.push(DraggingLayer)\n\n\n}","funcProperties":{"__isSmartRef__":true,"id":71},"__SourceModuleName__":"Global","__LivelyClassName__":"lively.Closure"},"70":{"this":{"__isSmartRef__":true,"id":1}},"71":{},"72":{"position":{"__isSmartRef__":true,"id":73},"_Extent":{"__isSmartRef__":true,"id":74},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":75},"_Fill":{"__isSmartRef__":true,"id":76},"__SourceModuleName__":"Global.lively.morphic.Shapes","renderContextTable":{"__isSmartRef__":true,"id":77},"_BorderRadius":17.045,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle"},"73":{"x":0,"y":0,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"74":{"x":162.56498346216785,"y":37.1051521075718,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"75":{"r":0,"g":0,"b":0,"a":1,"__SourceModuleName__":"Global","__LivelyClassName__":"Color"},"76":{"r":0.921,"g":0.921,"b":0.921,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global"},"77":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML"},"78":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global"},"79":{"partsSpaceName":"PartsBin/Controls/","__SourceModuleName__":"Global.lively.PartsBin","comment":"a control that enables and disables global grabbing behavior","migrationLevel":4,"partName":"DraggingControl","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo"},"80":{"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"},"81":{"morph":{"__isSmartRef__":true,"id":0},"__SourceModuleName__":"Global.lively.morphic.Events","__LivelyClassName__":"lively.morphic.EventHandler"},"82":{"x":162.56498346216785,"y":38.03312862285944,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"83":{"x":180.23268380804404,"y":-6.469891213622091,"__SourceModuleName__":"Global","__LivelyClassName__":"Point"},"84":{},"isSimplifiedRegistry":true}}