{"id":0,"registry":{"0":{"submorphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":100},{"__isSmartRef__":true,"id":106},{"__isSmartRef__":true,"id":112},{"__isSmartRef__":true,"id":118},{"__isSmartRef__":true,"id":127},{"__isSmartRef__":true,"id":132},{"__isSmartRef__":true,"id":145},{"__isSmartRef__":true,"id":150}],"scripts":[],"id":"31EB1BA1-E12A-4867-BC2E-B17CD3810545","shape":{"__isSmartRef__":true,"id":156},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"ElProfesorOnMorphs","partsBinMetaInfo":{"__isSmartRef__":true,"id":157},"eventHandler":{"__isSmartRef__":true,"id":162},"layout":{"__isSmartRef__":true,"id":163},"scriptAnnotations":{"__isSmartRef__":true,"id":164},"pages":[{"__isSmartRef__":true,"id":177},{"__isSmartRef__":true,"id":178},{"__isSmartRef__":true,"id":206},{"__isSmartRef__":true,"id":251},{"__isSmartRef__":true,"id":269},{"__isSmartRef__":true,"id":287},{"__isSmartRef__":true,"id":300},{"__isSmartRef__":true,"id":336}],"isBeingDragged":false,"currentPage":{"__isSmartRef__":true,"id":177},"doitContext":{"__isSmartRef__":true,"id":0},"isCopyMorphRef":true,"morphRefId":1,"derivationIds":[692,"C693A569-6EE1-42BA-9420-F4461BD743CD","F476FC4D-FEC8-4465-97B6-A078FD700D0F","E0D10F69-4DF2-4A41-9B01-87CBE7153EAD"],"_ClipMode":"visible","__serializedExpressions__":["distanceToDragEvent","_Position"],"_Rotation":0,"_Scale":1.01,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":350},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","distanceToDragEvent":"lively.pt(426.0,32.0)","_Position":"lively.pt(0.0,0.0)"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2},{"__isSmartRef__":true,"id":18},{"__isSmartRef__":true,"id":34},{"__isSmartRef__":true,"id":50},{"__isSmartRef__":true,"id":67},{"__isSmartRef__":true,"id":83}],"scripts":[],"id":"975B045A-3E0A-4EF2-A7AB-B6858C544755","shape":{"__isSmartRef__":true,"id":89},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"HBox3","partsBinMetaInfo":{"__isSmartRef__":true,"id":90},"layout":{"__isSmartRef__":true,"id":91},"eventHandler":{"__isSmartRef__":true,"id":93},"isBeingDragged":false,"isInLayoutCycle":false,"staysOnPage":true,"scriptAnnotations":{"__isSmartRef__":true,"id":94},"owner":{"__isSmartRef__":true,"id":0},"derivationIds":[693,"EC48635E-961B-4358-AFB9-494EF42F315C","6D265317-2E11-465A-AC75-C97709583FDF","FB7D6927-055E-45D8-B249-D0593B9FF70A"],"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"_Rotation":0,"_Scale":0.998001000000002,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":96},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(86.7,474.1)","distanceToDragEvent":"lively.pt(322.4,-14.8)"},"2":{"submorphs":[{"__isSmartRef__":true,"id":3}],"scripts":[],"id":"1843BC91-7FA6-4868-8D31-C33747A05618","shape":{"__isSmartRef__":true,"id":8},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":3},"name":"Button1","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":9},"attributeConnections":[{"__isSmartRef__":true,"id":10}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"eventHandler":{"__isSmartRef__":true,"id":11},"staysOnPage":true,"owner":{"__isSmartRef__":true,"id":1},"isBeingDragged":false,"scriptAnnotations":{"__isSmartRef__":true,"id":12},"derivationIds":[694,"043C9F2D-2D5B-4C0E-9E31-1F8181D39586","E60FBEAE-784A-4C8D-8EBE-5771078E6512","2D9C132C-C80C-4E90-8BF5-E5DC4488AD60"],"_ClipMode":"visible","isPressed":false,"_StyleClassNames":["Morph","Button"],"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"_Rotation":0,"_Scale":0.996005996001,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":14},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(10.0,10.0)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(54.9,-11.0)"},"3":{"submorphs":[],"scripts":[],"id":"55716B60-FCFE-4647-84EF-495A9755847A","shape":{"__isSmartRef__":true,"id":4},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":69,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":2},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":5}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":7},"_HandStyle":"default","_PointerEvents":"none","_MinTextWidth":69,"_MinTextHeight":null,"derivationIds":[695,"222523FB-67CF-4BC9-AF98-B47CDB935389","DDC3F8FD-1B62-413E-94C4-7AD92D936DCA","FE960096-2E38-4A19-A6B1-CE72F8E25C48"],"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"4":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,3,0,0)"},"5":{"style":{"__isSmartRef__":true,"id":6},"chunkOwner":{"__isSmartRef__":true,"id":3},"storedString":"<","_id":"_12096","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"6":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"7":{"morph":{"__isSmartRef__":true,"id":3},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"8":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(214,214,214)","_Padding":"lively.rect(0,0,0,0)"},"9":{"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"},"10":{"sourceObj":{"__isSmartRef__":true,"id":2},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":2},"targetMethodName":"onClick","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"11":{"morph":{"__isSmartRef__":true,"id":2},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"12":{"onClick":{"__isSmartRef__":true,"id":13}},"13":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:14:04 GMT-0700 (PDT)\")"},"14":{"onClick":{"__isSmartRef__":true,"id":15}},"15":{"varMapping":{"__isSmartRef__":true,"id":16},"source":"function onClick() {\n    this.owner.owner.previousPage();\n    this.owner.updatePageNumber();\n}","funcProperties":{"__isSmartRef__":true,"id":17},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"16":{"this":{"__isSmartRef__":true,"id":2}},"17":{},"18":{"submorphs":[{"__isSmartRef__":true,"id":19}],"scripts":[],"id":"3FE5A5E9-1311-42E9-BFE6-C065D8B16FFE","shape":{"__isSmartRef__":true,"id":24},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":19},"name":"Button2","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":25},"attributeConnections":[{"__isSmartRef__":true,"id":26}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"eventHandler":{"__isSmartRef__":true,"id":27},"staysOnPage":true,"owner":{"__isSmartRef__":true,"id":1},"scriptAnnotations":{"__isSmartRef__":true,"id":28},"derivationIds":[696,"48FFC2A0-EC47-41CF-B9C8-8E207E574801","88AAFABA-4A3E-40A8-BE87-72EF53D0DABB","0DD7003D-95FB-4DD1-BCB5-29DD8A35A736"],"_ClipMode":"visible","isPressed":false,"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"_Rotation":0,"_Scale":0.996005996001,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":30},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(94.0,10.0)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(54.9,-11.0)"},"19":{"submorphs":[],"scripts":[],"id":"DBD11260-9549-4038-88C2-C42BEBC550E4","shape":{"__isSmartRef__":true,"id":20},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":69,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":18},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":21}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":23},"_HandStyle":"default","_PointerEvents":"none","_MinTextWidth":69,"_MinTextHeight":null,"derivationIds":[697,"FD72972C-EC66-4BB7-8AAC-13722EB5B4FC","6E75E98C-E2D6-4B3C-82C0-5092C2F59D9D","47217731-54EE-4B9C-8B98-053CAD2737AD"],"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"20":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"21":{"style":{"__isSmartRef__":true,"id":22},"chunkOwner":{"__isSmartRef__":true,"id":19},"storedString":"start","_id":"_12097","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"22":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"23":{"morph":{"__isSmartRef__":true,"id":19},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"24":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(214,214,214)","_Padding":"lively.rect(0,0,0,0)"},"25":{"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"},"26":{"sourceObj":{"__isSmartRef__":true,"id":18},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":18},"targetMethodName":"onClick","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"27":{"morph":{"__isSmartRef__":true,"id":18},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"28":{"onClick":{"__isSmartRef__":true,"id":29}},"29":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:19:02 GMT-0700 (PDT)\")"},"30":{"onClick":{"__isSmartRef__":true,"id":31}},"31":{"varMapping":{"__isSmartRef__":true,"id":32},"source":"function onClick() {\n    this.owner.owner.start();\n    this.owner.updatePageNumber();\n}","funcProperties":{"__isSmartRef__":true,"id":33},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"32":{"this":{"__isSmartRef__":true,"id":18}},"33":{},"34":{"submorphs":[{"__isSmartRef__":true,"id":35}],"scripts":[],"id":"2774499B-6A5A-4C85-A624-4F503C72971F","shape":{"__isSmartRef__":true,"id":40},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":35},"name":"Button","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":41},"attributeConnections":[{"__isSmartRef__":true,"id":42}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"eventHandler":{"__isSmartRef__":true,"id":43},"owner":{"__isSmartRef__":true,"id":1},"staysOnPage":true,"scriptAnnotations":{"__isSmartRef__":true,"id":44},"derivationIds":[698,"4BDC35CB-AA67-4A29-9473-64D072AC431C","666A1BC7-0D8E-466A-94BD-422D32913072","F62E723F-7F14-4F00-AC61-43C73F31091E"],"_ClipMode":"visible","isPressed":false,"_StyleClassNames":["Morph","Button"],"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"_Rotation":0,"_Scale":0.996005996001,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":46},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(397.0,10.0)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(54.9,-11.0)"},"35":{"submorphs":[],"scripts":[],"id":"2BB7660E-A692-42F9-A8FF-2FBE16CAACAB","shape":{"__isSmartRef__":true,"id":36},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":69,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":34},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":37}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":39},"_HandStyle":"default","_PointerEvents":"none","_MinTextWidth":69,"_MinTextHeight":null,"derivationIds":[699,"6B98BE08-88DE-4B71-82A5-24BD1CFCD368","11A5DC55-8F83-4868-89CE-91A7211F3AD4","3F5BA4C9-4F22-4D58-9078-5724424B3133"],"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"36":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,3,0,0)"},"37":{"style":{"__isSmartRef__":true,"id":38},"chunkOwner":{"__isSmartRef__":true,"id":35},"storedString":">","_id":"_12098","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"38":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"39":{"morph":{"__isSmartRef__":true,"id":35},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"40":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(214,214,214)","_Padding":"lively.rect(0,0,0,0)"},"41":{"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"},"42":{"sourceObj":{"__isSmartRef__":true,"id":34},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":34},"targetMethodName":"onClick","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"43":{"morph":{"__isSmartRef__":true,"id":34},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"44":{"onClick":{"__isSmartRef__":true,"id":45}},"45":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:14:21 GMT-0700 (PDT)\")"},"46":{"onClick":{"__isSmartRef__":true,"id":47}},"47":{"varMapping":{"__isSmartRef__":true,"id":48},"source":"function onClick() {\n    this.owner.owner.nextPage();\n    this.owner.updatePageNumber();\n}","funcProperties":{"__isSmartRef__":true,"id":49},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"48":{"this":{"__isSmartRef__":true,"id":34}},"49":{},"50":{"submorphs":[{"__isSmartRef__":true,"id":51}],"scripts":[],"id":"01433EBE-BFF7-4B6E-903B-02C0ED4522CC","shape":{"__isSmartRef__":true,"id":56},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":51},"name":"Button3","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":57},"attributeConnections":[{"__isSmartRef__":true,"id":58}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"eventHandler":{"__isSmartRef__":true,"id":59},"staysOnPage":true,"owner":{"__isSmartRef__":true,"id":1},"scriptAnnotations":{"__isSmartRef__":true,"id":60},"derivationIds":[700,"DEBBA2BB-8853-460D-AF82-8D4491437D70","FF19ED34-2426-4727-983C-3B450080E8E7","EFCE5BA6-BB1D-4E0E-A343-EC635D52D6C5"],"_ClipMode":"visible","isPressed":false,"_StyleClassNames":["Morph","Button"],"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9900448802097483,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":63},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(313.0,10.0)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(54.9,-11.0)"},"51":{"submorphs":[],"scripts":[],"id":"4A8D4D0C-8293-42E5-AE71-FB2E476FA967","shape":{"__isSmartRef__":true,"id":52},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":69,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":50},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":53}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":55},"_HandStyle":"default","_PointerEvents":"none","_MinTextWidth":69,"_MinTextHeight":null,"derivationIds":[701,"0C0C65C5-10C6-48B0-8B66-7E6C72355BEA","B2AEB341-B992-4C37-B8F1-AB7ECCE537FC","80F3B092-ED31-4123-83BF-41E37DCC9660"],"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"52":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,3,0,0)"},"53":{"style":{"__isSmartRef__":true,"id":54},"chunkOwner":{"__isSmartRef__":true,"id":51},"storedString":"clear","_id":"_12099","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"54":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"55":{"morph":{"__isSmartRef__":true,"id":51},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"56":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(214,214,214)","_Padding":"lively.rect(0,0,0,0)"},"57":{"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"},"58":{"sourceObj":{"__isSmartRef__":true,"id":50},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":50},"targetMethodName":"onClick","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"59":{"morph":{"__isSmartRef__":true,"id":50},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"60":{"fire":{"__isSmartRef__":true,"id":61},"onClick":{"__isSmartRef__":true,"id":62}},"61":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:09:08 GMT-0700 (PDT)\")"},"62":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:09:35 GMT-0700 (PDT)\")"},"63":{"onClick":{"__isSmartRef__":true,"id":64}},"64":{"varMapping":{"__isSmartRef__":true,"id":65},"source":"function onClick() {\n    this.owner.owner.clearPage();\n}","funcProperties":{"__isSmartRef__":true,"id":66},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"65":{"this":{"__isSmartRef__":true,"id":50}},"66":{},"67":{"submorphs":[{"__isSmartRef__":true,"id":68}],"scripts":[],"id":"70F6B939-B405-4ECE-AC4E-8AA50BD0F0DE","shape":{"__isSmartRef__":true,"id":73},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":false,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":68},"name":"Button4","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":74},"attributeConnections":[{"__isSmartRef__":true,"id":75}],"doNotSerialize":["$$fire"],"doNotCopyProperties":["$$fire"],"eventHandler":{"__isSmartRef__":true,"id":76},"staysOnPage":true,"owner":{"__isSmartRef__":true,"id":1},"scriptAnnotations":{"__isSmartRef__":true,"id":77},"derivationIds":[702,"3089261E-665C-46D1-A1E8-BE379EAF4252","BB8AFBF0-2CFE-4119-829C-D8721CF4CA81","19689A0D-3C40-46CF-A93C-817AE2B7FF22"],"_ClipMode":"visible","isPressed":false,"_StyleClassNames":["Morph","Button"],"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9900448802097483,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":79},"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(178.0,10.0)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(54.9,-11.0)"},"68":{"submorphs":[],"scripts":[],"id":"DAA2BC05-9492-4E09-8EF0-B351CF1DCDC4","shape":{"__isSmartRef__":true,"id":69},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":69,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":67},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":70}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":72},"_HandStyle":"default","_PointerEvents":"none","_MinTextWidth":69,"_MinTextHeight":null,"derivationIds":[703,"33FE1517-E4A6-4DDA-B5B7-9AC5470FFE66","B4E5DCCC-642A-4A5C-A035-AC771DD1A0E5","94587CA8-3282-489F-AD4C-9E333413A720"],"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"69":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,3,0,0)"},"70":{"style":{"__isSmartRef__":true,"id":71},"chunkOwner":{"__isSmartRef__":true,"id":68},"storedString":"save as:","_id":"_12100","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"71":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"72":{"morph":{"__isSmartRef__":true,"id":68},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"73":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"_Fill":null,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(69.0,23.0)","_BorderColor":"Color.rgb(214,214,214)","_Padding":"lively.rect(0,0,0,0)"},"74":{"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"},"75":{"sourceObj":{"__isSmartRef__":true,"id":67},"sourceAttrName":"fire","targetObj":{"__isSmartRef__":true,"id":67},"targetMethodName":"onClick","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"76":{"morph":{"__isSmartRef__":true,"id":67},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"77":{"onClick":{"__isSmartRef__":true,"id":78}},"78":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:15:53 GMT-0700 (PDT)\")"},"79":{"onClick":{"__isSmartRef__":true,"id":80}},"80":{"varMapping":{"__isSmartRef__":true,"id":81},"source":"function onClick() {\n    this.owner.owner.savePageAs(this.get('pageNumber').textString);\n}","funcProperties":{"__isSmartRef__":true,"id":82},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"81":{"this":{"__isSmartRef__":true,"id":67}},"82":{},"83":{"submorphs":[],"scripts":[],"id":"465F70EC-D32B-4BC9-B131-987E60C9C2AC","shape":{"__isSmartRef__":true,"id":84},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":36,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"pageNumber","partsBinMetaInfo":{"__isSmartRef__":true,"id":85},"textChunks":[{"__isSmartRef__":true,"id":86}],"charsReplaced":"6","lastFindLoc":1,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":88},"owner":{"__isSmartRef__":true,"id":1},"_MinTextWidth":36,"_MinTextHeight":null,"isBeingDragged":false,"lastDragTime":1316561040346,"_WhiteSpaceHandling":"pre-wrap","_ClipMode":"visible","derivationIds":[704,"5643AE78-D470-473C-9889-ABC9B4E01A85","06C7489C-B5ED-4D7A-9BAC-82DBA70AD214","3911FEE6-B0CB-45CC-8E8D-EFE0ECECC118"],"__serializedExpressions__":["_Position","textColor","_Padding"],"_Rotation":0,"_Scale":0.9960059960010001,"priorSelectionRange":[1,1],"_Align":"center","__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(262.0,10.0)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"84":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(36.0,22.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"85":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"86":{"style":{"__isSmartRef__":true,"id":87},"chunkOwner":{"__isSmartRef__":true,"id":83},"_id":"_433","storedString":"0","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"87":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"88":{"morph":{"__isSmartRef__":true,"id":83},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"89":{"_BorderWidth":1,"_BorderRadius":6.660000000000001,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(476.0,43.0)","_BorderColor":"Color.rgb(255,255,255)","_Fill":"Color.rgb(255,249,208)","_Padding":"lively.rect(0,0,0,0)"},"90":{"partsSpaceName":"PartsBin/Layout/","comment":"A simple box morph","migrationLevel":2,"partName":"HBox","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"91":{"layouter":{"__isSmartRef__":true,"id":92}},"92":{"defaultBorderSize":10,"defaultSpacing":15,"borderSize":10,"spacing":15,"container":{"__isSmartRef__":true,"id":1},"__LivelyClassName__":"lively.morphic.Layout.HorizontalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"93":{"morph":{"__isSmartRef__":true,"id":1},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"94":{"updatePageNumber":{"__isSmartRef__":true,"id":95}},"95":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 16:15:16 GMT-0700 (PDT)\")"},"96":{"updatePageNumber":{"__isSmartRef__":true,"id":97}},"97":{"varMapping":{"__isSmartRef__":true,"id":98},"source":"function updatePageNumber() {\n    var pageNumber = this.owner.currentPage.pageNumber;\n    this.get('pageNumber').textString = pageNumber ? pageNumber : '0';\n}","funcProperties":{"__isSmartRef__":true,"id":99},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"98":{"this":{"__isSmartRef__":true,"id":1}},"99":{},"100":{"submorphs":[],"scripts":[],"id":"151127B0-6A9F-4BE5-ADEE-E42747F98641","shape":{"__isSmartRef__":true,"id":101},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":584,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":20,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":102},"textChunks":[{"__isSmartRef__":true,"id":103}],"charsReplaced":"some text ","lastFindLoc":10,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":105},"_WhiteSpaceHandling":"pre-wrap","owner":{"__isSmartRef__":true,"id":0},"_MinTextWidth":584,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"_ClipMode":"visible","derivationIds":[705,"C57C44C4-3A12-48EF-BF0C-790F51AB5332","29A5BA8A-1318-4017-9125-B5018AA1B596","E9B5BEF3-197C-408C-B921-41142D29086F"],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(36.7,17.9)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(386.5,-15.8)"},"101":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(584.0,62.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"102":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"103":{"style":{"__isSmartRef__":true,"id":104},"morph":{"__isSmartRef__":true,"id":100},"chunkOwner":{"__isSmartRef__":true,"id":100},"storedString":"Morphs: Direct Composition and Manipulation","_id":"_12102","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"104":{"italics":"normal","fontWeight":"bold","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"105":{"morph":{"__isSmartRef__":true,"id":100},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"106":{"submorphs":[],"scripts":[],"id":"15763D29-127D-4337-9797-B751C76E96CE","shape":{"__isSmartRef__":true,"id":107},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":593,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":108},"textChunks":[{"__isSmartRef__":true,"id":109}],"charsReplaced":"around","lastFindLoc":129,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":111},"_WhiteSpaceHandling":"pre-wrap","owner":{"__isSmartRef__":true,"id":0},"_MinTextWidth":593,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"_ClipMode":"visible","derivationIds":[706,"EF157932-C772-4B68-816D-667792848F49","61269E1C-8A4E-4B45-9903-4CB4E144E034","01B6DCC2-6FA8-4893-B3C9-C92FEC7A63ED"],"previousSelection":[82,82],"priorSelectionRange":[104,104],"__serializedExpressions__":["_Position","textColor","_Padding"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(29.8,87.3)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"107":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(593.0,66.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"108":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"109":{"style":{"__isSmartRef__":true,"id":110},"morph":{"__isSmartRef__":true,"id":106},"chunkOwner":{"__isSmartRef__":true,"id":106},"storedString":"Lively interfaces are build out of morphs.  You can see some basic morphs below.  They react on clicks.  To grab these morphs click on them, hold this click and move the cursor. ","_id":"_12103","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"110":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"111":{"morph":{"__isSmartRef__":true,"id":106},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"112":{"submorphs":[],"scripts":[],"id":"063C79C1-A595-401F-88B3-3FA2998A6175","shape":{"__isSmartRef__":true,"id":113},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":617,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text4","partsBinMetaInfo":{"__isSmartRef__":true,"id":114},"textChunks":[{"__isSmartRef__":true,"id":115}],"charsReplaced":"Lively interfaces are build out of morphs. You can see some basic morphs below.","lastFindLoc":79,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":117},"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":617,"_MinTextHeight":null,"previousSelection":[0,80],"owner":{"__isSmartRef__":true,"id":0},"doitContext":{"__isSmartRef__":true,"id":0},"_ClipMode":"visible","derivationIds":[707,"57F66224-58B3-4487-9EB4-A10B963471C5","3768862A-E4B5-4AB0-97DF-06BE8F0C95BC","ECC759FD-E9F2-4388-85E6-3AF5F7E8C1BB"],"priorSelectionRange":[0,80],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9860906369990009,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(20.0,320.0)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(409.7,-14.0)"},"113":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(617.0,44.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"114":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"115":{"style":{"__isSmartRef__":true,"id":116},"morph":{"__isSmartRef__":true,"id":112},"chunkOwner":{"__isSmartRef__":true,"id":112},"storedString":"These morphs are primitive.  That is, they are not composed out of other morphs. ","_id":"_12104","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"116":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"117":{"morph":{"__isSmartRef__":true,"id":112},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"118":{"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":119},"id":"4EA562D2-42D5-4335-841C-3C563750E72D","eventHandler":{"__isSmartRef__":true,"id":122},"droppingEnabled":true,"halosEnabled":true,"isBeingDragged":false,"controlPoints":[{"__isSmartRef__":true,"id":123},{"__isSmartRef__":true,"id":124}],"showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":125},"name":"line","owner":{"__isSmartRef__":true,"id":0},"layout":{"__isSmartRef__":true,"id":126},"derivationIds":[708,"8D70A3EE-7224-40A1-B9E9-BBDD1DF61D48","4BA08113-66FD-4869-8971-9AC009DFCBC0","192E2C13-D939-4164-884D-212A67D3E09F"],"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","_Position":"lively.pt(350.2,193.4)","distanceToDragEvent":"lively.pt(59.2,-15.1)"},"119":{"dontChangeShape":false,"__serializedExpressions__":["cachedVertices.0","cachedVertices.1","_Padding","_Position","_Extent","_BorderColor","_Fill"],"cachedVertices":["lively.pt(0.0,0.0)","lively.pt(100.0,100.0)"],"_PathElements":[{"__isSmartRef__":true,"id":120},{"__isSmartRef__":true,"id":121}],"_ClipMode":"visible","_BorderWidth":2.6340000000000003,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes","_Padding":"lively.rect(0,0,0,0)","_Position":"lively.pt(-2.0,-2.0)","_Extent":"lively.pt(103.0,103.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(251,255,91)"},"120":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"121":{"isAbsolute":true,"x":100,"y":100,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"122":{"morph":{"__isSmartRef__":true,"id":118},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"123":{"morph":{"__isSmartRef__":true,"id":118},"index":0,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"124":{"morph":{"__isSmartRef__":true,"id":118},"index":1,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"125":{"requiredModules":[],"migrationLevel":4,"partsSpaceName":"PartsBin/Basic/","comment":"a line","partName":"line","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"126":{},"127":{"submorphs":[],"scripts":[],"id":"30736877-4514-4F59-B89D-6AF3FD0DBDEC","shape":{"__isSmartRef__":true,"id":128},"droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"name":"Ellipse1","partsBinMetaInfo":{"__isSmartRef__":true,"id":129},"eventHandler":{"__isSmartRef__":true,"id":130},"layout":{"__isSmartRef__":true,"id":131},"owner":{"__isSmartRef__":true,"id":0},"isBeingDragged":false,"derivationIds":[709,"279B0AD6-D52C-4626-80E1-FFC0F3BE567A","FDE62A92-8AAB-42EF-B918-BA4F94CDAA59","CC3BA8C4-1ABA-4CE2-9591-2249BE8E2CB1"],"_ClipMode":"visible","__serializedExpressions__":["_Position"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(88.3,252.0)"},"128":{"_BorderWidth":3.85,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_Fill","_Position","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_Fill":"Color.rgb(251,255,91)","_Position":"lively.pt(-50.0,-50.0)","_BorderColor":"Color.rgb(66,66,66)","_Padding":"lively.rect(0,0,0,0)"},"129":{"partsSpaceName":"PartsBin/Basic/","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"130":{"morph":{"__isSmartRef__":true,"id":127},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"131":{},"132":{"submorphs":[],"scripts":[],"id":"5D06511F-AA1E-4719-89B1-8ACCB8CF112C","shape":{"__isSmartRef__":true,"id":133},"droppingEnabled":true,"halosEnabled":true,"eventHandler":{"__isSmartRef__":true,"id":138},"showsHalos":false,"controlPoints":[{"__isSmartRef__":true,"id":139},{"__isSmartRef__":true,"id":140},{"__isSmartRef__":true,"id":141},{"__isSmartRef__":true,"id":142}],"layout":{"__isSmartRef__":true,"id":143},"name":"Triangle1","partsBinMetaInfo":{"__isSmartRef__":true,"id":144},"owner":{"__isSmartRef__":true,"id":0},"isBeingDragged":false,"derivationIds":[710,"D681779E-4D24-442C-B6C2-EE8E594B0893","CA8F5E98-7A60-4B17-A74F-670ED7A5AE92","B61FC564-FD1E-4F70-9BBF-C72742EC7517"],"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","_Position":"lively.pt(498.0,202.4)","distanceToDragEvent":"lively.pt(68.3,-17.4)"},"133":{"dontChangeShape":false,"__serializedExpressions__":["cachedVertices.0","cachedVertices.1","cachedVertices.2","cachedVertices.3","_Position","_Extent","_Fill","_BorderColor","_Padding"],"cachedVertices":["lively.pt(0.0,0.0)","lively.pt(91.0,36.0)","lively.pt(13.0,84.0)","lively.pt(0.0,0.0)"],"_PathElements":[{"__isSmartRef__":true,"id":134},{"__isSmartRef__":true,"id":135},{"__isSmartRef__":true,"id":136},{"__isSmartRef__":true,"id":137}],"_BorderWidth":2.8160000000000003,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes","_Position":"lively.pt(-2.0,-2.0)","_Extent":"lively.pt(94.0,87.0)","_Fill":"Color.rgb(251,255,91)","_BorderColor":"Color.rgb(66,66,66)","_Padding":"lively.rect(0,0,0,0)"},"134":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"135":{"isAbsolute":true,"x":91,"y":36,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"136":{"isAbsolute":true,"x":13,"y":84,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"137":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"138":{"morph":{"__isSmartRef__":true,"id":132},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"139":{"morph":{"__isSmartRef__":true,"id":132},"index":0,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"140":{"morph":{"__isSmartRef__":true,"id":132},"index":1,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"141":{"morph":{"__isSmartRef__":true,"id":132},"index":2,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"142":{"morph":{"__isSmartRef__":true,"id":132},"index":3,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"143":{},"144":{"partName":"Triangle","requiredModules":[],"migrationLevel":2,"partsSpaceName":"PartsBin/Basic/","comment":"A triangle formed polygon.\nCreate other polygons out of it by dragging the round handles.","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"145":{"submorphs":[],"scripts":[],"id":"FB437D7B-F7DE-434B-A6D7-1A9141DA61A4","shape":{"__isSmartRef__":true,"id":146},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Rectangle1","partsBinMetaInfo":{"__isSmartRef__":true,"id":147},"eventHandler":{"__isSmartRef__":true,"id":148},"owner":{"__isSmartRef__":true,"id":0},"layout":{"__isSmartRef__":true,"id":149},"isBeingDragged":false,"derivationIds":[711,"BA9B1999-C5D5-43F9-B520-10598647C7E4","B27F3E64-D373-4EB1-8772-652B32CBB368","513C3F2D-1773-4285-B63C-89D025D78DF8"],"_ClipMode":"visible","__serializedExpressions__":["_Position"],"_Rotation":0,"_Scale":0.9940149800149939,"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(195.4,203.4)"},"146":{"_BorderWidth":3.518,"_ClipMode":"visible","_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(251,255,91)","_Padding":"lively.rect(0,0,0,0)"},"147":{"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":2,"partName":"Rectangle","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"148":{"morph":{"__isSmartRef__":true,"id":145},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"149":{},"150":{"submorphs":[],"scripts":[],"id":"6A613AF1-504F-4192-9B68-924796A5A4C5","shape":{"__isSmartRef__":true,"id":151},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":617,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text5","partsBinMetaInfo":{"__isSmartRef__":true,"id":152},"textChunks":[{"__isSmartRef__":true,"id":153}],"charsReplaced":"These morphs are primitive. That is, they are not composed out of other morphs. ","lastFindLoc":80,"priorSelectionRange":[18,18],"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":155},"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":617,"_MinTextHeight":null,"previousSelection":[49,50],"_ClipMode":"visible","derivationIds":[707,"57F66224-58B3-4487-9EB4-A10B963471C5","BA0CA892-5DE3-44F3-9BD1-2675E268482D","AD5D8B4E-41B1-4BCE-8A66-99FBC70880BE","2B0E1367-1218-44E7-9462-4B1FA6D6E683"],"owner":{"__isSmartRef__":true,"id":0},"doitContext":{"__isSmartRef__":true,"id":0},"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"_Rotation":0,"_Scale":0.972374744377095,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(20.0,410.0)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(405.8,-12.5)"},"151":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(617.0,44.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"152":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"153":{"style":{"__isSmartRef__":true,"id":154},"morph":{"__isSmartRef__":true,"id":150},"chunkOwner":{"__isSmartRef__":true,"id":150},"storedString":"Use the '<' and '>' buttons below to navigate between pages in this tutorial.","_id":"_12105","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"154":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"155":{"morph":{"__isSmartRef__":true,"id":150},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"156":{"_BorderWidth":0,"_ClipMode":"visible","_BorderRadius":3.7000000000000006,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(640.0,480.0)","_BorderColor":"Color.rgb(255,255,255)","_Fill":"Color.rgb(255,248,210)","_Padding":"lively.rect(0,0,0,0)"},"157":{"partsSpaceName":"PartsBin/Documentation/","comment":"ElProfesor is an interactive tutorial inspired by Stephane Ducasse's ProfStef \nthat's available in Pharo. ","migrationLevel":8,"partName":"ElProfesorOnMorphs","changes":[{"__isSmartRef__":true,"id":158},{"__isSmartRef__":true,"id":159},{"__isSmartRef__":true,"id":160},{"__isSmartRef__":true,"id":161}],"__serializedExpressions__":["lastModifiedDate"],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Fri Aug 09 2013 13:34:38 GMT-0700 (PDT)\")"},"158":{"author":"TedKaehler","message":"added page that says The End.  Centered the control buttons.","id":"D5410119-D6F1-452F-A370-4FBD1AEAAC06","__serializedExpressions__":["date"],"date":"new Date(\"Fri Aug 09 2013 13:34:40 GMT-0700 (PDT)\")"},"159":{"author":"fbo","message":"","id":"E064C19E-4773-4320-A1AF-63B6A172867A","__serializedExpressions__":["date"],"date":"new Date(\"Wed Feb 15 2012 17:30:36 GMT-0800 (PST)\")"},"160":{"author":"TedTest1","message":"Changed right-click to Cmd-click.  Other minor changes.","id":"2FC91DBC-7A3A-4471-91F9-D175C9C5D64F","__serializedExpressions__":["date"],"date":"new Date(\"Mon Aug 12 2013 15:07:50 GMT-0700 (PDT)\")"},"161":{"__serializedExpressions__":["date"],"author":"robertkrahn","message":"Styling","id":"982AF461-4C46-45FF-A8BD-758714036DD7","date":"new Date(\"Sat Jun 28 2014 20:26:08 GMT-0700 (PDT)\")"},"162":{"morph":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"163":{},"164":{"start":{"__isSmartRef__":true,"id":165},"showPage":{"__isSmartRef__":true,"id":166},"savePage":{"__isSmartRef__":true,"id":167},"getPage":{"__isSmartRef__":true,"id":168},"clearPage":{"__isSmartRef__":true,"id":169},"nextPage":{"__isSmartRef__":true,"id":170},"sortPages":{"__isSmartRef__":true,"id":171},"showPageByNumber":{"__isSmartRef__":true,"id":172},"savePageAs":{"__isSmartRef__":true,"id":173},"previousPage":{"__isSmartRef__":true,"id":174},"addMorph":{"__isSmartRef__":true,"id":175},"savePageAtTheEnd":{"__isSmartRef__":true,"id":176}},"165":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:57:26 GMT-0700 (PDT)\")"},"166":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:47:55 GMT-0700 (PDT)\")"},"167":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:22:27 GMT-0700 (PDT)\")"},"168":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:30:54 GMT-0700 (PDT)\")"},"169":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Tue Sep 20 2011 15:57:04 GMT-0700 (PDT)\")"},"170":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:53:46 GMT-0700 (PDT)\")"},"171":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:35:27 GMT-0700 (PDT)\")"},"172":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 13:49:15 GMT-0700 (PDT)\")"},"173":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 15:13:41 GMT-0700 (PDT)\")"},"174":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 14:18:45 GMT-0700 (PDT)\")"},"175":{"user":"fbo","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 14:39:56 GMT-0700 (PDT)\")"},"176":{"user":"lauritz","__serializedExpressions__":["time"],"time":"new Date(\"Fri Sep 16 2011 16:09:03 GMT-0700 (PDT)\")"},"177":{"pageNumber":"0","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":100},{"__isSmartRef__":true,"id":106},{"__isSmartRef__":true,"id":112},{"__isSmartRef__":true,"id":118},{"__isSmartRef__":true,"id":127},{"__isSmartRef__":true,"id":132},{"__isSmartRef__":true,"id":145},{"__isSmartRef__":true,"id":150}]},"178":{"pageNumber":"1","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":179},{"__isSmartRef__":true,"id":185},{"__isSmartRef__":true,"id":190},{"__isSmartRef__":true,"id":195},{"__isSmartRef__":true,"id":200}]},"179":{"submorphs":[],"scripts":[],"id":3756,"shape":{"__isSmartRef__":true,"id":180},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":593,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":181},"textChunks":[{"__isSmartRef__":true,"id":182}],"charsReplaced":"","lastFindLoc":129,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":184},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":593,"_MinTextHeight":null,"_Rotation":0,"_Scale":0.9940149800149939,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[25,25],"_ClipMode":"visible","priorSelectionRange":[130,130],"__serializedExpressions__":["_Position","textColor","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(18.8,18.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"180":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(593.0,48.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"181":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"182":{"style":{"__isSmartRef__":true,"id":183},"morph":{"__isSmartRef__":true,"id":179},"chunkOwner":{"__isSmartRef__":true,"id":179},"storedString":"Morphs can be composed.  If you grab a morph, it is attached to your cursor, shows a drop shadow, and can be put on other morphs.  Try!","_id":"_12106","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"183":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"184":{"morph":{"__isSmartRef__":true,"id":179},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"185":{"submorphs":[],"scripts":[],"id":4192,"shape":{"__isSmartRef__":true,"id":186},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Rectangle","partsBinMetaInfo":{"__isSmartRef__":true,"id":187},"eventHandler":{"__isSmartRef__":true,"id":188},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":189},"owner":null,"isBeingDragged":false,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position"],"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(41.7,94.2)"},"186":{"_BorderWidth":1,"_BorderRadius":35.900000000000006,"_Opacity":0.5261,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(155.0,140.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(121,121,121)","_Padding":"lively.rect(0,0,0,0)"},"187":{"partsSpaceName":"PartsBin/Sandbox/","comment":"A simple box morph. A really green one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"GreenRectangle","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"188":{"morph":{"__isSmartRef__":true,"id":185},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"189":{},"190":{"submorphs":[],"scripts":[],"id":4304,"shape":{"__isSmartRef__":true,"id":191},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Rectangle2","partsBinMetaInfo":{"__isSmartRef__":true,"id":192},"eventHandler":{"__isSmartRef__":true,"id":193},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":194},"isBeingDragged":false,"owner":null,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position"],"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(480.1,219.2)"},"191":{"_BorderWidth":1,"_BorderRadius":35.900000000000006,"_Opacity":0.5261,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(121,121,121)","_Padding":"lively.rect(0,0,0,0)"},"192":{"partsSpaceName":"PartsBin/Sandbox/","comment":"A simple box morph. A really green one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"GreenRectangle","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"193":{"morph":{"__isSmartRef__":true,"id":190},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"194":{},"195":{"submorphs":[],"scripts":[],"id":4301,"shape":{"__isSmartRef__":true,"id":196},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Rectangle1","partsBinMetaInfo":{"__isSmartRef__":true,"id":197},"eventHandler":{"__isSmartRef__":true,"id":198},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":199},"isBeingDragged":false,"owner":null,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position"],"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(265.9,143.8)"},"196":{"_BorderWidth":1,"_BorderRadius":35.900000000000006,"_Opacity":0.5261,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(143.0,131.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(121,121,121)","_Padding":"lively.rect(0,0,0,0)"},"197":{"partsSpaceName":"PartsBin/Sandbox/","comment":"A simple box morph. A really green one. Its amazing what you can build out of simple boxes.... Who needs stars when you got blue rectangles!","migrationLevel":4,"partName":"GreenRectangle","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"198":{"morph":{"__isSmartRef__":true,"id":195},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"199":{},"200":{"submorphs":[],"scripts":[],"id":4504,"shape":{"__isSmartRef__":true,"id":201},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":593,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":202},"textChunks":[{"__isSmartRef__":true,"id":203}],"charsReplaced":"put them on top of each other","lastFindLoc":65,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":205},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":593,"_MinTextHeight":null,"previousSelection":[85,85],"owner":null,"_Rotation":0,"_Scale":0.9860906369990009,"doitContext":{"__isSmartRef__":true,"id":0},"_ClipMode":"visible","priorSelectionRange":[131,131],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(24.8,390.9)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(401.2,2.6)"},"201":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(593.0,72.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"202":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"203":{"style":{"__isSmartRef__":true,"id":204},"morph":{"__isSmartRef__":true,"id":200},"chunkOwner":{"__isSmartRef__":true,"id":200},"storedString":"If you grab one of them and release it on top of another morph, both are connected.  The lower morph holds the morph just dropped.  If you now grab the lower morph, you move both morphs.","_id":"_12107","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"204":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"205":{"morph":{"__isSmartRef__":true,"id":200},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"206":{"pageNumber":"2","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":207},{"__isSmartRef__":true,"id":213},{"__isSmartRef__":true,"id":222},{"__isSmartRef__":true,"id":229},{"__isSmartRef__":true,"id":238},{"__isSmartRef__":true,"id":246}]},"207":{"submorphs":[],"scripts":[],"id":155,"shape":{"__isSmartRef__":true,"id":208},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":601,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":209},"textChunks":[{"__isSmartRef__":true,"id":210}],"charsReplaced":"y","lastFindLoc":279,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":212},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":601,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[280,280],"_Rotation":0,"_Scale":0.9940149800149939,"isBeingDragged":false,"_ClipMode":"visible","priorSelectionRange":[301,301],"__serializedExpressions__":["_Position","textColor","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(8.9,24.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"208":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(601.0,168.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"209":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"210":{"style":{"__isSmartRef__":true,"id":211},"chunkOwner":{"__isSmartRef__":true,"id":207},"storedString":"This direct composition lets you create interactive user interfaces. \n\nNote that some of these Morphic widgets react to mouse clicks differently. You can open a halo on any morph by Cmd-clicking on it.\nYou will see the morph's halo, which surrounds the object with handles.  These allow manipulation.  Use \"G\" for grabbing to drop all input fields on top of the gray pane below.","_id":"_12108","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"211":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"212":{"morph":{"__isSmartRef__":true,"id":207},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"213":{"submorphs":[{"__isSmartRef__":true,"id":214}],"scripts":[],"id":374,"shape":{"__isSmartRef__":true,"id":219},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"registeredForMouseEvents":true,"value":true,"toggle":false,"isActive":true,"label":{"__isSmartRef__":true,"id":214},"name":"Button5","showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":220},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"eventHandler":{"__isSmartRef__":true,"id":221},"owner":null,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","isPressed":false,"__serializedExpressions__":["_Position","normalFill","lighterFill","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Button","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(49.6,230.2)","normalFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(245,245,245),\n    offset: 0\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.4\n  },{\n    color: Color.rgb(209,209,209),\n    offset: 0.6\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","lighterFill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","distanceToDragEvent":"lively.pt(75.3,-10.9)"},"214":{"submorphs":[],"scripts":[],"id":375,"shape":{"__isSmartRef__":true,"id":215},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"_WhiteSpaceHandling":"pre-wrap","fixedHeight":true,"allowInput":false,"_FontFamily":"Helvetica","registeredForMouseEvents":true,"_MaxTextWidth":101,"_MaxTextHeight":null,"textStyle":null,"owner":{"__isSmartRef__":true,"id":213},"isLabel":true,"eventsAreIgnored":true,"_ClipMode":"hidden","textChunks":[{"__isSmartRef__":true,"id":216}],"_Align":"center","eventHandler":{"__isSmartRef__":true,"id":218},"_HandStyle":"default","_PointerEvents":"none","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_MinTextWidth":101,"_MinTextHeight":null,"__serializedExpressions__":["_Position","padding","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(0.0,0.0)","padding":"lively.rect(5,5,0,0)","_Padding":"lively.rect(0,0,0,0)"},"215":{"_BorderWidth":0,"_Fill":null,"_ClipMode":"hidden","__serializedExpressions__":["position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(101.0,21.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"216":{"style":{"__isSmartRef__":true,"id":217},"chunkOwner":{"__isSmartRef__":true,"id":214},"storedString":"button","_id":"_12109","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"217":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"218":{"morph":{"__isSmartRef__":true,"id":214},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"219":{"_BorderWidth":1.1840000000000002,"_BorderRadius":5.2,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(101.0,21.0)","_BorderColor":"Color.rgb(214,214,214)","_Fill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(250,250,250),\n    offset: 0\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.4\n  },{\n    color: Color.rgb(232,232,232),\n    offset: 0.6\n  },{\n    color: Color.rgb(248,248,248),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","_Padding":"lively.rect(0,0,0,0)"},"220":{"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"},"221":{"morph":{"__isSmartRef__":true,"id":213},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"222":{"submorphs":[],"scripts":[],"id":379,"shape":{"__isSmartRef__":true,"id":223},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":78,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":11,"name":"InputField","partsBinMetaInfo":{"__isSmartRef__":true,"id":224},"textChunks":[{"__isSmartRef__":true,"id":225}],"charsReplaced":"s","lastFindLoc":6,"priorSelectionRange":[6,6],"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":227},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"layout":{"__isSmartRef__":true,"id":228},"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":78,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[0,0],"_Rotation":0,"_Scale":0.9960059960009999,"_ClipMode":"visible","__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(62.5,264.9)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(56.5,-18.6)"},"223":{"fill":null,"_BorderWidth":1,"_BorderRadius":5,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(80.0,21.0)","_BorderColor":"Color.rgb(169,169,169)","_Padding":"lively.rect(0,0,0,0)"},"224":{"partsSpaceName":"PartsBin/Inputs/","migrationLevel":4,"comment":"A simple (single line) text field to input values into.","partName":"InputField","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"225":{"style":{"__isSmartRef__":true,"id":226},"morph":{"__isSmartRef__":true,"id":222},"chunkOwner":{"__isSmartRef__":true,"id":222},"storedString":"some text","_id":"_12110","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"226":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"227":{"morph":{"__isSmartRef__":true,"id":222},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"228":{},"229":{"submorphs":[{"__isSmartRef__":true,"id":230}],"scripts":[],"id":553,"shape":{"__isSmartRef__":true,"id":233},"droppingEnabled":true,"halosEnabled":true,"attributeConnections":[{"__isSmartRef__":true,"id":234}],"doNotSerialize":["$$value"],"doNotCopyProperties":["$$value"],"sliderExtent":0.1,"valueScale":1,"sliderKnob":{"__isSmartRef__":true,"id":230},"styleClass":["slider_background_horizontal"],"showsHalos":false,"name":"Slider","partsBinMetaInfo":{"__isSmartRef__":true,"id":235},"eventHandler":{"__isSmartRef__":true,"id":236},"layout":{"__isSmartRef__":true,"id":237},"owner":null,"isBeingDragged":false,"_Rotation":0,"_Scale":0.9940149800149939,"value":0.4338,"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Slider","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(30.8,303.6)","distanceToDragEvent":"lively.pt(112.2,-16.3)"},"230":{"submorphs":[],"scripts":[],"id":554,"shape":{"__isSmartRef__":true,"id":231},"droppingEnabled":true,"halosEnabled":true,"__layered_draggingEnabled__":true,"slider":{"__isSmartRef__":true,"id":229},"owner":{"__isSmartRef__":true,"id":229},"styleClass":["slider_horizontal"],"eventHandler":{"__isSmartRef__":true,"id":232},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isBeingDragged":false,"_ClipMode":"visible","__serializedExpressions__":["_Position","hitPoint"],"__LivelyClassName__":"lively.morphic.SliderKnob","__SourceModuleName__":"Global.lively.morphic.Widgets","_Position":"lively.pt(58.6,0.0)","hitPoint":"lively.pt(1080.0,437.0)"},"231":{"_BorderWidth":1,"_BorderRadius":6,"_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(15.0,30.0)","_BorderColor":"Color.rgb(102,102,102)","_Fill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(196,211,221),\n    offset: 0\n  },{\n    color: Color.rgb(137,167,187),\n    offset: 0.5\n  },{\n    color: Color.rgb(96,130,153),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","_Padding":"lively.rect(0,0,0,0)"},"232":{"morph":{"__isSmartRef__":true,"id":230},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"233":{"_BorderWidth":1,"_BorderRadius":6,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(150.0,30.0)","_BorderColor":"Color.rgb(192,192,192)","_Fill":"lively.morphic.Gradient.create({\n  stops: [{\n    color: Color.rgb(204,204,204),\n    offset: 0\n  },{\n    color: Color.rgb(240,240,240),\n    offset: 0.4\n  },{\n    color: Color.rgb(245,245,245),\n    offset: 1\n  }],\n  type: \"linear\",\n  vector: lively.rect(0,0,0,1)\n})","_Padding":"lively.rect(0,0,0,0)"},"234":{"sourceObj":{"__isSmartRef__":true,"id":229},"sourceAttrName":"value","targetObj":{"__isSmartRef__":true,"id":229},"targetMethodName":"adjustSliderParts","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"235":{"requiredModules":[],"partsSpaceName":"PartsBin/Inputs/","migrationLevel":2,"partName":"Slider","comment":"The connection point \"value\" can be used to read/write the slider knob position.","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"236":{"morph":{"__isSmartRef__":true,"id":229},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"237":{},"238":{"submorphs":[],"scripts":[],"id":2605,"shape":{"__isSmartRef__":true,"id":239},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":601,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":240},"textChunks":[{"__isSmartRef__":true,"id":241},{"__isSmartRef__":true,"id":243}],"charsReplaced":"taken care of","lastFindLoc":30,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":245},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":601,"_MinTextHeight":null,"previousSelection":[24,24],"owner":null,"_Rotation":0,"_Scale":0.9860906369990009,"doitContext":{"__isSmartRef__":true,"id":0},"isBeingDragged":false,"_ClipMode":"visible","priorSelectionRange":[24,23],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(25.8,379.0)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(398.4,2.7)"},"239":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(601.0,72.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"240":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"241":{"style":{"__isSmartRef__":true,"id":242},"chunkOwner":{"__isSmartRef__":true,"id":238},"storedString":"Once that's been done, we want our pane to look more like a window. Execute the follow snippet (cmd/ctrl + d after highlighting the text): \n        this.get(\"OurPane","_id":"_12111","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"242":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"243":{"style":{"__isSmartRef__":true,"id":244},"chunkOwner":{"__isSmartRef__":true,"id":238},"storedString":"\").openInWindow()","_id":"_12112","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"244":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"245":{"morph":{"__isSmartRef__":true,"id":238},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"246":{"submorphs":[],"scripts":[],"id":1099,"shape":{"__isSmartRef__":true,"id":247},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"OurPane","partsBinMetaInfo":{"__isSmartRef__":true,"id":248},"eventHandler":{"__isSmartRef__":true,"id":249},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":null,"layout":{"__isSmartRef__":true,"id":250},"isBeingDragged":false,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(317.6,222.3)","distanceToDragEvent":"lively.pt(168.5,-18.2)"},"247":{"_BorderWidth":1,"_ClipMode":"visible","_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(238.0,130.0)","_BorderColor":"Color.rgb(95,94,95)","_Fill":"Color.rgb(235,235,235)","_Padding":"lively.rect(0,0,0,0)"},"248":{"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":2,"partName":"OurPane","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"249":{"morph":{"__isSmartRef__":true,"id":246},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"250":{"resizeWidth":true,"resizeHeight":true},"251":{"pageNumber":"3","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":252},{"__isSmartRef__":true,"id":258},{"__isSmartRef__":true,"id":263}]},"252":{"submorphs":[],"scripts":[],"id":4092,"shape":{"__isSmartRef__":true,"id":253},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":619,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":254},"textChunks":[{"__isSmartRef__":true,"id":255}],"charsReplaced":"their","lastFindLoc":427,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":257},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":619,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"_Rotation":0,"_Scale":0.9940149800149939,"previousSelection":[425,425],"isBeingDragged":false,"_ClipMode":"visible","priorSelectionRange":[433,433],"__serializedExpressions__":["_Position","textColor","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(18.8,29.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"253":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(619.0,264.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"254":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"255":{"style":{"__isSmartRef__":true,"id":256},"morph":{"__isSmartRef__":true,"id":252},"chunkOwner":{"__isSmartRef__":true,"id":252},"storedString":"The halo of a morph offers a variety of different direct manipulations. Let's try them all.  Cmd-click the morph and hover for a second over each of the buttons. \n\nTry drag and grab first.  Drag only moves a morph without taking it away from its parent.  Drag the ellipse out of the ElProfesor pane and then move the ElProfesor around, you will see that the ellipse still moves with its parent.  Grab removes a morph from its parent.  If you grab the ellipse, and drop it on the white world and then move ElProfesor again, the ellipse stays at its position since the morphs are no longer connected.","_id":"_12113","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"256":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"257":{"morph":{"__isSmartRef__":true,"id":252},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"258":{"submorphs":[],"scripts":[],"id":4346,"shape":{"__isSmartRef__":true,"id":259},"droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"name":"Ellipse","partsBinMetaInfo":{"__isSmartRef__":true,"id":260},"eventHandler":{"__isSmartRef__":true,"id":261},"layout":{"__isSmartRef__":true,"id":262},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":null,"isBeingDragged":false,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(306.6,335.3)","distanceToDragEvent":"lively.pt(74.6,-12.5)"},"259":{"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_Fill","_Position","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_Fill":"Color.rgb(0,255,133)","_Position":"lively.pt(-50.0,-50.0)","_BorderColor":"Color.rgb(255,255,255)","_Padding":"lively.rect(0,0,0,0)"},"260":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"261":{"morph":{"__isSmartRef__":true,"id":258},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"262":{},"263":{"submorphs":[],"scripts":[],"id":4669,"shape":{"__isSmartRef__":true,"id":264},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":627,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":265},"textChunks":[{"__isSmartRef__":true,"id":266}],"charsReplaced":"v","lastFindLoc":5,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":268},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":627,"_MinTextHeight":null,"_Rotation":0,"_Scale":0.9940149800149939,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[86,86],"_ClipMode":"visible","priorSelectionRange":[181,181],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(5.0,388.9)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(420.2,-7.8)"},"264":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(627.0,72.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"265":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"266":{"style":{"__isSmartRef__":true,"id":267},"chunkOwner":{"__isSmartRef__":true,"id":263},"storedString":"Notice how ElProfesor offers a halo as well, and can be manipulated in the same way.  It's just a morph and you will see that in Lively every widget is a morph and behaves this way.  Even our development tools!","_id":"_12114","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"267":{"color":"rgb(0,0,0)","fontFamily":"Arial,sans-serif","fontSize":"19px","fontStyle":"normal","fontVariant":"normal","fontWeight":"normal","letterSpacing":"normal","lineHeight":"normal","orphans":"2","textAlign":"-webkit-auto","textIndent":"0px","textTransform":"none","whiteSpace":"pre-wrap","widows":"2","wordSpacing":"0px","webkitTextSizeAdjust":"auto","webkitTextStrokeWidth":"0px","backgroundColor":"rgb(255,248,210)","display":"inline!important","float":"none","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"268":{"morph":{"__isSmartRef__":true,"id":263},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"269":{"pageNumber":"4","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":270},{"__isSmartRef__":true,"id":276},{"__isSmartRef__":true,"id":281}]},"270":{"submorphs":[],"scripts":[],"id":5670,"shape":{"__isSmartRef__":true,"id":271},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":608,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":272},"textChunks":[{"__isSmartRef__":true,"id":273}],"charsReplaced":"","lastFindLoc":104,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":275},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":608,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[102,102],"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","priorSelectionRange":[52,52],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(17.9,23.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(317.3,-15.7)"},"271":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(608.0,48.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"272":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"273":{"style":{"__isSmartRef__":true,"id":274},"morph":{"__isSmartRef__":true,"id":270},"chunkOwner":{"__isSmartRef__":true,"id":270},"storedString":"Other halo buttons resize, rotate or copy the morph.  Try the following halo buttons: \"R\", \"T\" and \"C\".","_id":"_12115","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"274":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"275":{"morph":{"__isSmartRef__":true,"id":270},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"276":{"submorphs":[],"scripts":[],"id":5802,"shape":{"__isSmartRef__":true,"id":277},"droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"name":"Ellipse","partsBinMetaInfo":{"__isSmartRef__":true,"id":278},"eventHandler":{"__isSmartRef__":true,"id":279},"layout":{"__isSmartRef__":true,"id":280},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":null,"isBeingDragged":false,"_Rotation":0,"_Scale":0.9940149800149939,"_ClipMode":"visible","__serializedExpressions__":["_Position"],"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(281.7,191.5)"},"277":{"_BorderWidth":3.85,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_Fill","_Position","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_Fill":"Color.rgb(255,101,255)","_Position":"lively.pt(-50.0,-50.0)","_BorderColor":"Color.rgb(66,66,66)","_Padding":"lively.rect(0,0,0,0)"},"278":{"partsSpaceName":"PartsBin/Basic","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"279":{"morph":{"__isSmartRef__":true,"id":276},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"280":{},"281":{"submorphs":[],"scripts":[],"id":5901,"shape":{"__isSmartRef__":true,"id":282},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":608,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":283},"textChunks":[{"__isSmartRef__":true,"id":284}],"charsReplaced":"","lastFindLoc":103,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":286},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":608,"_MinTextHeight":null,"previousSelection":[67,70],"owner":null,"doitContext":{"__isSmartRef__":true,"id":0},"_Rotation":0,"_Scale":0.9860906369990009,"_ClipMode":"visible","priorSelectionRange":[67,70],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(23.8,415.7)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(399.2,1.1)"},"282":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(608.0,48.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"283":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"284":{"style":{"__isSmartRef__":true,"id":285},"morph":{"__isSmartRef__":true,"id":281},"chunkOwner":{"__isSmartRef__":true,"id":281},"storedString":"And if you don't like the ellipse's color, feel free to change it!  The \"S\" halo opens a style editor!","_id":"_12116","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"285":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"286":{"morph":{"__isSmartRef__":true,"id":281},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"287":{"pageNumber":"5","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":288},{"__isSmartRef__":true,"id":294}]},"288":{"submorphs":[],"scripts":[],"id":6325,"shape":{"__isSmartRef__":true,"id":289},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":624,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":290},"textChunks":[{"__isSmartRef__":true,"id":291}],"charsReplaced":"the","lastFindLoc":39,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":293},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","owner":null,"_MinTextWidth":624,"_MinTextHeight":null,"_Rotation":0,"_Scale":0.9940149800149939,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[58,59],"_ClipMode":"visible","priorSelectionRange":[58,59],"__serializedExpressions__":["_Position","textColor","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(11.9,25.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"289":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(624.0,240.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"290":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"291":{"style":{"__isSmartRef__":true,"id":292},"chunkOwner":{"__isSmartRef__":true,"id":288},"storedString":"The buttons \"I\" and \"E\" are part of my Scripting tutorial.  However, there's one more aspect of morphs in Lively to see!\n\nWe have seen that morphs can be manipulated and composed. However, you do not need to start from scratch each time you want to build an application in Lively.\n\nEvaluate the following snippet:\n\n        this.world().openPartsBin()","_id":"_12117","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"292":{"color":"rgb(0,0,0)","fontFamily":"Arial,sans-serif","fontSize":"19px","fontStyle":"normal","fontVariant":"normal","fontWeight":"normal","letterSpacing":"normal","lineHeight":"normal","orphans":"2","textAlign":"-webkit-auto","textIndent":"0px","textTransform":"none","whiteSpace":"pre-wrap","widows":"2","wordSpacing":"0px","webkitTextSizeAdjust":"auto","webkitTextStrokeWidth":"0px","backgroundColor":"rgb(255,248,210)","display":"inline!important","float":"none","__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"293":{"morph":{"__isSmartRef__":true,"id":288},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"294":{"submorphs":[],"scripts":[],"id":6869,"shape":{"__isSmartRef__":true,"id":295},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":624,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":296},"textChunks":[{"__isSmartRef__":true,"id":297}],"charsReplaced":"copies","lastFindLoc":148,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":299},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":624,"_MinTextHeight":null,"previousSelection":[190,190],"owner":null,"_Rotation":0,"_Scale":0.9860906369990009,"doitContext":{"__isSmartRef__":true,"id":0},"_ClipMode":"visible","priorSelectionRange":[79,79],"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(19.8,392.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(425.0,-7.3)"},"295":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(624.0,72.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"296":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"297":{"style":{"__isSmartRef__":true,"id":298},"chunkOwner":{"__isSmartRef__":true,"id":294},"storedString":"The PartsBin is a cloud-based repository, shared among all users of this wiki.  You can drag any component from there into your world to play with a copy, and you can publish your own morphs to the PartsBin too!","_id":"_12118","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"298":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"299":{"morph":{"__isSmartRef__":true,"id":294},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"300":{"pageNumber":"6","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":301},{"__isSmartRef__":true,"id":313},{"__isSmartRef__":true,"id":326},{"__isSmartRef__":true,"id":331}]},"301":{"submorphs":[],"scripts":[],"id":5218,"shape":{"__isSmartRef__":true,"id":302},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":604,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":303},"textChunks":[{"__isSmartRef__":true,"id":304},{"__isSmartRef__":true,"id":306},{"__isSmartRef__":true,"id":308},{"__isSmartRef__":true,"id":310}],"charsReplaced":"","lastFindLoc":344,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":312},"owner":null,"_MinTextWidth":604,"_MinTextHeight":null,"doitContext":{"__isSmartRef__":true,"id":0},"previousSelection":[0,0],"isBeingDragged":false,"_WhiteSpaceHandling":"pre-wrap","_ClipMode":"visible","_Rotation":0,"_Scale":0.998001,"__serializedExpressions__":["_Position","textColor","_Padding","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(12.0,40.8)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)","distanceToDragEvent":"lively.pt(408.1,-12.9)"},"302":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(604.0,264.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"303":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"304":{"style":{"__isSmartRef__":true,"id":305},"chunkOwner":{"__isSmartRef__":true,"id":301},"storedString":"","_id":"_12125","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"305":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"306":{"style":{"__isSmartRef__":true,"id":307},"chunkOwner":{"__isSmartRef__":true,"id":301},"storedString":"In Lively, morphs are very concrete and alive. You already know that you can manipulate them through their halo menu. \n\nBut you can also manipulate them programmatically, and they can be addressed by name. Try:\n\n$morph(\"Rectangle","_id":"_12119","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"307":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"308":{"style":{"__isSmartRef__":true,"id":309},"chunkOwner":{"__isSmartRef__":true,"id":301},"storedString":"\").setFill(Color.red)\n\nthis.get(\"Triangle\").","_id":"_12120","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"309":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"310":{"style":{"__isSmartRef__":true,"id":311},"chunkOwner":{"__isSmartRef__":true,"id":301},"storedString":"setRotation(45)\n\nthis.get(\"Ellipse\").setScale(0.2)","_id":"_12121","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"311":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"312":{"morph":{"__isSmartRef__":true,"id":301},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"313":{"submorphs":[],"scripts":[],"id":5376,"shape":{"__isSmartRef__":true,"id":314},"droppingEnabled":true,"halosEnabled":true,"eventHandler":{"__isSmartRef__":true,"id":319},"showsHalos":false,"controlPoints":[{"__isSmartRef__":true,"id":320},{"__isSmartRef__":true,"id":321},{"__isSmartRef__":true,"id":322},{"__isSmartRef__":true,"id":323}],"layout":{"__isSmartRef__":true,"id":324},"name":"Triangle","partsBinMetaInfo":{"__isSmartRef__":true,"id":325},"owner":null,"isBeingDragged":false,"_ClipMode":"visible","_Rotation":0,"_Scale":1,"__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Path","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","_Position":"lively.pt(286.2,363.1)","distanceToDragEvent":"lively.pt(81.5,-9.4)"},"314":{"dontChangeShape":false,"__serializedExpressions__":["cachedVertices.0","cachedVertices.1","cachedVertices.2","cachedVertices.3","_Position","_Extent","_Fill","_BorderColor","_Padding"],"cachedVertices":["lively.pt(0.0,0.0)","lively.pt(91.0,36.0)","lively.pt(13.0,84.0)","lively.pt(0.0,0.0)"],"_PathElements":[{"__isSmartRef__":true,"id":315},{"__isSmartRef__":true,"id":316},{"__isSmartRef__":true,"id":317},{"__isSmartRef__":true,"id":318}],"_BorderWidth":2.8160000000000003,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Shapes.Path","__SourceModuleName__":"Global.lively.morphic.PathShapes","_Position":"lively.pt(-2.0,-2.0)","_Extent":"lively.pt(94.0,87.0)","_Fill":"Color.rgb(255,143,0)","_BorderColor":"Color.rgb(66,66,66)","_Padding":"lively.rect(0,0,0,0)"},"315":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.MoveTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"316":{"isAbsolute":true,"x":91,"y":36,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"317":{"isAbsolute":true,"x":13,"y":84,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"318":{"isAbsolute":true,"x":0,"y":0,"__LivelyClassName__":"lively.morphic.Shapes.LineTo","__SourceModuleName__":"Global.lively.morphic.PathShapes"},"319":{"morph":{"__isSmartRef__":true,"id":313},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"320":{"morph":{"__isSmartRef__":true,"id":313},"index":0,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"321":{"morph":{"__isSmartRef__":true,"id":313},"index":1,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"322":{"morph":{"__isSmartRef__":true,"id":313},"index":2,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"323":{"morph":{"__isSmartRef__":true,"id":313},"index":3,"__LivelyClassName__":"lively.morphic.ControlPoint","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"324":{},"325":{"partName":"Triangle","requiredModules":[],"migrationLevel":2,"partsSpaceName":"PartsBin/Basic/","comment":"A triangle formed polygon.\nCreate other polygons out of it by dragging the round handles.","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"326":{"submorphs":[],"scripts":[],"id":5530,"shape":{"__isSmartRef__":true,"id":327},"droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"name":"Ellipse","partsBinMetaInfo":{"__isSmartRef__":true,"id":328},"eventHandler":{"__isSmartRef__":true,"id":329},"layout":{"__isSmartRef__":true,"id":330},"owner":null,"isBeingDragged":false,"_ClipMode":"visible","_Rotation":0,"_Scale":1,"__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Morph","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(518.3,405.1)","distanceToDragEvent":"lively.pt(10.0,-61.0)"},"327":{"_BorderWidth":3.85,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_ClipMode":"visible","__serializedExpressions__":["position","_Extent","_Fill","_Position","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Ellipse","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_Fill":"Color.rgb(251,255,91)","_Position":"lively.pt(-50.0,-50.0)","_BorderColor":"Color.rgb(66,66,66)","_Padding":"lively.rect(0,0,0,0)"},"328":{"partsSpaceName":"PartsBin/Basic/","migrationLevel":2,"comment":"an Ellipse","partName":"Ellipse","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"329":{"morph":{"__isSmartRef__":true,"id":326},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"330":{},"331":{"submorphs":[],"scripts":[],"id":5297,"shape":{"__isSmartRef__":true,"id":332},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Rectangle","partsBinMetaInfo":{"__isSmartRef__":true,"id":333},"eventHandler":{"__isSmartRef__":true,"id":334},"owner":null,"layout":{"__isSmartRef__":true,"id":335},"isBeingDragged":false,"_ClipMode":"visible","_Rotation":0,"_Scale":0.998001,"__serializedExpressions__":["_Position","distanceToDragEvent"],"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(49.1,331.4)","distanceToDragEvent":"lively.pt(68.0,-21.0)"},"332":{"_BorderWidth":2.3320000000000003,"_ClipMode":"visible","_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(100.0,100.0)","_BorderColor":"Color.rgb(66,66,66)","_Fill":"Color.rgb(0,204,0)","_Padding":"lively.rect(0,0,0,0)"},"333":{"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":2,"partName":"Rectangle","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"334":{"morph":{"__isSmartRef__":true,"id":331},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"335":{},"336":{"pageNumber":"7","morphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":337}]},"337":{"submorphs":[],"scripts":[],"id":"21A6565E-71D2-4149-9BD8-D9392B7A55D8","shape":{"__isSmartRef__":true,"id":338},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":120.695652,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":339},"textChunks":[{"__isSmartRef__":true,"id":347}],"charsReplaced":"Some Text","lastFindLoc":18,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":349},"_ClipMode":"visible","derivationIds":[355,"1EB1674F-8BF2-419B-B054-86129ED70335","63698904-DC05-4341-A9B6-5CC4A219CD04","F6A714BA-4735-41ED-8A2A-45CB153FBDF8","F1D26890-7392-487D-B5DE-97C772B4E79E"],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":120.695652,"_MinTextHeight":null,"previousSelection":[0,3],"isBeingDragged":false,"moved":true,"owner":null,"_Rotation":0,"_Scale":0.9900990099009901,"doitContext":{"__isSmartRef__":true,"id":0},"__serializedExpressions__":["_Position","textColor","_Padding"],"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(66.3,58.4)","textColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(5,5,0,0)"},"338":{"fill":null,"_BorderWidth":0,"_ClipMode":"visible","__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(223.6,28.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(4,2,0,0)"},"339":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","changes":[{"__isSmartRef__":true,"id":340},{"__isSmartRef__":true,"id":341},{"__isSmartRef__":true,"id":342},{"__isSmartRef__":true,"id":343},{"__isSmartRef__":true,"id":344},{"__isSmartRef__":true,"id":345},{"__isSmartRef__":true,"id":346}],"__serializedExpressions__":["lastModifiedDate"],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Tue Jul 23 2013 23:21:08 GMT-0700 (PDT)\")"},"340":{"author":"jenslincke","message":"no comment","id":"A3BA0C1E-7E83-43BF-9EC6-4F4BB3835D62","__serializedExpressions__":["date"],"date":"new Date(\"Tue Mar 12 2013 09:31:56 GMT-0700 (PDT)\")"},"341":{"author":"timfelgentreff","message":"better text","id":"B904F9AC-6EA0-4A8A-83C9-AFC85AADC194","__serializedExpressions__":["date"],"date":"new Date(\"Tue May 08 2012 05:18:18 GMT-0700 (PDT)\")"},"342":{"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"785D95BD-7858-43EB-90E6-A1C085E2F2B9","__serializedExpressions__":["date"],"date":"new Date(\"Fri Apr 20 2012 22:32:09 GMT-0700 (PDT)\")"},"343":{"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"0F4DE333-A551-4961-B29D-70270977EBEF","__serializedExpressions__":["date"],"date":"new Date(\"Fri Apr 20 2012 22:31:43 GMT-0700 (PDT)\")"},"344":{"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","__serializedExpressions__":["date"],"date":"new Date(\"Sun Feb 26 2012 21:20:38 GMT-0800 (PST)\")"},"345":{"author":"robertkrahn","message":"text click was broken?","id":"9D065E14-9653-4B2A-9A2E-3AD84EBBC3E0","__serializedExpressions__":["date"],"date":"new Date(\"Sat Apr 21 2012 07:30:30 GMT-0700 (PDT)\")"},"346":{"author":"jenslincke","message":"no comment","id":"9E495E1B-6E6D-4A89-9F9E-85AF618DC598","__serializedExpressions__":["date"],"date":"new Date(\"Tue Mar 12 2013 10:36:22 GMT-0700 (PDT)\")"},"347":{"style":{"__isSmartRef__":true,"id":348},"morph":{"__isSmartRef__":true,"id":337},"chunkOwner":{"__isSmartRef__":true,"id":337},"storedString":"== The End ==","_id":"_100","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"348":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"349":{"morph":{"__isSmartRef__":true,"id":337},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"350":{"start":{"__isSmartRef__":true,"id":351},"showPage":{"__isSmartRef__":true,"id":354},"getPage":{"__isSmartRef__":true,"id":357},"clearPage":{"__isSmartRef__":true,"id":360},"nextPage":{"__isSmartRef__":true,"id":363},"sortPages":{"__isSmartRef__":true,"id":366},"savePageAs":{"__isSmartRef__":true,"id":369},"showPageByNumber":{"__isSmartRef__":true,"id":372},"previousPage":{"__isSmartRef__":true,"id":375},"addMorph":{"__isSmartRef__":true,"id":378},"savePageAtTheEnd":{"__isSmartRef__":true,"id":385}},"351":{"varMapping":{"__isSmartRef__":true,"id":352},"source":"function start() {\n    this.sortPages();\n    if (this.pages[0]) this.showPage(this.pages[0]);\n}","funcProperties":{"__isSmartRef__":true,"id":353},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"352":{"this":{"__isSmartRef__":true,"id":0}},"353":{},"354":{"varMapping":{"__isSmartRef__":true,"id":355},"source":"function showPage(page) {\n    this.clearPage();\n    this.currentPage = page;\n    var that = this;\n    page.morphs.forEach(function(ea) {\n        that.addMorph(ea);});\n        \n}","funcProperties":{"__isSmartRef__":true,"id":356},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"355":{"this":{"__isSmartRef__":true,"id":0}},"356":{},"357":{"varMapping":{"__isSmartRef__":true,"id":358},"source":"function getPage(pageNumber) {\n    var page = null;\n    this.pages.forEach(function(ea) {\n        if (ea.pageNumber == pageNumber) {\n            page = ea;\n        }});\n    return page;\n}","funcProperties":{"__isSmartRef__":true,"id":359},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"358":{"this":{"__isSmartRef__":true,"id":0}},"359":{},"360":{"varMapping":{"__isSmartRef__":true,"id":361},"source":"function clearPage() {\n    this.submorphs.forEach(function(ea) {if (!ea.staysOnPage) { ea.remove();}});\n}","funcProperties":{"__isSmartRef__":true,"id":362},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"361":{"this":{"__isSmartRef__":true,"id":0}},"362":{},"363":{"varMapping":{"__isSmartRef__":true,"id":364},"source":"function nextPage() {\n    this.sortPages();\n    var nextIndex = (this.pages.indexOf(this.currentPage) + 1) % this.pages.length;\n    this.showPage(this.pages[nextIndex]);\n}","funcProperties":{"__isSmartRef__":true,"id":365},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"364":{"this":{"__isSmartRef__":true,"id":0}},"365":{},"366":{"varMapping":{"__isSmartRef__":true,"id":367},"source":"function sortPages() {\n    this.pages.sortBy(function(ea) { return ea.pageNumber; });\n}","funcProperties":{"__isSmartRef__":true,"id":368},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"367":{"this":{"__isSmartRef__":true,"id":0}},"368":{},"369":{"varMapping":{"__isSmartRef__":true,"id":370},"source":"function savePageAs(pageNumber) {\n    var page = this.getPage(pageNumber);\n    if (page === null) {\n        this.pages.push({ \n            pageNumber: pageNumber,\n            morphs: this.submorphs\n        });\n    } else {\n        page.morphs = this.submorphs;\n    }\n}","funcProperties":{"__isSmartRef__":true,"id":371},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"370":{"this":{"__isSmartRef__":true,"id":0}},"371":{},"372":{"varMapping":{"__isSmartRef__":true,"id":373},"source":"function showPageByNumber(pageNumber) {\n    this.showPage(this.getPage(pageNumber));\n}","funcProperties":{"__isSmartRef__":true,"id":374},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"373":{"this":{"__isSmartRef__":true,"id":0}},"374":{},"375":{"varMapping":{"__isSmartRef__":true,"id":376},"source":"function previousPage() {\n    this.sortPages();\n    var nextIndex = (this.pages.indexOf(this.currentPage) - 1);\n    if (nextIndex < 0) nextIndex = this.pages.length - 1;    \n    this.showPage(this.pages[nextIndex]);\n}","funcProperties":{"__isSmartRef__":true,"id":377},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"376":{"this":{"__isSmartRef__":true,"id":0}},"377":{},"378":{"varMapping":{"__isSmartRef__":true,"id":379},"source":"function addMorph(morph, optMorphBefore) {\n    if (morph.isText) morph.doitContext = this;\n    return $super(morph, optMorphBefore);\n}","funcProperties":{"__isSmartRef__":true,"id":384},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"379":{"this":{"__isSmartRef__":true,"id":0},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":380}},"380":{"$super":{"__isSmartRef__":true,"id":381}},"381":{"varMapping":{"__isSmartRef__":true,"id":382},"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":383},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"382":{"obj":{"__isSmartRef__":true,"id":0},"name":"addMorph"},"383":{},"384":{},"385":{"varMapping":{"__isSmartRef__":true,"id":386},"source":"function savePageAtTheEnd() {\n    this.savePageAs(this.pages.length);\n}","funcProperties":{"__isSmartRef__":true,"id":387},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"386":{"this":{"__isSmartRef__":true,"id":0}},"387":{},"isSimplifiedRegistry":true}}