","extent":{"__isSmartRef__":true,"id":10},"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":11},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"7":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"8":{"x":198,"y":198,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"9":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"10":{"x":200,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"11":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"12":{"morph":{"__isSmartRef__":true,"id":4},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"13":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"14":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":15}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"15":{"date":{"__isSmartRef__":true,"id":16},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"16":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"17":{"x":138,"y":-13,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"18":{"sourceObj":{"__isSmartRef__":true,"id":4},"sourceAttrName":"sat","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateSat","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"19":{"submorphs":[],"scripts":[],"id":"BC16EA92-0EBE-41FF-8982-20B8A416F4B1","shape":{"__isSmartRef__":true,"id":20},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":27},"showsHalos":false,"name":"ColorDisplay","partsBinMetaInfo":{"__isSmartRef__":true,"id":28},"renderContextTable":{"__isSmartRef__":true,"id":43},"eventHandler":{"__isSmartRef__":true,"id":44},"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4","F38439A3-2F4E-4AC2-BF73-2633C00B1393","6748F5B5-2284-4748-A6EE-F1A261CBAD0B","BBAFB862-93AE-4F89-BCFF-9F1C67B7FE4C"],"partTests":{"__isSmartRef__":true,"id":45},"_ClipMode":"visible","moved":true,"owner":null,"distanceToDragEvent":{"__isSmartRef__":true,"id":50},"isBeingDragged":false,"hue":0.5842105263157895,"sat":0.715,"brt":0.645,"color":{"__isSmartRef__":true,"id":51},"magnets":[{"__isSmartRef__":true,"id":52},{"__isSmartRef__":true,"id":55},{"__isSmartRef__":true,"id":58},{"__isSmartRef__":true,"id":61},{"__isSmartRef__":true,"id":64},{"__isSmartRef__":true,"id":67},{"__isSmartRef__":true,"id":70},{"__isSmartRef__":true,"id":73}],"isCopyMorphRef":true,"morphRefId":1,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":76},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"20":{"position":{"__isSmartRef__":true,"id":21},"_Extent":{"__isSmartRef__":true,"id":22},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":23},"_Fill":{"__isSmartRef__":true,"id":24},"renderContextTable":{"__isSmartRef__":true,"id":25},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":26},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"21":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"22":{"x":60,"y":60,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"23":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"24":{"r":0.21568627450980393,"g":0.5372549019607843,"b":0.10196078431372549,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"25":{},"26":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"27":{"x":270,"y":150,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"28":{"partsSpaceName":"PartsBin/Basic","comment":"A simple box morph. A really orange one. Its amazing what you can build out of simple boxes.... Who needs stars when you got orange rectangles!","migrationLevel":4,"partName":"Rectangle","changes":[{"__isSmartRef__":true,"id":29},{"__isSmartRef__":true,"id":31},{"__isSmartRef__":true,"id":33},{"__isSmartRef__":true,"id":35},{"__isSmartRef__":true,"id":37},{"__isSmartRef__":true,"id":39},{"__isSmartRef__":true,"id":41}],"revisionOnLoad":171602,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"29":{"date":{"__isSmartRef__":true,"id":30},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"30":{"isSerializedDate":true,"string":"Thu May 03 2012 06:51:36 GMT-0700 (Pacific Daylight Time)"},"31":{"date":{"__isSmartRef__":true,"id":32},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"32":{"isSerializedDate":true,"string":"Thu May 03 2012 06:51:30 GMT-0700 (Pacific Daylight Time)"},"33":{"date":{"__isSmartRef__":true,"id":34},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"34":{"isSerializedDate":true,"string":"Wed Mar 14 2012 02:53:45 GMT-0700 (Pacific Daylight Time)"},"35":{"date":{"__isSmartRef__":true,"id":36},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"36":{"isSerializedDate":true,"string":"Fri Feb 24 2012 17:59:09 GMT-0800 (Pacific Standard Time)"},"37":{"date":{"__isSmartRef__":true,"id":38},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"38":{"isSerializedDate":true,"string":"Wed Mar 14 2012 02:42:26 GMT-0700 (Pacific Daylight Time)"},"39":{"date":{"__isSmartRef__":true,"id":40},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"40":{"isSerializedDate":true,"string":"Mon Apr 09 2012 04:42:07 GMT-0700 (Pacific Daylight Time)"},"41":{"date":{"__isSmartRef__":true,"id":42},"author":"bgnauk","message":"no comment","id":"0124E570-50B7-4CE3-83A1-6E7BA89B5CD8"},"42":{"isSerializedDate":true,"string":"Mon Jun 18 2012 10:35:08 GMT-0700 (Pacific Daylight Time)"},"43":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"44":{"morph":{"__isSmartRef__":true,"id":19},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"45":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":46}},"46":{"test01IsMorph":{"__isSmartRef__":true,"id":47}},"47":{"varMapping":{"__isSmartRef__":true,"id":48},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":49},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"48":{"this":{"__isSmartRef__":true,"id":45}},"49":{},"50":{"x":37,"y":-9,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"51":{"r":0.39215686274509803,"g":0.6431372549019608,"b":0.8980392156862745,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"52":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":53},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":54},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"53":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"54":{"x":561,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"55":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":56},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":57},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"56":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"57":{"x":581,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"58":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":59},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":60},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"59":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"60":{"x":601,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"61":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":62},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":63},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"62":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"63":{"x":601,"y":357,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"64":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":65},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":66},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"65":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"66":{"x":601,"y":377,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"67":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":68},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":69},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"68":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"69":{"x":581,"y":377,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"70":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":71},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":72},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"71":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"72":{"x":561,"y":377,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"73":{"morph":{"__isSmartRef__":true,"id":19},"position":{"__isSmartRef__":true,"id":74},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":75},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"74":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"75":{"x":561,"y":357,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"76":{"updateHue":{"__isSmartRef__":true,"id":77},"updateSat":{"__isSmartRef__":true,"id":81},"updateBrt":{"__isSmartRef__":true,"id":85},"updateRGB":{"__isSmartRef__":true,"id":89},"updateColor":{"__isSmartRef__":true,"id":93}},"77":{"varMapping":{"__isSmartRef__":true,"id":78},"source":"function updateHue(hue) {\n this.hue = hue;\n this.updateRGB();\n}","funcProperties":{"__isSmartRef__":true,"id":79},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"78":{"this":{"__isSmartRef__":true,"id":19}},"79":{"timestamp":{"__isSmartRef__":true,"id":80},"user":"bgnauk","tags":[]},"80":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:41 GMT-0700 (Pacific Daylight Time)"},"81":{"varMapping":{"__isSmartRef__":true,"id":82},"source":"function updateSat(sat) {\n this.sat = sat;\n this.updateRGB();\n}","funcProperties":{"__isSmartRef__":true,"id":83},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"82":{"this":{"__isSmartRef__":true,"id":19}},"83":{"timestamp":{"__isSmartRef__":true,"id":84},"user":"bgnauk","tags":[]},"84":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:33 GMT-0700 (Pacific Daylight Time)"},"85":{"varMapping":{"__isSmartRef__":true,"id":86},"source":"function updateBrt(brt) {\n this.brt= brt;\n this.updateRGB();\n}","funcProperties":{"__isSmartRef__":true,"id":87},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"86":{"this":{"__isSmartRef__":true,"id":19}},"87":{"timestamp":{"__isSmartRef__":true,"id":88},"user":"bgnauk","tags":[]},"88":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:48 GMT-0700 (Pacific Daylight Time)"},"89":{"varMapping":{"__isSmartRef__":true,"id":90},"source":"function updateRGB() {\n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n }\n \n var rgb = hslToRgb(this.hue, this.sat, this.brt);\n this.color = new Color(rgb[0]/255, rgb[1]/255, rgb[2]/255);\n this.applyStyle({fill:this.color});\n}","funcProperties":{"__isSmartRef__":true,"id":91},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"90":{"this":{"__isSmartRef__":true,"id":19}},"91":{"timestamp":{"__isSmartRef__":true,"id":92},"user":"bgnauk","tags":[]},"92":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:33:42 GMT-0700 (Pacific Daylight Time)"},"93":{"varMapping":{"__isSmartRef__":true,"id":94},"source":"function updateColor(color) {\n this.applyStyle({fill:color});\n}","funcProperties":{"__isSmartRef__":true,"id":95},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"94":{"this":{"__isSmartRef__":true,"id":19}},"95":{"timestamp":{"__isSmartRef__":true,"id":96},"user":"bgnauk","tags":[]},"96":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:16:23 GMT-0700 (Pacific Daylight Time)"},"97":{"sourceObj":{"__isSmartRef__":true,"id":4},"sourceAttrName":"brt","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateBrt","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":98},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"98":{"source":{"__isSmartRef__":true,"id":4},"target":{"__isSmartRef__":true,"id":19}},"99":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":100},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":101},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"100":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"101":{"x":181,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"102":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":103},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":104},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"103":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"104":{"x":281,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"105":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":106},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":107},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"106":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"107":{"x":381,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"108":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":109},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":110},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"109":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"110":{"x":381,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"111":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":112},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":113},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"112":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"113":{"x":381,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"114":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":115},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":116},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"115":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"116":{"x":281,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"117":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":118},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":119},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"118":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"119":{"x":181,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"120":{"morph":{"__isSmartRef__":true,"id":4},"position":{"__isSmartRef__":true,"id":121},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":122},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"121":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"122":{"x":181,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"123":{"draw":{"__isSmartRef__":true,"id":124},"updateSat":{"__isSmartRef__":true,"id":128},"updateBrt":{"__isSmartRef__":true,"id":132},"onMouseDown":{"__isSmartRef__":true,"id":136},"onMouseMove":{"__isSmartRef__":true,"id":144},"onMouseUp":{"__isSmartRef__":true,"id":152},"onMouseOut":{"__isSmartRef__":true,"id":160}},"124":{"varMapping":{"__isSmartRef__":true,"id":125},"source":"function draw(hue) {\n var canvas = this,\n ctx = canvas.getContext(),\n bounds = canvas.getExtent(),\n width = bounds.x,\n height = bounds.y,\n pixel = ctx.createImageData(1,1);\n \n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n}\n \n for (var x = 0; x < width; x++) {\n for (var y = 0; y < height; y++) {\n var hue = hue,\n sat = x / width,\n brt = 1 - (y / height),\n alpha = 1,\n color = hslToRgb(hue, sat, brt);\n ctx.fillStyle = 'rgba(' + color[0] + ',' +color[1] + ',' + color[2] + ',' + alpha+')';\n ctx.fillRect(x, y, 1, 1);\n }\n }\n}","funcProperties":{"__isSmartRef__":true,"id":126},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"125":{"this":{"__isSmartRef__":true,"id":4}},"126":{"timestamp":{"__isSmartRef__":true,"id":127},"user":"bgnauk","tags":[]},"127":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:15:58 GMT-0700 (Pacific Daylight Time)"},"128":{"varMapping":{"__isSmartRef__":true,"id":129},"source":"function updateSat(mouseXCoord) {\n var width = this.getExtent().x,\n sat= mouseXCoord/ width ;\n this.sat= sat;\n}","funcProperties":{"__isSmartRef__":true,"id":130},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"129":{"this":{"__isSmartRef__":true,"id":4}},"130":{"timestamp":{"__isSmartRef__":true,"id":131},"user":"bgnauk","tags":[]},"131":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:11 GMT-0700 (Pacific Daylight Time)"},"132":{"varMapping":{"__isSmartRef__":true,"id":133},"source":"function updateBrt(mouseYCoord) {\n var height = this.getExtent().y,\n brt = 1 - (mouseYCoord / height);\n this.brt= brt;\n}","funcProperties":{"__isSmartRef__":true,"id":134},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"133":{"this":{"__isSmartRef__":true,"id":4}},"134":{"timestamp":{"__isSmartRef__":true,"id":135},"user":"bgnauk","tags":[]},"135":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:36:46 GMT-0700 (Pacific Daylight Time)"},"136":{"varMapping":{"__isSmartRef__":true,"id":137},"source":"function onMouseDown(evt) {\n this.mouseIsDown = true;\n this.updateBrt(evt.offsetY);\n this.updateSat(evt.offsetX);\n}","funcProperties":{"__isSmartRef__":true,"id":142},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"137":{"this":{"__isSmartRef__":true,"id":4},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":138}},"138":{"$super":{"__isSmartRef__":true,"id":139}},"139":{"varMapping":{"__isSmartRef__":true,"id":140},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":141},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"140":{"obj":{"__isSmartRef__":true,"id":4},"name":"onMouseDown"},"141":{},"142":{"timestamp":{"__isSmartRef__":true,"id":143},"user":"bgnauk","tags":[]},"143":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:27:12 GMT-0700 (Pacific Daylight Time)"},"144":{"varMapping":{"__isSmartRef__":true,"id":145},"source":"function onMouseMove(evt) {\n if (this.mouseIsDown) {\n this.updateBrt(evt.offsetY);\n this.updateSat(evt.offsetX);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":150},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"145":{"this":{"__isSmartRef__":true,"id":4},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":146}},"146":{"$super":{"__isSmartRef__":true,"id":147}},"147":{"varMapping":{"__isSmartRef__":true,"id":148},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":149},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"148":{"obj":{"__isSmartRef__":true,"id":4},"name":"onMouseMove"},"149":{},"150":{"timestamp":{"__isSmartRef__":true,"id":151},"user":"bgnauk","tags":[]},"151":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:27:25 GMT-0700 (Pacific Daylight Time)"},"152":{"varMapping":{"__isSmartRef__":true,"id":153},"source":"function onMouseUp(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":158},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"153":{"this":{"__isSmartRef__":true,"id":4},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":154}},"154":{"$super":{"__isSmartRef__":true,"id":155}},"155":{"varMapping":{"__isSmartRef__":true,"id":156},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":157},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"156":{"obj":{"__isSmartRef__":true,"id":4},"name":"onMouseUp"},"157":{},"158":{"timestamp":{"__isSmartRef__":true,"id":159},"user":"bgnauk","tags":[]},"159":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:26:57 GMT-0700 (Pacific Daylight Time)"},"160":{"varMapping":{"__isSmartRef__":true,"id":161},"source":"function onMouseOut(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":166},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"161":{"this":{"__isSmartRef__":true,"id":4},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":162}},"162":{"$super":{"__isSmartRef__":true,"id":163}},"163":{"varMapping":{"__isSmartRef__":true,"id":164},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":165},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"164":{"obj":{"__isSmartRef__":true,"id":4},"name":"onMouseOut"},"165":{},"166":{"timestamp":{"__isSmartRef__":true,"id":167},"user":"bgnauk","tags":[]},"167":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:39:21 GMT-0700 (Pacific Daylight Time)"},"168":{"renderContextTable":{"__isSmartRef__":true,"id":169},"_NodeClass":["Morph","CanvasMorph"],"_Extent":{"__isSmartRef__":true,"id":170},"_Padding":{"__isSmartRef__":true,"id":171},"stringifiedShapeNode":"

","extent":{"__isSmartRef__":true,"id":172},"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":173},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"169":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"170":{"x":198,"y":198,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"171":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"172":{"x":200,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"173":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"174":{"morph":{"__isSmartRef__":true,"id":2},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"175":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"176":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":177}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"177":{"date":{"__isSmartRef__":true,"id":178},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"178":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"179":{"x":140,"y":-9,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"180":{"sourceObj":{"__isSmartRef__":true,"id":2},"sourceAttrName":"sat","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateSat","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"181":{"sourceObj":{"__isSmartRef__":true,"id":2},"sourceAttrName":"brt","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateBrt","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":182},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"182":{"source":{"__isSmartRef__":true,"id":2},"target":{"__isSmartRef__":true,"id":19}},"183":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":184},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":185},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"184":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"185":{"x":181,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"186":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":187},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":188},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"187":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"188":{"x":281,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"189":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":190},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":191},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"190":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"191":{"x":381,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"192":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":193},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":194},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"193":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"194":{"x":381,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"195":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":196},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":197},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"196":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"197":{"x":381,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"198":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":199},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":200},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"199":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"200":{"x":281,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"201":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":202},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":203},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"202":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"203":{"x":181,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"204":{"morph":{"__isSmartRef__":true,"id":2},"position":{"__isSmartRef__":true,"id":205},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":206},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"205":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"206":{"x":181,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"207":{"draw":{"__isSmartRef__":true,"id":208},"updateSat":{"__isSmartRef__":true,"id":212},"updateBrt":{"__isSmartRef__":true,"id":216},"onMouseDown":{"__isSmartRef__":true,"id":220},"onMouseMove":{"__isSmartRef__":true,"id":228},"onMouseUp":{"__isSmartRef__":true,"id":236},"onMouseOut":{"__isSmartRef__":true,"id":244},"drawCrossAtSatBrt":{"__isSmartRef__":true,"id":252},"updateSatBrt":{"__isSmartRef__":true,"id":256},"prepareForNewRenderContext":{"__isSmartRef__":true,"id":260}},"208":{"varMapping":{"__isSmartRef__":true,"id":209},"source":"function draw(hue) {\n var canvas = this,\n ctx = canvas.getContext(),\n bounds = canvas.getExtent(),\n width = bounds.x,\n height = bounds.y,\n pixel = ctx.createImageData(1,1);\n \n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n}\n \n for (var x = 0; x < width; x++) {\n for (var y = 0; y < height; y++) {\n var hue = hue,\n sat = x / width,\n brt = 1 - (y / height),\n alpha = 1,\n color = hslToRgb(hue, sat, brt);\n ctx.fillStyle = 'rgba(' + color[0] + ',' +color[1] + ',' + color[2] + ',' + alpha+')';\n ctx.fillRect(x, y, 1, 1);\n }\n }\n}","funcProperties":{"__isSmartRef__":true,"id":210},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"209":{"this":{"__isSmartRef__":true,"id":2}},"210":{"timestamp":{"__isSmartRef__":true,"id":211},"user":"bgnauk","tags":[]},"211":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:23:40 GMT-0700 (Pacific Daylight Time)"},"212":{"varMapping":{"__isSmartRef__":true,"id":213},"source":"function updateSat(mouseXCoord) {\n var width = this.getExtent().x,\n sat= mouseXCoord/ width ;\n this.sat= sat;\n}","funcProperties":{"__isSmartRef__":true,"id":214},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"213":{"this":{"__isSmartRef__":true,"id":2}},"214":{"timestamp":{"__isSmartRef__":true,"id":215},"user":"bgnauk","tags":[]},"215":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:11 GMT-0700 (Pacific Daylight Time)"},"216":{"varMapping":{"__isSmartRef__":true,"id":217},"source":"function updateBrt(mouseYCoord) {\n var height = this.getExtent().y,\n brt = 1 - (mouseYCoord / height);\n this.brt = brt;\n}","funcProperties":{"__isSmartRef__":true,"id":218},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"217":{"this":{"__isSmartRef__":true,"id":2}},"218":{"timestamp":{"__isSmartRef__":true,"id":219},"user":"bgnauk","tags":[]},"219":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:20:48 GMT-0700 (Pacific Daylight Time)"},"220":{"varMapping":{"__isSmartRef__":true,"id":221},"source":"function onMouseDown(evt) {\n this.mouseIsDown = true;\n this.updateSatBrt(evt.offsetX, evt.offsetY);\n}","funcProperties":{"__isSmartRef__":true,"id":226},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"221":{"this":{"__isSmartRef__":true,"id":2},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":222}},"222":{"$super":{"__isSmartRef__":true,"id":223}},"223":{"varMapping":{"__isSmartRef__":true,"id":224},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":225},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"224":{"obj":{"__isSmartRef__":true,"id":2},"name":"onMouseDown"},"225":{},"226":{"timestamp":{"__isSmartRef__":true,"id":227},"user":"bgnauk","tags":[]},"227":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:21:44 GMT-0700 (Pacific Daylight Time)"},"228":{"varMapping":{"__isSmartRef__":true,"id":229},"source":"function onMouseMove(evt) {\n if (this.mouseIsDown) {\n this.updateSatBrt(evt.offsetX, evt.offsetY);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":234},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"229":{"this":{"__isSmartRef__":true,"id":2},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":230}},"230":{"$super":{"__isSmartRef__":true,"id":231}},"231":{"varMapping":{"__isSmartRef__":true,"id":232},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":233},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"232":{"obj":{"__isSmartRef__":true,"id":2},"name":"onMouseMove"},"233":{},"234":{"timestamp":{"__isSmartRef__":true,"id":235},"user":"bgnauk","tags":[]},"235":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:21:38 GMT-0700 (Pacific Daylight Time)"},"236":{"varMapping":{"__isSmartRef__":true,"id":237},"source":"function onMouseUp(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":242},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"237":{"this":{"__isSmartRef__":true,"id":2},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":238}},"238":{"$super":{"__isSmartRef__":true,"id":239}},"239":{"varMapping":{"__isSmartRef__":true,"id":240},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":241},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"240":{"obj":{"__isSmartRef__":true,"id":2},"name":"onMouseUp"},"241":{},"242":{"timestamp":{"__isSmartRef__":true,"id":243},"user":"bgnauk","tags":[]},"243":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:26:57 GMT-0700 (Pacific Daylight Time)"},"244":{"varMapping":{"__isSmartRef__":true,"id":245},"source":"function onMouseOut(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":250},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"245":{"this":{"__isSmartRef__":true,"id":2},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":246}},"246":{"$super":{"__isSmartRef__":true,"id":247}},"247":{"varMapping":{"__isSmartRef__":true,"id":248},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":249},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"248":{"obj":{"__isSmartRef__":true,"id":2},"name":"onMouseOut"},"249":{},"250":{"timestamp":{"__isSmartRef__":true,"id":251},"user":"bgnauk","tags":[]},"251":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:39:21 GMT-0700 (Pacific Daylight Time)"},"252":{"varMapping":{"__isSmartRef__":true,"id":253},"source":"function drawCrossAtSatBrt(sat, brt) {\n var ctx = this.getContext(),\n extent = this.getExtent(),\n height = extent.y,\n width = extent.x,\n x = Math.round(width * sat),\n y = Math.round(height * (1-brt)),\n lineLength = 5,\n margin = 2;\n //console.log(y);\n this.clear();\n ctx.beginPath();\n var line = function(x1, y1, x2, y2) { \n ctx.moveTo(x1, y1);\n ctx.lineTo(x2, y2);\n ctx.lineWidth = 0.5;\n ctx.strokeStyle = 'black';\n ctx.stroke();\n }\n \n line(x, y - margin, x, y - margin - lineLength);\n line(x, y + margin, x, y + margin + lineLength);\n line(x- margin, y, x - margin - lineLength, y);\n line(x + margin, y, x + margin + lineLength, y);\n\n}","funcProperties":{"__isSmartRef__":true,"id":254},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"253":{"this":{"__isSmartRef__":true,"id":2}},"254":{"timestamp":{"__isSmartRef__":true,"id":255},"user":"bgnauk","tags":[]},"255":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:22:20 GMT-0700 (Pacific Daylight Time)"},"256":{"varMapping":{"__isSmartRef__":true,"id":257},"source":"function updateSatBrt(sat, brt) {\n this.updateSat(sat);\n this.updateBrt(brt);\n this.drawCrossAtSatBrt(this.sat, this.brt);\n}","funcProperties":{"__isSmartRef__":true,"id":258},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"257":{"this":{"__isSmartRef__":true,"id":2}},"258":{"timestamp":{"__isSmartRef__":true,"id":259},"user":"bgnauk","tags":[]},"259":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:21:50 GMT-0700 (Pacific Daylight Time)"},"260":{"varMapping":{"__isSmartRef__":true,"id":261},"source":"function prepareForNewRenderContext(renderCtx) {\n $super(renderCtx);\n this.draw(0);\n}","funcProperties":{"__isSmartRef__":true,"id":266},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"261":{"this":{"__isSmartRef__":true,"id":2},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":262}},"262":{"$super":{"__isSmartRef__":true,"id":263}},"263":{"varMapping":{"__isSmartRef__":true,"id":264},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":265},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"264":{"obj":{"__isSmartRef__":true,"id":2},"name":"prepareForNewRenderContext"},"265":{},"266":{"timestamp":{"__isSmartRef__":true,"id":267},"user":"bgnauk","tags":[]},"267":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:30:38 GMT-0700 (Pacific Daylight Time)"},"268":{"renderContextTable":{"__isSmartRef__":true,"id":269},"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":270},"eventHandler":{"__isSmartRef__":true,"id":276},"_ClipMode":"visible","derivationIds":["8BBA25FF-3A0E-4E03-ADC0-00485155BEDC"],"id":"BB7C09DC-DA30-4FAE-8A56-8A903D4ADC61","droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":277},"partsBinMetaInfo":{"__isSmartRef__":true,"id":278},"name":"HueField","isBeingDragged":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":281},"owner":{"__isSmartRef__":true,"id":1},"draggingEnabled":false,"grabbingEnabled":false,"attributeConnections":[{"__isSmartRef__":true,"id":282},{"__isSmartRef__":true,"id":460}],"doNotSerialize":["$$hue"],"doNotCopyProperties":["$$hue"],"hue":0.225,"mouseIsDown":false,"magnets":[{"__isSmartRef__":true,"id":462},{"__isSmartRef__":true,"id":465},{"__isSmartRef__":true,"id":468},{"__isSmartRef__":true,"id":471},{"__isSmartRef__":true,"id":474},{"__isSmartRef__":true,"id":477},{"__isSmartRef__":true,"id":480},{"__isSmartRef__":true,"id":483}],"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":486},"__LivelyClassName__":"lively.morphic.CanvasMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"269":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","createCanvasNode":"createCanvasNodeHTML","getContext":"getContextHTML","adaptCanvasSize":"adaptCanvasSizeHTML"},"270":{"renderContextTable":{"__isSmartRef__":true,"id":271},"_NodeClass":["Morph","CanvasMorph"],"_Extent":{"__isSmartRef__":true,"id":272},"_Padding":{"__isSmartRef__":true,"id":273},"stringifiedShapeNode":"","extent":{"__isSmartRef__":true,"id":274},"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":275},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"271":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"272":{"x":28,"y":198,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"273":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"274":{"x":30,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"275":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"276":{"morph":{"__isSmartRef__":true,"id":268},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"277":{"x":220,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"278":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":279}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"279":{"date":{"__isSmartRef__":true,"id":280},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"280":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"281":{"x":42,"y":-18,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"282":{"sourceObj":{"__isSmartRef__":true,"id":268},"sourceAttrName":"hue","targetObj":{"__isSmartRef__":true,"id":283},"targetMethodName":"draw","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"283":{"renderContextTable":{"__isSmartRef__":true,"id":284},"submorphs":[{"__isSmartRef__":true,"id":285}],"scripts":[],"shape":{"__isSmartRef__":true,"id":371},"eventHandler":{"__isSmartRef__":true,"id":377},"_ClipMode":"visible","derivationIds":[],"id":"8BBA25FF-3A0E-4E03-ADC0-00485155BEDC","droppingEnabled":true,"halosEnabled":true,"owner":{"__isSmartRef__":true,"id":1},"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":378},"partsBinMetaInfo":{"__isSmartRef__":true,"id":379},"name":"SaturationBrightnessPickerField","isBeingDragged":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":382},"draggingEnabled":true,"grabbingEnabled":false,"mouseIsDown":false,"brt":0.31999999999999995,"attributeConnections":[{"__isSmartRef__":true,"id":383},{"__isSmartRef__":true,"id":385}],"doNotSerialize":["$$sat","$$brt"],"doNotCopyProperties":["$$sat","$$brt"],"sat":0.68,"magnets":[{"__isSmartRef__":true,"id":387},{"__isSmartRef__":true,"id":390},{"__isSmartRef__":true,"id":393},{"__isSmartRef__":true,"id":396},{"__isSmartRef__":true,"id":399},{"__isSmartRef__":true,"id":402},{"__isSmartRef__":true,"id":405},{"__isSmartRef__":true,"id":408}],"isCopyMorphRef":true,"morphRefId":1,"draw":0.22631578947368422,"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":411},"__LivelyClassName__":"lively.morphic.CanvasMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"284":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","createCanvasNode":"createCanvasNodeHTML","getContext":"getContextHTML","adaptCanvasSize":"adaptCanvasSizeHTML"},"285":{"renderContextTable":{"__isSmartRef__":true,"id":286},"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":287},"eventHandler":{"__isSmartRef__":true,"id":293},"_ClipMode":"visible","derivationIds":["8BBA25FF-3A0E-4E03-ADC0-00485155BEDC"],"id":"1EB48398-C523-4100-A621-7EB1042FD474","droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":294},"partsBinMetaInfo":{"__isSmartRef__":true,"id":295},"name":"SaturationBrightnessField1","isBeingDragged":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":298},"draggingEnabled":false,"grabbingEnabled":false,"mouseIsDown":false,"brt":0.85,"attributeConnections":[{"__isSmartRef__":true,"id":299},{"__isSmartRef__":true,"id":300}],"doNotSerialize":["$$sat","$$brt"],"doNotCopyProperties":["$$sat","$$brt"],"sat":0.55,"magnets":[{"__isSmartRef__":true,"id":302},{"__isSmartRef__":true,"id":305},{"__isSmartRef__":true,"id":308},{"__isSmartRef__":true,"id":311},{"__isSmartRef__":true,"id":314},{"__isSmartRef__":true,"id":317},{"__isSmartRef__":true,"id":320},{"__isSmartRef__":true,"id":323}],"isCopyMorphRef":true,"morphRefId":1,"owner":{"__isSmartRef__":true,"id":283},"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":326},"__LivelyClassName__":"lively.morphic.CanvasMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs"},"286":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","createCanvasNode":"createCanvasNodeHTML","getContext":"getContextHTML","adaptCanvasSize":"adaptCanvasSizeHTML"},"287":{"renderContextTable":{"__isSmartRef__":true,"id":288},"_NodeClass":["Morph","CanvasMorph"],"_Extent":{"__isSmartRef__":true,"id":289},"_Padding":{"__isSmartRef__":true,"id":290},"stringifiedShapeNode":"","extent":{"__isSmartRef__":true,"id":291},"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":292},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"288":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"289":{"x":198,"y":198,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"290":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"291":{"x":200,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"292":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"293":{"morph":{"__isSmartRef__":true,"id":285},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"294":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"295":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":296}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"296":{"date":{"__isSmartRef__":true,"id":297},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"297":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"298":{"x":138,"y":-13,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"299":{"sourceObj":{"__isSmartRef__":true,"id":285},"sourceAttrName":"sat","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateSat","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"300":{"sourceObj":{"__isSmartRef__":true,"id":285},"sourceAttrName":"brt","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateBrt","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":301},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"301":{"source":{"__isSmartRef__":true,"id":285},"target":{"__isSmartRef__":true,"id":19}},"302":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":303},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":304},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"303":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"304":{"x":181,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"305":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":306},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":307},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"306":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"307":{"x":281,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"308":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":309},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":310},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"309":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"310":{"x":381,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"311":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":312},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":313},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"312":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"313":{"x":381,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"314":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":315},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":316},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"315":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"316":{"x":381,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"317":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":318},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":319},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"318":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"319":{"x":281,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"320":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":321},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":322},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"321":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"322":{"x":181,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"323":{"morph":{"__isSmartRef__":true,"id":285},"position":{"__isSmartRef__":true,"id":324},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":325},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"324":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"325":{"x":181,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"326":{"draw":{"__isSmartRef__":true,"id":327},"updateSat":{"__isSmartRef__":true,"id":331},"updateBrt":{"__isSmartRef__":true,"id":335},"onMouseDown":{"__isSmartRef__":true,"id":339},"onMouseMove":{"__isSmartRef__":true,"id":347},"onMouseUp":{"__isSmartRef__":true,"id":355},"onMouseOut":{"__isSmartRef__":true,"id":363}},"327":{"varMapping":{"__isSmartRef__":true,"id":328},"source":"function draw(hue) {\n var canvas = this,\n ctx = canvas.getContext(),\n bounds = canvas.getExtent(),\n width = bounds.x,\n height = bounds.y,\n pixel = ctx.createImageData(1,1);\n \n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n}\n \n for (var x = 0; x < width; x++) {\n for (var y = 0; y < height; y++) {\n var hue = hue,\n sat = x / width,\n brt = 1 - (y / height),\n alpha = 1,\n color = hslToRgb(hue, sat, brt);\n ctx.fillStyle = 'rgba(' + color[0] + ',' +color[1] + ',' + color[2] + ',' + alpha+')';\n ctx.fillRect(x, y, 1, 1);\n }\n }\n}","funcProperties":{"__isSmartRef__":true,"id":329},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"328":{"this":{"__isSmartRef__":true,"id":285}},"329":{"timestamp":{"__isSmartRef__":true,"id":330},"user":"bgnauk","tags":[]},"330":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:15:58 GMT-0700 (Pacific Daylight Time)"},"331":{"varMapping":{"__isSmartRef__":true,"id":332},"source":"function updateSat(mouseXCoord) {\n var width = this.getExtent().x,\n sat= mouseXCoord/ width ;\n this.sat= sat;\n}","funcProperties":{"__isSmartRef__":true,"id":333},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"332":{"this":{"__isSmartRef__":true,"id":285}},"333":{"timestamp":{"__isSmartRef__":true,"id":334},"user":"bgnauk","tags":[]},"334":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:35:11 GMT-0700 (Pacific Daylight Time)"},"335":{"varMapping":{"__isSmartRef__":true,"id":336},"source":"function updateBrt(mouseYCoord) {\n var height = this.getExtent().y,\n brt = 1 - (mouseYCoord / height);\n this.brt= brt;\n}","funcProperties":{"__isSmartRef__":true,"id":337},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"336":{"this":{"__isSmartRef__":true,"id":285}},"337":{"timestamp":{"__isSmartRef__":true,"id":338},"user":"bgnauk","tags":[]},"338":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:36:46 GMT-0700 (Pacific Daylight Time)"},"339":{"varMapping":{"__isSmartRef__":true,"id":340},"source":"function onMouseDown(evt) {\n this.mouseIsDown = true;\n this.updateBrt(evt.offsetY);\n this.updateSat(evt.offsetX);\n}","funcProperties":{"__isSmartRef__":true,"id":345},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"340":{"this":{"__isSmartRef__":true,"id":285},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":341}},"341":{"$super":{"__isSmartRef__":true,"id":342}},"342":{"varMapping":{"__isSmartRef__":true,"id":343},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":344},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"343":{"obj":{"__isSmartRef__":true,"id":285},"name":"onMouseDown"},"344":{},"345":{"timestamp":{"__isSmartRef__":true,"id":346},"user":"bgnauk","tags":[]},"346":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:27:12 GMT-0700 (Pacific Daylight Time)"},"347":{"varMapping":{"__isSmartRef__":true,"id":348},"source":"function onMouseMove(evt) {\n if (this.mouseIsDown) {\n this.updateBrt(evt.offsetY);\n this.updateSat(evt.offsetX);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":353},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"348":{"this":{"__isSmartRef__":true,"id":285},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":349}},"349":{"$super":{"__isSmartRef__":true,"id":350}},"350":{"varMapping":{"__isSmartRef__":true,"id":351},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":352},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"351":{"obj":{"__isSmartRef__":true,"id":285},"name":"onMouseMove"},"352":{},"353":{"timestamp":{"__isSmartRef__":true,"id":354},"user":"bgnauk","tags":[]},"354":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:27:25 GMT-0700 (Pacific Daylight Time)"},"355":{"varMapping":{"__isSmartRef__":true,"id":356},"source":"function onMouseUp(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":361},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"356":{"this":{"__isSmartRef__":true,"id":285},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":357}},"357":{"$super":{"__isSmartRef__":true,"id":358}},"358":{"varMapping":{"__isSmartRef__":true,"id":359},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":360},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"359":{"obj":{"__isSmartRef__":true,"id":285},"name":"onMouseUp"},"360":{},"361":{"timestamp":{"__isSmartRef__":true,"id":362},"user":"bgnauk","tags":[]},"362":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:26:57 GMT-0700 (Pacific Daylight Time)"},"363":{"varMapping":{"__isSmartRef__":true,"id":364},"source":"function onMouseOut(evt) {\n this.mouseIsDown = false;\n}","funcProperties":{"__isSmartRef__":true,"id":369},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"364":{"this":{"__isSmartRef__":true,"id":285},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":365}},"365":{"$super":{"__isSmartRef__":true,"id":366}},"366":{"varMapping":{"__isSmartRef__":true,"id":367},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":368},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"367":{"obj":{"__isSmartRef__":true,"id":285},"name":"onMouseOut"},"368":{},"369":{"timestamp":{"__isSmartRef__":true,"id":370},"user":"bgnauk","tags":[]},"370":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:39:21 GMT-0700 (Pacific Daylight Time)"},"371":{"renderContextTable":{"__isSmartRef__":true,"id":372},"_NodeClass":["Morph","CanvasMorph"],"_Extent":{"__isSmartRef__":true,"id":373},"_Padding":{"__isSmartRef__":true,"id":374},"stringifiedShapeNode":"

","extent":{"__isSmartRef__":true,"id":375},"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":376},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"372":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"373":{"x":198,"y":198,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"374":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"375":{"x":200,"y":200,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"376":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"377":{"morph":{"__isSmartRef__":true,"id":283},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"378":{"x":10,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"379":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":380}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"380":{"date":{"__isSmartRef__":true,"id":381},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"381":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"382":{"x":139,"y":-8,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"383":{"sourceObj":{"__isSmartRef__":true,"id":283},"sourceAttrName":"sat","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateSat","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":384},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"384":{"source":{"__isSmartRef__":true,"id":283},"target":{"__isSmartRef__":true,"id":1}},"385":{"sourceObj":{"__isSmartRef__":true,"id":283},"sourceAttrName":"brt","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateBrt","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":386},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"386":{"source":{"__isSmartRef__":true,"id":283},"target":{"__isSmartRef__":true,"id":1}},"387":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":388},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":389},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"388":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"389":{"x":181,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"390":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":391},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":392},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"391":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"392":{"x":281,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"393":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":394},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":395},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"394":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"395":{"x":381,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"396":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":397},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":398},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"397":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"398":{"x":381,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"399":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":400},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":401},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"400":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"401":{"x":381,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"402":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":403},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":404},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"403":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"404":{"x":281,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"405":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":406},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":407},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"406":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"407":{"x":181,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"408":{"morph":{"__isSmartRef__":true,"id":283},"position":{"__isSmartRef__":true,"id":409},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":410},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"409":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"410":{"x":181,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"411":{"updateSat":{"__isSmartRef__":true,"id":412},"updateBrt":{"__isSmartRef__":true,"id":416},"onMouseUp":{"__isSmartRef__":true,"id":420},"drawCrossAtSatBrt":{"__isSmartRef__":true,"id":428},"updateSatBrt":{"__isSmartRef__":true,"id":432},"onDrag":{"__isSmartRef__":true,"id":436},"correctForDragOffset":{"__isSmartRef__":true,"id":444},"onMouseDown":{"__isSmartRef__":true,"id":452}},"412":{"varMapping":{"__isSmartRef__":true,"id":413},"source":"function updateSat(mouseXCoord) {\n var width = this.getExtent().x,\n sat= mouseXCoord/ width ;\n if (sat> 1) { sat= 1; }\n if (sat< 0) { sat= 0; }\n this.sat= sat;\n}","funcProperties":{"__isSmartRef__":true,"id":414},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"413":{"this":{"__isSmartRef__":true,"id":283}},"414":{"timestamp":{"__isSmartRef__":true,"id":415},"user":"bgnauk","tags":[]},"415":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:20:49 GMT-0700 (Pacific Daylight Time)"},"416":{"varMapping":{"__isSmartRef__":true,"id":417},"source":"function updateBrt(mouseYCoord) {\n var height = this.getExtent().y,\n brt = 1 - (mouseYCoord / height);\n if (brt > 1) { brt = 1; }\n if (brt < 0) { brt = 0; }\n this.brt = brt;\n}","funcProperties":{"__isSmartRef__":true,"id":418},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"417":{"this":{"__isSmartRef__":true,"id":283}},"418":{"timestamp":{"__isSmartRef__":true,"id":419},"user":"bgnauk","tags":[]},"419":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:20:39 GMT-0700 (Pacific Daylight Time)"},"420":{"varMapping":{"__isSmartRef__":true,"id":421},"source":"function onMouseUp(evt) {\n return this.onDrag(evt);\n}","funcProperties":{"__isSmartRef__":true,"id":426},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"421":{"this":{"__isSmartRef__":true,"id":283},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":422}},"422":{"$super":{"__isSmartRef__":true,"id":423}},"423":{"varMapping":{"__isSmartRef__":true,"id":424},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":425},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"424":{"obj":{"__isSmartRef__":true,"id":283},"name":"onMouseUp"},"425":{},"426":{"timestamp":{"__isSmartRef__":true,"id":427},"user":"bgnauk","tags":[]},"427":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:23:02 GMT-0700 (Pacific Daylight Time)"},"428":{"varMapping":{"__isSmartRef__":true,"id":429},"source":"function drawCrossAtSatBrt(sat, brt) {\n var ctx = this.getContext(),\n extent = this.getExtent(),\n height = extent.y,\n width = extent.x,\n x = Math.round(width * sat) + 0.5,\n y = Math.round(height * (1-brt)) + 0.5,\n lineLength = 5,\n margin = 2;\n //console.log(y);\n this.clear();\n if (ctx) {\n ctx.beginPath();\n var line = function(x1, y1, x2, y2) { \n ctx.moveTo(x1, y1);\n ctx.lineTo(x2, y2);\n ctx.lineWidth = 0.5;\n ctx.strokeStyle = 'black';\n ctx.stroke();\n }\n \n line(x, y - margin, x, y - margin - lineLength);\n line(x, y + margin, x, y + margin + lineLength);\n line(x- margin, y, x - margin - lineLength, y);\n line(x + margin, y, x + margin + lineLength, y);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":430},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"429":{"this":{"__isSmartRef__":true,"id":283}},"430":{"timestamp":{"__isSmartRef__":true,"id":431},"user":"bgnauk","tags":[]},"431":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:40:39 GMT-0700 (Pacific Daylight Time)"},"432":{"varMapping":{"__isSmartRef__":true,"id":433},"source":"function updateSatBrt(sat, brt) {\n this.updateSat(sat);\n this.updateBrt(brt);\n this.drawCrossAtSatBrt(this.sat, this.brt);\n}","funcProperties":{"__isSmartRef__":true,"id":434},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"433":{"this":{"__isSmartRef__":true,"id":283}},"434":{"timestamp":{"__isSmartRef__":true,"id":435},"user":"bgnauk","tags":[]},"435":{"isSerializedDate":true,"string":"Thu Aug 09 2012 18:21:50 GMT-0700 (Pacific Daylight Time)"},"436":{"varMapping":{"__isSmartRef__":true,"id":437},"source":"function onDrag(evt) {\n this.updateSatBrt(evt.getPositionIn(this).x, evt.getPositionIn(this).y);\n}","funcProperties":{"__isSmartRef__":true,"id":442},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"437":{"this":{"__isSmartRef__":true,"id":283},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":438}},"438":{"$super":{"__isSmartRef__":true,"id":439}},"439":{"varMapping":{"__isSmartRef__":true,"id":440},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":441},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"440":{"obj":{"__isSmartRef__":true,"id":283},"name":"onDrag"},"441":{},"442":{"timestamp":{"__isSmartRef__":true,"id":443},"user":"bgnauk","tags":[]},"443":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:19:33 GMT-0700 (Pacific Daylight Time)"},"444":{"varMapping":{"__isSmartRef__":true,"id":445},"source":"function correctForDragOffset() { return false }","funcProperties":{"__isSmartRef__":true,"id":450},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"445":{"this":{"__isSmartRef__":true,"id":283},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":446}},"446":{"$super":{"__isSmartRef__":true,"id":447}},"447":{"varMapping":{"__isSmartRef__":true,"id":448},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":449},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"448":{"obj":{"__isSmartRef__":true,"id":283},"name":"correctForDragOffset"},"449":{},"450":{"timestamp":{"__isSmartRef__":true,"id":451},"user":"bgnauk","tags":[]},"451":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:17:01 GMT-0700 (Pacific Daylight Time)"},"452":{"varMapping":{"__isSmartRef__":true,"id":453},"source":"function onMouseDown(evt) {\n return this.onDrag(evt);\n}","funcProperties":{"__isSmartRef__":true,"id":458},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"453":{"this":{"__isSmartRef__":true,"id":283},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":454}},"454":{"$super":{"__isSmartRef__":true,"id":455}},"455":{"varMapping":{"__isSmartRef__":true,"id":456},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":457},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"456":{"obj":{"__isSmartRef__":true,"id":283},"name":"onMouseDown"},"457":{},"458":{"timestamp":{"__isSmartRef__":true,"id":459},"user":"bgnauk","tags":[]},"459":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:23:20 GMT-0700 (Pacific Daylight Time)"},"460":{"sourceObj":{"__isSmartRef__":true,"id":268},"sourceAttrName":"hue","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateHue","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":461},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"461":{"source":{"__isSmartRef__":true,"id":268},"target":{"__isSmartRef__":true,"id":19}},"462":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":463},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":464},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"463":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"464":{"x":391,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"465":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":466},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":467},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"466":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"467":{"x":406,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"468":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":469},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":470},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"469":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"470":{"x":421,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"471":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":472},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":473},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"472":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"473":{"x":421,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"474":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":475},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":476},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"475":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"476":{"x":421,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"477":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":478},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":479},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"478":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"479":{"x":406,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"480":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":481},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":482},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"481":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"482":{"x":391,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"483":{"morph":{"__isSmartRef__":true,"id":268},"position":{"__isSmartRef__":true,"id":484},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":485},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"484":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"485":{"x":391,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"486":{"draw":{"__isSmartRef__":true,"id":487},"prepareForNewRenderContext":{"__isSmartRef__":true,"id":491}},"487":{"varMapping":{"__isSmartRef__":true,"id":488},"source":"function draw() {\n var canvas = this,\n ctx = canvas.getContext(),\n bounds = canvas.getExtent(),\n width = bounds.x,\n height = bounds.y,\n pixel = ctx.createImageData(1,1);\n \n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n}\n \n for (var x = 0; x < width; x++) {\n for (var y = 0; y < height; y++) {\n var hue = (y / height),\n sat = 1,\n brt = 0.5,\n alpha = 1,\n color = hslToRgb(hue, sat, brt);\n ctx.fillStyle = 'rgba(' + color[0] + ',' +color[1] + ',' + color[2] + ',' + alpha+')';\n ctx.fillRect(x, y, 1, 1);\n }\n }\n}","funcProperties":{"__isSmartRef__":true,"id":489},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"488":{"this":{"__isSmartRef__":true,"id":268}},"489":{"timestamp":{"__isSmartRef__":true,"id":490},"user":"bgnauk","tags":[]},"490":{"isSerializedDate":true,"string":"Thu Aug 09 2012 17:13:40 GMT-0700 (Pacific Daylight Time)"},"491":{"varMapping":{"__isSmartRef__":true,"id":492},"source":"function prepareForNewRenderContext(renderCtx) {\n $super(renderCtx);\n this.draw();\n}","funcProperties":{"__isSmartRef__":true,"id":497},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"492":{"this":{"__isSmartRef__":true,"id":268},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":493}},"493":{"$super":{"__isSmartRef__":true,"id":494}},"494":{"varMapping":{"__isSmartRef__":true,"id":495},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":496},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"495":{"obj":{"__isSmartRef__":true,"id":268},"name":"prepareForNewRenderContext"},"496":{},"497":{"timestamp":{"__isSmartRef__":true,"id":498},"user":"bgnauk","tags":[]},"498":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:31:02 GMT-0700 (Pacific Daylight Time)"},"499":{"submorphs":[],"scripts":[],"id":"5DA095A9-0B0A-42C8-8D94-2F4932D0C071","shape":{"__isSmartRef__":true,"id":500},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":507},"_MaxTextWidth":122.928,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":503},"showsHalos":false,"_FontSize":8,"name":"RGBValue","partsBinMetaInfo":{"__isSmartRef__":true,"id":508},"textChunks":[{"__isSmartRef__":true,"id":519}],"charsReplaced":"D55AB7","lastFindLoc":6,"prevScroll":[0,0],"renderContextTable":{"__isSmartRef__":true,"id":521},"eventHandler":{"__isSmartRef__":true,"id":522},"_Padding":{"__isSmartRef__":true,"id":523},"_ClipMode":"visible","derivationIds":[355,"1EB1674F-8BF2-419B-B054-86129ED70335","63698904-DC05-4341-A9B6-5CC4A219CD04","F6A714BA-4735-41ED-8A2A-45CB153FBDF8"],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":122.928,"_MinTextHeight":null,"isBeingDragged":false,"moved":true,"owner":{"__isSmartRef__":true,"id":1},"_Visible":true,"distanceToDragEvent":{"__isSmartRef__":true,"id":524},"attributeConnections":[{"__isSmartRef__":true,"id":525}],"doNotSerialize":["$$textString"],"doNotCopyProperties":["$$textString"],"previousSelection":[0,6],"textString":"37891A","_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"500":{"fill":null,"_Position":{"__isSmartRef__":true,"id":501},"_Extent":{"__isSmartRef__":true,"id":502},"_BorderWidth":1.036,"_BorderColor":{"__isSmartRef__":true,"id":503},"renderContextTable":{"__isSmartRef__":true,"id":504},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":505},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"ridge","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_Fill":{"__isSmartRef__":true,"id":506},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"501":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"502":{"x":150,"y":20.072,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"503":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"504":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"505":{"x":4,"y":2,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"506":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"507":{"x":101,"y":227,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"508":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","changes":[{"__isSmartRef__":true,"id":509},{"__isSmartRef__":true,"id":511},{"__isSmartRef__":true,"id":513},{"__isSmartRef__":true,"id":515},{"__isSmartRef__":true,"id":517}],"revisionOnLoad":160159,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"509":{"date":{"__isSmartRef__":true,"id":510},"author":"robertkrahn","message":"text click was broken?","id":"9D065E14-9653-4B2A-9A2E-3AD84EBBC3E0"},"510":{"isSerializedDate":true,"string":"Sat Apr 21 2012 07:30:30 GMT-0700 (Pacific Daylight Time)"},"511":{"date":{"__isSmartRef__":true,"id":512},"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"},"512":{"isSerializedDate":true,"string":"Sun Feb 26 2012 21:20:38 GMT-0800 (Pacific Standard Time)"},"513":{"date":{"__isSmartRef__":true,"id":514},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"0F4DE333-A551-4961-B29D-70270977EBEF"},"514":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:31:43 GMT-0700 (Pacific Daylight Time)"},"515":{"date":{"__isSmartRef__":true,"id":516},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"785D95BD-7858-43EB-90E6-A1C085E2F2B9"},"516":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:32:09 GMT-0700 (Pacific Daylight Time)"},"517":{"date":{"__isSmartRef__":true,"id":518},"author":"timfelgentreff","message":"better text","id":"B904F9AC-6EA0-4A8A-83C9-AFC85AADC194"},"518":{"isSerializedDate":true,"string":"Tue May 08 2012 05:18:18 GMT-0700 (Pacific Daylight Time)"},"519":{"style":{"__isSmartRef__":true,"id":520},"chunkOwner":{"__isSmartRef__":true,"id":499},"_id":"_2","storedString":"37891A","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"520":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"521":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"522":{"morph":{"__isSmartRef__":true,"id":499},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"523":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"524":{"x":60,"y":-11,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"525":{"sourceObj":{"__isSmartRef__":true,"id":499},"sourceAttrName":"textString","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateColorFromString","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":526},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"526":{"source":{"__isSmartRef__":true,"id":499},"target":{"__isSmartRef__":true,"id":1}},"527":{"submorphs":[],"scripts":[],"id":"393399C8-7EC5-457B-B090-023B1802EF42","shape":{"__isSmartRef__":true,"id":528},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":534},"_MaxTextWidth":92,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":531},"showsHalos":false,"_FontSize":8,"name":"Text","partsBinMetaInfo":{"__isSmartRef__":true,"id":535},"textChunks":[{"__isSmartRef__":true,"id":546}],"charsReplaced":"Some Text","lastFindLoc":9,"prevScroll":[0,0],"renderContextTable":{"__isSmartRef__":true,"id":548},"eventHandler":{"__isSmartRef__":true,"id":549},"_Padding":{"__isSmartRef__":true,"id":550},"_ClipMode":"visible","derivationIds":[355,"1EB1674F-8BF2-419B-B054-86129ED70335","63698904-DC05-4341-A9B6-5CC4A219CD04","F6A714BA-4735-41ED-8A2A-45CB153FBDF8"],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":92,"_MinTextHeight":null,"isBeingDragged":false,"moved":true,"owner":{"__isSmartRef__":true,"id":1},"distanceToDragEvent":{"__isSmartRef__":true,"id":551},"_Visible":true,"previousSelection":[3,3],"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"528":{"fill":null,"_Position":{"__isSmartRef__":true,"id":529},"_Extent":{"__isSmartRef__":true,"id":530},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":531},"renderContextTable":{"__isSmartRef__":true,"id":532},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":533},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"529":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"530":{"x":92,"y":14,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"531":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"532":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"533":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"534":{"x":10,"y":230,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"535":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","changes":[{"__isSmartRef__":true,"id":536},{"__isSmartRef__":true,"id":538},{"__isSmartRef__":true,"id":540},{"__isSmartRef__":true,"id":542},{"__isSmartRef__":true,"id":544}],"revisionOnLoad":160159,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"536":{"date":{"__isSmartRef__":true,"id":537},"author":"robertkrahn","message":"text click was broken?","id":"9D065E14-9653-4B2A-9A2E-3AD84EBBC3E0"},"537":{"isSerializedDate":true,"string":"Sat Apr 21 2012 07:30:30 GMT-0700 (Pacific Daylight Time)"},"538":{"date":{"__isSmartRef__":true,"id":539},"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"},"539":{"isSerializedDate":true,"string":"Sun Feb 26 2012 21:20:38 GMT-0800 (Pacific Standard Time)"},"540":{"date":{"__isSmartRef__":true,"id":541},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"0F4DE333-A551-4961-B29D-70270977EBEF"},"541":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:31:43 GMT-0700 (Pacific Daylight Time)"},"542":{"date":{"__isSmartRef__":true,"id":543},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"785D95BD-7858-43EB-90E6-A1C085E2F2B9"},"543":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:32:09 GMT-0700 (Pacific Daylight Time)"},"544":{"date":{"__isSmartRef__":true,"id":545},"author":"timfelgentreff","message":"better text","id":"B904F9AC-6EA0-4A8A-83C9-AFC85AADC194"},"545":{"isSerializedDate":true,"string":"Tue May 08 2012 05:18:18 GMT-0700 (Pacific Daylight Time)"},"546":{"style":{"__isSmartRef__":true,"id":547},"morph":{"__isSmartRef__":true,"id":527},"chunkOwner":{"__isSmartRef__":true,"id":527},"storedString":"RGB Hex value:","_id":"_182","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"547":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"548":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"549":{"morph":{"__isSmartRef__":true,"id":527},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"550":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"551":{"x":94,"y":-12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"552":{"renderContextTable":{"__isSmartRef__":true,"id":553},"submorphs":[],"scripts":[],"shape":{"__isSmartRef__":true,"id":554},"eventHandler":{"__isSmartRef__":true,"id":560},"_ClipMode":"visible","derivationIds":["8BBA25FF-3A0E-4E03-ADC0-00485155BEDC","BB7C09DC-DA30-4FAE-8A56-8A903D4ADC61"],"id":"99ED531D-F5DE-446A-9CCF-58561F1DFCE9","droppingEnabled":true,"halosEnabled":true,"showsHalos":false,"_Position":{"__isSmartRef__":true,"id":561},"partsBinMetaInfo":{"__isSmartRef__":true,"id":562},"name":"HueSelectorField","isBeingDragged":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":565},"draggingEnabled":true,"grabbingEnabled":false,"attributeConnections":[{"__isSmartRef__":true,"id":566},{"__isSmartRef__":true,"id":568}],"doNotSerialize":["$$hue"],"doNotCopyProperties":["$$hue"],"hue":0.2894736842105263,"mouseIsDown":false,"magnets":[{"__isSmartRef__":true,"id":570},{"__isSmartRef__":true,"id":573},{"__isSmartRef__":true,"id":576},{"__isSmartRef__":true,"id":579},{"__isSmartRef__":true,"id":582},{"__isSmartRef__":true,"id":585},{"__isSmartRef__":true,"id":588},{"__isSmartRef__":true,"id":591}],"owner":{"__isSmartRef__":true,"id":1},"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":594},"__LivelyClassName__":"lively.morphic.CanvasMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","withoutLayers":["Global.lively.morphic.GrabbingLayer"]},"553":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","createCanvasNode":"createCanvasNodeHTML","getContext":"getContextHTML","adaptCanvasSize":"adaptCanvasSizeHTML"},"554":{"renderContextTable":{"__isSmartRef__":true,"id":555},"_NodeClass":["Morph","CanvasMorph"],"_Extent":{"__isSmartRef__":true,"id":556},"_Padding":{"__isSmartRef__":true,"id":557},"stringifiedShapeNode":"","extent":{"__isSmartRef__":true,"id":558},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"_BorderColor":{"__isSmartRef__":true,"id":559},"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes"},"555":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","getExtent":"getExtentHTML","initFromStringifiedShapeNode":"initFromStringifiedShapeNodeHTML"},"556":{"x":30,"y":190,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"557":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"558":{"x":30,"y":190,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"559":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"560":{"morph":{"__isSmartRef__":true,"id":552},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"561":{"x":220,"y":10,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"562":{"partName":"HTMLCanvas","requiredModules":[],"partsSpaceName":"PartsBin/Sandbox","comment":"Interface to an HTML Canvas object.\n\nUse getContext() to get the 2d context.\nThen just use that to draw things.","changes":[{"__isSmartRef__":true,"id":563}],"migrationLevel":4,"revisionOnLoad":177548,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"563":{"date":{"__isSmartRef__":true,"id":564},"author":"bgnauk","message":"no comment","id":"E504CA1C-BE2D-4AB1-AA4C-3CC2BDF1D95A"},"564":{"isSerializedDate":true,"string":"Thu Aug 09 2012 15:54:00 GMT-0700 (Pacific Daylight Time)"},"565":{"x":39,"y":-14,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"566":{"sourceObj":{"__isSmartRef__":true,"id":552},"sourceAttrName":"hue","targetObj":{"__isSmartRef__":true,"id":2},"targetMethodName":"draw","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":567},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"567":{"source":{"__isSmartRef__":true,"id":552},"target":{"__isSmartRef__":true,"id":2}},"568":{"sourceObj":{"__isSmartRef__":true,"id":552},"sourceAttrName":"hue","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateHue","converter":null,"converterString":null,"updater":null,"updaterString":null,"varMapping":{"__isSmartRef__":true,"id":569},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"569":{"source":{"__isSmartRef__":true,"id":552},"target":{"__isSmartRef__":true,"id":1}},"570":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":571},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":572},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"571":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"572":{"x":391,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"573":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":574},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":575},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"574":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"575":{"x":406,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"576":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":577},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":578},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"577":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"578":{"x":421,"y":337,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"579":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":580},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":581},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"580":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"581":{"x":421,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"582":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":583},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":584},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"583":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"584":{"x":421,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"585":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":586},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":587},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"586":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"587":{"x":406,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"588":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":589},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":590},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"589":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"590":{"x":391,"y":537,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"591":{"morph":{"__isSmartRef__":true,"id":552},"position":{"__isSmartRef__":true,"id":592},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":593},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"592":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"593":{"x":391,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"594":{"updateHue":{"__isSmartRef__":true,"id":595},"drawLineAtHue":{"__isSmartRef__":true,"id":599},"onDrag":{"__isSmartRef__":true,"id":603},"onMouseUp":{"__isSmartRef__":true,"id":611},"onMouseDown":{"__isSmartRef__":true,"id":619}},"595":{"varMapping":{"__isSmartRef__":true,"id":596},"source":"function updateHue(mouseYCoord) {\n var height = this.getExtent().y,\n hue = mouseYCoord / height;\n if (hue> 1) { hue= 1; }\n if (hue< 0) { hue= 0; }\n this.hue = hue;\n this.drawLineAtHue(hue);\n}","funcProperties":{"__isSmartRef__":true,"id":597},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"596":{"this":{"__isSmartRef__":true,"id":552}},"597":{"timestamp":{"__isSmartRef__":true,"id":598},"user":"bgnauk","tags":[]},"598":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:21:11 GMT-0700 (Pacific Daylight Time)"},"599":{"varMapping":{"__isSmartRef__":true,"id":600},"source":"function drawLineAtHue(hue) {\n var ctx = this.getContext(),\n height = this.getExtent().y,\n y = Math.round(height * hue) + 0.5;\n //console.log(y);\n this.clear();\n \n if(ctx) {\n ctx.beginPath();\n ctx.moveTo(1, y);\n ctx.lineTo(this.getExtent().x, y);\n ctx.lineWidth = 0.5;\n ctx.strokeStyle = 'black';\n ctx.stroke();\n }\n \n}","funcProperties":{"__isSmartRef__":true,"id":601},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"600":{"this":{"__isSmartRef__":true,"id":552}},"601":{"timestamp":{"__isSmartRef__":true,"id":602},"user":"bgnauk","tags":[]},"602":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:39:46 GMT-0700 (Pacific Daylight Time)"},"603":{"varMapping":{"__isSmartRef__":true,"id":604},"source":"function onDrag(evt) {\n this.updateHue(evt.getPositionIn(this).y);\n}","funcProperties":{"__isSmartRef__":true,"id":609},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"604":{"this":{"__isSmartRef__":true,"id":552},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":605}},"605":{"$super":{"__isSmartRef__":true,"id":606}},"606":{"varMapping":{"__isSmartRef__":true,"id":607},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":608},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"607":{"obj":{"__isSmartRef__":true,"id":552},"name":"onDrag"},"608":{},"609":{"timestamp":{"__isSmartRef__":true,"id":610},"user":"bgnauk","tags":[]},"610":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:21:33 GMT-0700 (Pacific Daylight Time)"},"611":{"varMapping":{"__isSmartRef__":true,"id":612},"source":"function onMouseUp(evt) {\n return this.onDrag(evt);\n}","funcProperties":{"__isSmartRef__":true,"id":617},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"612":{"this":{"__isSmartRef__":true,"id":552},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":613}},"613":{"$super":{"__isSmartRef__":true,"id":614}},"614":{"varMapping":{"__isSmartRef__":true,"id":615},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":616},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"615":{"obj":{"__isSmartRef__":true,"id":552},"name":"onMouseUp"},"616":{},"617":{"timestamp":{"__isSmartRef__":true,"id":618},"user":"bgnauk","tags":[]},"618":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:23:08 GMT-0700 (Pacific Daylight Time)"},"619":{"varMapping":{"__isSmartRef__":true,"id":620},"source":"function onMouseDown(evt) {\n return this.onDrag(evt);\n}","funcProperties":{"__isSmartRef__":true,"id":625},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"620":{"this":{"__isSmartRef__":true,"id":552},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":621}},"621":{"$super":{"__isSmartRef__":true,"id":622}},"622":{"varMapping":{"__isSmartRef__":true,"id":623},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":624},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"623":{"obj":{"__isSmartRef__":true,"id":552},"name":"onMouseDown"},"624":{},"625":{"timestamp":{"__isSmartRef__":true,"id":626},"user":"bgnauk","tags":[]},"626":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:23:27 GMT-0700 (Pacific Daylight Time)"},"627":{"submorphs":[{"__isSmartRef__":true,"id":628}],"scripts":[],"id":"5BEA0B90-CFB2-427B-AEFB-3401980B251F","shape":{"__isSmartRef__":true,"id":647},"droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":660},"attributeConnections":[{"__isSmartRef__":true,"id":661},{"__isSmartRef__":true,"id":662}],"doNotSerialize":["$$value"],"doNotCopyProperties":["$$value"],"value":1,"sliderExtent":0.1,"valueScale":1,"sliderKnob":{"__isSmartRef__":true,"id":628},"styleClass":["slider_background_horizontal"],"showsHalos":false,"name":"AlphaSlider","partsBinMetaInfo":{"__isSmartRef__":true,"id":663},"renderContextTable":{"__isSmartRef__":true,"id":664},"eventHandler":{"__isSmartRef__":true,"id":665},"layout":{"__isSmartRef__":true,"id":666},"derivationIds":[2631],"_ClipMode":"visible","owner":{"__isSmartRef__":true,"id":1},"distanceToDragEvent":{"__isSmartRef__":true,"id":667},"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Slider","__SourceModuleName__":"Global.lively.morphic.Widgets"},"628":{"submorphs":[],"scripts":[],"id":"1336AC22-E659-46EB-AC39-8C6200EB7D49","shape":{"__isSmartRef__":true,"id":629},"droppingEnabled":true,"halosEnabled":true,"draggingEnabled":true,"_Position":{"__isSmartRef__":true,"id":643},"slider":{"__isSmartRef__":true,"id":627},"owner":{"__isSmartRef__":true,"id":627},"styleClass":["slider_horizontal"],"hitPoint":{"__isSmartRef__":true,"id":644},"renderContextTable":{"__isSmartRef__":true,"id":645},"eventHandler":{"__isSmartRef__":true,"id":646},"derivationIds":[2632],"_ClipMode":"visible","isBeingDragged":false,"__LivelyClassName__":"lively.morphic.SliderKnob","__SourceModuleName__":"Global.lively.morphic.Widgets"},"629":{"position":{"__isSmartRef__":true,"id":630},"_Extent":{"__isSmartRef__":true,"id":631},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":632},"_Fill":{"__isSmartRef__":true,"id":633},"_BorderRadius":6,"renderContextTable":{"__isSmartRef__":true,"id":641},"_Padding":{"__isSmartRef__":true,"id":642},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"630":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"631":{"x":15,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"632":{"r":0.4,"g":0.4,"b":0.4,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"633":{"stops":[{"__isSmartRef__":true,"id":634},{"__isSmartRef__":true,"id":636},{"__isSmartRef__":true,"id":638}],"vector":{"__isSmartRef__":true,"id":640},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"634":{"offset":0,"color":{"__isSmartRef__":true,"id":635}},"635":{"r":0.7681568627450981,"g":0.8271372549019608,"b":0.8660392156862744,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"636":{"offset":0.5,"color":{"__isSmartRef__":true,"id":637}},"637":{"r":0.5363137254901961,"g":0.6542745098039215,"b":0.7320784313725489,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"638":{"offset":1,"color":{"__isSmartRef__":true,"id":639}},"639":{"r":0.3783529411764706,"g":0.5110588235294118,"b":0.5985882352941176,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"640":{"x":0,"y":0,"width":0,"height":1,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"641":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"642":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"643":{"x":135,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"644":{"x":787,"y":392,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"645":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"646":{"morph":{"__isSmartRef__":true,"id":628},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"647":{"position":{"__isSmartRef__":true,"id":648},"_Extent":{"__isSmartRef__":true,"id":649},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":650},"_Fill":{"__isSmartRef__":true,"id":651},"_BorderRadius":6,"renderContextTable":{"__isSmartRef__":true,"id":658},"_Opacity":1,"_BorderStyle":"solid","_Padding":{"__isSmartRef__":true,"id":659},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"648":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"649":{"x":150,"y":20,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"650":{"r":0.753,"g":0.753,"b":0.753,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"651":{"stops":[{"__isSmartRef__":true,"id":652},{"__isSmartRef__":true,"id":654},{"__isSmartRef__":true,"id":656}],"vector":{"__isSmartRef__":true,"id":640},"__LivelyClassName__":"lively.morphic.LinearGradient","__SourceModuleName__":"Global.lively.morphic.Shapes"},"652":{"offset":0,"color":{"__isSmartRef__":true,"id":653}},"653":{"r":0.8,"g":0.8,"b":0.8,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"654":{"offset":0.4,"color":{"__isSmartRef__":true,"id":655}},"655":{"r":0.94,"g":0.94,"b":0.94,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"656":{"offset":1,"color":{"__isSmartRef__":true,"id":657}},"657":{"r":0.9600000000000001,"g":0.9600000000000001,"b":0.9600000000000001,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"658":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"659":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"660":{"x":100,"y":260,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"661":{"sourceObj":{"__isSmartRef__":true,"id":627},"sourceAttrName":"value","targetObj":{"__isSmartRef__":true,"id":627},"targetMethodName":"adjustSliderParts","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"662":{"sourceObj":{"__isSmartRef__":true,"id":627},"sourceAttrName":"value","targetObj":{"__isSmartRef__":true,"id":1},"targetMethodName":"updateAlpha","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"663":{"requiredModules":[],"partsSpaceName":"PartsBin/Inputs","migrationLevel":2,"partName":"Slider","comment":"The connection point \"value\" can be used to read/write the slider knob position.","revisionOnLoad":148695,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"664":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"665":{"morph":{"__isSmartRef__":true,"id":627},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"666":{},"667":{"x":110,"y":-12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"668":{"submorphs":[],"scripts":[],"id":"AE6F3B07-555D-404A-995F-AAA1EB79474B","shape":{"__isSmartRef__":true,"id":669},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":675},"_MaxTextWidth":77,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":672},"showsHalos":false,"_FontSize":8,"name":"Text1","partsBinMetaInfo":{"__isSmartRef__":true,"id":676},"textChunks":[{"__isSmartRef__":true,"id":687}],"charsReplaced":"RGB ","lastFindLoc":4,"prevScroll":[0,0],"renderContextTable":{"__isSmartRef__":true,"id":689},"eventHandler":{"__isSmartRef__":true,"id":690},"_Padding":{"__isSmartRef__":true,"id":691},"_ClipMode":"visible","derivationIds":[355,"1EB1674F-8BF2-419B-B054-86129ED70335","63698904-DC05-4341-A9B6-5CC4A219CD04","F6A714BA-4735-41ED-8A2A-45CB153FBDF8","393399C8-7EC5-457B-B090-023B1802EF42"],"_WhiteSpaceHandling":"pre-wrap","_MinTextWidth":77,"_MinTextHeight":null,"isBeingDragged":false,"moved":true,"distanceToDragEvent":{"__isSmartRef__":true,"id":692},"_Visible":true,"owner":{"__isSmartRef__":true,"id":1},"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"669":{"fill":null,"_Position":{"__isSmartRef__":true,"id":670},"_Extent":{"__isSmartRef__":true,"id":671},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":672},"renderContextTable":{"__isSmartRef__":true,"id":673},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":674},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"670":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"671":{"x":77,"y":14,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"672":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"673":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"674":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"675":{"x":10,"y":262,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"676":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","changes":[{"__isSmartRef__":true,"id":677},{"__isSmartRef__":true,"id":679},{"__isSmartRef__":true,"id":681},{"__isSmartRef__":true,"id":683},{"__isSmartRef__":true,"id":685}],"revisionOnLoad":160159,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"677":{"date":{"__isSmartRef__":true,"id":678},"author":"robertkrahn","message":"text click was broken?","id":"9D065E14-9653-4B2A-9A2E-3AD84EBBC3E0"},"678":{"isSerializedDate":true,"string":"Sat Apr 21 2012 07:30:30 GMT-0700 (Pacific Daylight Time)"},"679":{"date":{"__isSmartRef__":true,"id":680},"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"},"680":{"isSerializedDate":true,"string":"Sun Feb 26 2012 21:20:38 GMT-0800 (Pacific Standard Time)"},"681":{"date":{"__isSmartRef__":true,"id":682},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"0F4DE333-A551-4961-B29D-70270977EBEF"},"682":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:31:43 GMT-0700 (Pacific Daylight Time)"},"683":{"date":{"__isSmartRef__":true,"id":684},"author":"tessi","message":"TextBubble calls its disappear() function after showBubbleTime() milliseconds now","id":"785D95BD-7858-43EB-90E6-A1C085E2F2B9"},"684":{"isSerializedDate":true,"string":"Fri Apr 20 2012 22:32:09 GMT-0700 (Pacific Daylight Time)"},"685":{"date":{"__isSmartRef__":true,"id":686},"author":"timfelgentreff","message":"better text","id":"B904F9AC-6EA0-4A8A-83C9-AFC85AADC194"},"686":{"isSerializedDate":true,"string":"Tue May 08 2012 05:18:18 GMT-0700 (Pacific Daylight Time)"},"687":{"style":{"__isSmartRef__":true,"id":688},"morph":{"__isSmartRef__":true,"id":668},"chunkOwner":{"__isSmartRef__":true,"id":668},"storedString":"Alpha value:","_id":"_182","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"688":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"689":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"690":{"morph":{"__isSmartRef__":true,"id":668},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"691":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"692":{"x":52,"y":-12,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"693":{"position":{"__isSmartRef__":true,"id":694},"_Extent":{"__isSmartRef__":true,"id":695},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":696},"_Fill":{"__isSmartRef__":true,"id":697},"renderContextTable":{"__isSmartRef__":true,"id":698},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":699},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","_AppearanceStylingMode":false,"isStyleSheetAppearance":false,"_BorderStylingMode":false,"isStyleSheetBorder":false,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"694":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"695":{"x":260,"y":300,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"696":{"r":0.372,"g":0.369,"b":0.372,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"697":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"698":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"699":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"700":{"x":231,"y":245,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"701":{"partsSpaceName":"PartsBin/Tools","comment":"An all new Color Picker, Photoshop style.","migrationLevel":4,"partName":"ColorPicker","changes":[{"__isSmartRef__":true,"id":702},{"__isSmartRef__":true,"id":704},{"__isSmartRef__":true,"id":706},{"__isSmartRef__":true,"id":708},{"__isSmartRef__":true,"id":710},{"__isSmartRef__":true,"id":712},{"__isSmartRef__":true,"id":714},{"__isSmartRef__":true,"id":716},{"__isSmartRef__":true,"id":718},{"__isSmartRef__":true,"id":720},{"__isSmartRef__":true,"id":722},{"__isSmartRef__":true,"id":724},{"__isSmartRef__":true,"id":726},{"__isSmartRef__":true,"id":728}],"revisionOnLoad":177800,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"702":{"date":{"__isSmartRef__":true,"id":703},"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23"},"703":{"isSerializedDate":true,"string":"Thu May 03 2012 06:51:36 GMT-0700 (Pacific Daylight Time)"},"704":{"date":{"__isSmartRef__":true,"id":705},"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC"},"705":{"isSerializedDate":true,"string":"Thu May 03 2012 06:51:30 GMT-0700 (Pacific Daylight Time)"},"706":{"date":{"__isSmartRef__":true,"id":707},"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2"},"707":{"isSerializedDate":true,"string":"Wed Mar 14 2012 02:53:45 GMT-0700 (Pacific Daylight Time)"},"708":{"date":{"__isSmartRef__":true,"id":709},"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B"},"709":{"isSerializedDate":true,"string":"Fri Feb 24 2012 17:59:09 GMT-0800 (Pacific Standard Time)"},"710":{"date":{"__isSmartRef__":true,"id":711},"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7"},"711":{"isSerializedDate":true,"string":"Wed Mar 14 2012 02:42:26 GMT-0700 (Pacific Daylight Time)"},"712":{"date":{"__isSmartRef__":true,"id":713},"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350"},"713":{"isSerializedDate":true,"string":"Mon Apr 09 2012 04:42:07 GMT-0700 (Pacific Daylight Time)"},"714":{"date":{"__isSmartRef__":true,"id":715},"author":"bgnauk","message":"no comment","id":"0124E570-50B7-4CE3-83A1-6E7BA89B5CD8"},"715":{"isSerializedDate":true,"string":"Mon Jun 18 2012 10:35:08 GMT-0700 (Pacific Daylight Time)"},"716":{"date":{"__isSmartRef__":true,"id":717},"author":"bgnauk","message":"no comment","id":"A3623907-2E65-4B38-9457-C37293427061"},"717":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:21:50 GMT-0700 (Pacific Daylight Time)"},"718":{"date":{"__isSmartRef__":true,"id":719},"author":"bgnauk","message":"no comment","id":"31BA8CD5-6D32-4AB3-BBE2-24FF9D3A2305"},"719":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:22:36 GMT-0700 (Pacific Daylight Time)"},"720":{"date":{"__isSmartRef__":true,"id":721},"author":"bgnauk","message":"no comment","id":"A07C0194-9D7A-4F25-A601-0F48EECF2792"},"721":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:31:43 GMT-0700 (Pacific Daylight Time)"},"722":{"date":{"__isSmartRef__":true,"id":723},"author":"bgnauk","message":"no comment","id":"6013305D-99D6-4F9E-94DE-9C23AA5D4AFC"},"723":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:43:50 GMT-0700 (Pacific Daylight Time)"},"724":{"date":{"__isSmartRef__":true,"id":725},"author":"bgnauk","message":"no comment","id":"2E997ACA-7D9C-423A-8A0E-2A5F8D4BD299"},"725":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:28:41 GMT-0700 (Pacific Daylight Time)"},"726":{"date":{"__isSmartRef__":true,"id":727},"author":"bgnauk","message":"no comment","id":"8B8B79E6-15F4-4FB7-A621-62095420970A"},"727":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:56:33 GMT-0700 (Pacific Daylight Time)"},"728":{"date":{"__isSmartRef__":true,"id":729},"author":"bgnauk","message":"no comment","id":"8DF57B72-F287-436E-AEE7-19DC83A92ED1"},"729":{"isSerializedDate":true,"string":"Fri Aug 10 2012 15:07:21 GMT-0700 (Pacific Daylight Time)"},"730":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"731":{"morph":{"__isSmartRef__":true,"id":1},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"732":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":733}},"733":{"test01IsMorph":{"__isSmartRef__":true,"id":734}},"734":{"varMapping":{"__isSmartRef__":true,"id":735},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":736},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"735":{"this":{"__isSmartRef__":true,"id":732}},"736":{},"737":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":738},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":739},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"738":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"739":{"x":171,"y":327,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"740":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":741},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":742},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"741":{"x":0.5,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"742":{"x":391,"y":327,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"743":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":744},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":745},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"744":{"x":1,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"745":{"x":611,"y":327,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"746":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":747},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":748},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"747":{"x":1,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"748":{"x":611,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"749":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":750},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":751},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"750":{"x":1,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"751":{"x":611,"y":547,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"752":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":753},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":754},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"753":{"x":0.5,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"754":{"x":391,"y":547,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"755":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":756},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":757},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"756":{"x":0,"y":1,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"757":{"x":171,"y":547,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"758":{"morph":{"__isSmartRef__":true,"id":1},"position":{"__isSmartRef__":true,"id":759},"connectedControlPoints":[],"cachedGlobalPosition":{"__isSmartRef__":true,"id":760},"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors"},"759":{"x":0,"y":0.5,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"760":{"x":171,"y":437,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"761":{"resizeWidth":true,"resizeHeight":true},"762":{"sourceObj":{"__isSmartRef__":true,"id":1},"sourceAttrName":"selectedColor","targetObj":{"__isSmartRef__":true,"id":19},"targetMethodName":"updateColor","__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"763":{"init":{"__isSmartRef__":true,"id":764},"updateHue":{"__isSmartRef__":true,"id":768},"updateBrt":{"__isSmartRef__":true,"id":772},"updateSat":{"__isSmartRef__":true,"id":776},"updateRGB":{"__isSmartRef__":true,"id":780},"updateColorFromString":{"__isSmartRef__":true,"id":784},"colorToHSB":{"__isSmartRef__":true,"id":788},"updateAlpha":{"__isSmartRef__":true,"id":792},"setColor":{"__isSmartRef__":true,"id":796},"open":{"__isSmartRef__":true,"id":800},"remove":{"__isSmartRef__":true,"id":804},"offsetForWorld":{"__isSmartRef__":true,"id":812},"moveBoundsForVisibility":{"__isSmartRef__":true,"id":816}},"764":{"varMapping":{"__isSmartRef__":true,"id":765},"source":"function init() {\n //this.get('HueField').draw();\n //this.get('SaturationBrightnessField').draw(0);\n \n}","funcProperties":{"__isSmartRef__":true,"id":766},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"765":{"this":{"__isSmartRef__":true,"id":1}},"766":{"timestamp":{"__isSmartRef__":true,"id":767},"user":"bgnauk","tags":[]},"767":{"isSerializedDate":true,"string":"Fri Aug 10 2012 11:31:25 GMT-0700 (Pacific Daylight Time)"},"768":{"varMapping":{"__isSmartRef__":true,"id":769},"source":"function updateHue(hue, noRedrawNeeded) {\n this.hue = hue;\n\n this.updateRGB();\n\n}","funcProperties":{"__isSmartRef__":true,"id":770},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"769":{"this":{"__isSmartRef__":true,"id":1}},"770":{"timestamp":{"__isSmartRef__":true,"id":771},"user":"bgnauk","tags":[]},"771":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:58:13 GMT-0700 (Pacific Daylight Time)"},"772":{"varMapping":{"__isSmartRef__":true,"id":773},"source":"function updateBrt(brt, noRedrawNeeded) {\n this.brt= brt;\n this.updateRGB();\n}","funcProperties":{"__isSmartRef__":true,"id":774},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"773":{"this":{"__isSmartRef__":true,"id":1}},"774":{"timestamp":{"__isSmartRef__":true,"id":775},"user":"bgnauk","tags":[]},"775":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:58:08 GMT-0700 (Pacific Daylight Time)"},"776":{"varMapping":{"__isSmartRef__":true,"id":777},"source":"function updateSat(sat, noRedrawNeeded) {\n this.sat = sat;\n\n this.updateRGB();\n\n}","funcProperties":{"__isSmartRef__":true,"id":778},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"777":{"this":{"__isSmartRef__":true,"id":1}},"778":{"timestamp":{"__isSmartRef__":true,"id":779},"user":"bgnauk","tags":[]},"779":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:58:21 GMT-0700 (Pacific Daylight Time)"},"780":{"varMapping":{"__isSmartRef__":true,"id":781},"source":"function updateRGB() {\n var hslToRgb = function(h, s, l){\n var r, g, b;\n\n if(s == 0){\n r = g = b = l; // achromatic\n }else{\n function hue2rgb(p, q, t){\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n var r = [r * 255, g * 255, b * 255];\n \n for (var i = 0; i < r.length; i ++) {\n r[i] = Math.round(r[i]); \n }\n return r;\n }\n \n var rgb = hslToRgb(this.hue, this.sat, this.brt);\n var alpha = this.alpha || 1;\n this.selectedColor = (new Color(rgb[0]/255, rgb[1]/255, rgb[2]/255)).withA(alpha);\n this.isJustChangingTheString = true;\n this.get('RGBValue').textString = this.selectedColor.toHexString().toUpperCase();\n this.isJustChangingTheString = false;\n}","funcProperties":{"__isSmartRef__":true,"id":782},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"781":{"this":{"__isSmartRef__":true,"id":1}},"782":{"timestamp":{"__isSmartRef__":true,"id":783},"user":"bgnauk","tags":[]},"783":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:27:49 GMT-0700 (Pacific Daylight Time)"},"784":{"varMapping":{"__isSmartRef__":true,"id":785},"source":"function updateColorFromString(colorHexString) {\n if (this.isJustChangingTheString) {\n //\n } else {\n var color = Color.rgbHex(colorHexString);\n if (color) {\n this.selectedColor = color;\n \n var hsb = this.colorToHSB(color);\n \n this.hue = hsb[0];\n this.sat = hsb[1];\n this.brt = hsb[2];\n \n // update hue line\n this.get('HueSelectorField').drawLineAtHue(this.hue);\n\n // update satbrt display\n this.get('SaturationBrightnessField').draw(this.hue);\n\n // update satbrt cross\n this.get('SaturationBrightnessPickerField').drawCrossAtSatBrt(this.sat,this.brt);\n\n } else {\n //alert(colorHexString+' is appearantly not a valid color!'); \n }\n \n }\n}","funcProperties":{"__isSmartRef__":true,"id":786},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"785":{"this":{"__isSmartRef__":true,"id":1}},"786":{"timestamp":{"__isSmartRef__":true,"id":787},"user":"bgnauk","tags":[]},"787":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:59:48 GMT-0700 (Pacific Daylight Time)"},"788":{"varMapping":{"__isSmartRef__":true,"id":789},"source":"function colorToHSB(color) {\n // implementation in the color class produces strange results\n var r = color.r,\n g = color.g,\n b = color.b,\n max = Math.max(r, g, b),\n min = Math.min(r, g, b),\n h,\n s,\n l = (max + min) / 2;\n\n if(max == min){\n h = s = 0; // achromatic\n }else{\n var d = max - min;\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n switch(max){\n case r: h = (g - b) / d + (g < b ? 6 : 0); break;\n case g: h = (b - r) / d + 2; break;\n case b: h = (r - g) / d + 4; break;\n }\n h /= 6;\n }\n\n return [h, s, l];\n}","funcProperties":{"__isSmartRef__":true,"id":790},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"789":{"this":{"__isSmartRef__":true,"id":1}},"790":{"timestamp":{"__isSmartRef__":true,"id":791},"user":"bgnauk","tags":[]},"791":{"isSerializedDate":true,"string":"Fri Aug 10 2012 10:52:12 GMT-0700 (Pacific Daylight Time)"},"792":{"varMapping":{"__isSmartRef__":true,"id":793},"source":"function updateAlpha(alpha) {\n this.alpha = alpha;\n this.selectedColor = this.selectedColor.withA(alpha);\n}","funcProperties":{"__isSmartRef__":true,"id":794},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"793":{"this":{"__isSmartRef__":true,"id":1}},"794":{"timestamp":{"__isSmartRef__":true,"id":795},"user":"bgnauk","tags":[]},"795":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:27:22 GMT-0700 (Pacific Daylight Time)"},"796":{"varMapping":{"__isSmartRef__":true,"id":797},"source":"function setColor(color) {\n if (color) {\n this.get('RGBValue').textString = color.toHexString().toUpperCase();\n this.get('AlphaSlider').value = color.a;\n }\n}","funcProperties":{"__isSmartRef__":true,"id":798},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"797":{"this":{"__isSmartRef__":true,"id":1}},"798":{"timestamp":{"__isSmartRef__":true,"id":799},"user":"bgnauk","tags":[]},"799":{"isSerializedDate":true,"string":"Fri Aug 10 2012 15:07:14 GMT-0700 (Pacific Daylight Time)"},"800":{"varMapping":{"__isSmartRef__":true,"id":801},"source":"function open(parentMorph, pos) {\n this.setPosition(pos || pt(0,0));\n var owner = parentMorph || lively.morphic.World.current();\n\n if (owner.currentMenu) { owner.currentMenu.remove() };\n owner.currentMenu = this;\n\n owner.addMorph(this);\n\n this.offsetForWorld(pos);\n\n return this;\n\n}","funcProperties":{"__isSmartRef__":true,"id":802},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"801":{"this":{"__isSmartRef__":true,"id":1}},"802":{"timestamp":{"__isSmartRef__":true,"id":803},"user":"bgnauk","tags":[]},"803":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:53:35 GMT-0700 (Pacific Daylight Time)"},"804":{"varMapping":{"__isSmartRef__":true,"id":805},"source":"function remove() {\n var w = this.world();\n if (w && w.currentMenu === this) w.currentMenu = null;\n $super();\n\n}","funcProperties":{"__isSmartRef__":true,"id":810},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"805":{"this":{"__isSmartRef__":true,"id":1},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":806}},"806":{"$super":{"__isSmartRef__":true,"id":807}},"807":{"varMapping":{"__isSmartRef__":true,"id":808},"source":"function () {\n try {\n return obj.constructor.prototype[name].apply(obj, arguments)\n } catch (e) {\n if ($world)\n $world.logError(e, 'Error in $super call')\n else\n alert('Error in $super call: ' + e + '\\n' + e.stack);\n return null;\n }\n }","funcProperties":{"__isSmartRef__":true,"id":809},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"808":{"obj":{"__isSmartRef__":true,"id":1},"name":"remove"},"809":{},"810":{"timestamp":{"__isSmartRef__":true,"id":811},"user":"bgnauk","tags":[]},"811":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:54:03 GMT-0700 (Pacific Daylight Time)"},"812":{"varMapping":{"__isSmartRef__":true,"id":813},"source":"function offsetForWorld(pos) {\n\n var bounds = this.innerBounds().translatedBy(pos);\n if (this.title) {\n bounds = bounds.withTopLeft(bounds.topLeft().addXY(0, this.title.getExtent().y));\n }\n if (this.owner.visibleBounds) {\n bounds = this.moveBoundsForVisibility(bounds, this.owner.visibleBounds());\n }\n this.setBounds(bounds);\n\n}","funcProperties":{"__isSmartRef__":true,"id":814},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"813":{"this":{"__isSmartRef__":true,"id":1}},"814":{"timestamp":{"__isSmartRef__":true,"id":815},"user":"bgnauk","tags":[]},"815":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:54:45 GMT-0700 (Pacific Daylight Time)"},"816":{"varMapping":{"__isSmartRef__":true,"id":817},"source":"function moveBoundsForVisibility(menuBounds, visibleBounds) {\n\n var offsetX = 0,\n offsetY = 0;\n Global.lastMenuBounds = menuBounds;\n\n if (menuBounds.right() > visibleBounds.right())\n offsetX = -1 * (menuBounds.right() - visibleBounds.right());\n\n var overlapLeft = menuBounds.left() + offsetX;\n if (overlapLeft < 0)\n offsetX += -overlapLeft;\n\n if (menuBounds.bottom() > visibleBounds.bottom()) {\n offsetY = -1 * (menuBounds.bottom() - visibleBounds.bottom());\n // so that hand is not directly over menu, does not work when\n // menu is in the bottom right corner\n offsetX += 1;\n }\n var overlapTop = menuBounds.top() + offsetY;\n if (overlapTop < 0)\n offsetY += -overlapTop;\n\n return menuBounds.translatedBy(pt(offsetX, offsetY));\n\n}","funcProperties":{"__isSmartRef__":true,"id":818},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"817":{"this":{"__isSmartRef__":true,"id":1}},"818":{"timestamp":{"__isSmartRef__":true,"id":819},"user":"bgnauk","tags":[]},"819":{"isSerializedDate":true,"string":"Fri Aug 10 2012 14:55:09 GMT-0700 (Pacific Daylight Time)"},"820":{"submorphs":[],"scripts":[],"id":226,"shape":{"__isSmartRef__":true,"id":821},"grabbingEnabled":false,"droppingEnabled":false,"showsMorphMenu":false,"halosEnabled":false,"registeredForMouseEvents":true,"_world":{"__isSmartRef__":true,"id":0},"_Position":{"__isSmartRef__":true,"id":827},"owner":{"__isSmartRef__":true,"id":0},"carriesGrabbedMorphs":false,"_Scale":1.002003004005006,"renderContextTable":{"__isSmartRef__":true,"id":828},"eventHandler":{"__isSmartRef__":true,"id":829},"_Rotation":0,"lastScrollTime":1344635157838,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.HandMorph","__SourceModuleName__":"Global.lively.morphic.Events","withLayers":["Global.NoMagnetsLayer"]},"821":{"_Position":{"__isSmartRef__":true,"id":822},"_Extent":{"__isSmartRef__":true,"id":823},"_Fill":{"__isSmartRef__":true,"id":824},"renderContextTable":{"__isSmartRef__":true,"id":825},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":826},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"822":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"823":{"x":2,"y":2,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"824":{"r":0.8,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"825":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"826":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"827":{"x":692,"y":254,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"828":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"829":{"morph":{"__isSmartRef__":true,"id":820},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"830":{"_Position":{"__isSmartRef__":true,"id":831},"_Extent":{"__isSmartRef__":true,"id":832},"_Fill":{"__isSmartRef__":true,"id":833},"renderContextTable":{"__isSmartRef__":true,"id":834},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":835},"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"831":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"832":{"x":2800,"y":2900,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"833":{"r":1,"g":1,"b":1,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"834":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"835":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"836":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"837":{"name":"Local code","__LivelyClassName__":"ChangeSet","__SourceModuleName__":"Global.lively.ChangeSet"},"838":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","setScroll":"setScrollHTML"},"839":{"morph":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"840":{"sourceObj":{"__isSmartRef__":true,"id":0},"sourceAttrName":"savedWorldAsURL","targetObj":{"__isSmartRef__":true,"id":0},"targetMethodName":"visitNewPageAfterSaveAs","converter":null,"converterString":null,"updaterString":"function ($upd, v) {\n if (v && v.toString() !== URL.source.toString()) {\n $upd(v)\n }\n }","varMapping":{"__isSmartRef__":true,"id":841},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":842},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings"},"841":{"source":{"__isSmartRef__":true,"id":0},"target":{"__isSmartRef__":true,"id":0}},"842":{"updater":{"__isSmartRef__":true,"id":843}},"843":{"varMapping":{"__isSmartRef__":true,"id":841},"source":"function ($upd, v) {\n if (v && v.toString() !== URL.source.toString()) {\n $upd(v)\n }\n }","funcProperties":{"__isSmartRef__":true,"id":844},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"844":{},"845":{"protocol":"http:","hostname":"lively-kernel.org","pathname":"/repository/webwerkstatt/users/bgnauk/ColorPicker.xhtml","__LivelyClassName__":"URL","__SourceModuleName__":"Global.lively.Network"},"846":{"submorphs":[{"__isSmartRef__":true,"id":847}],"scripts":[],"id":"98C80924-559A-44A6-A06D-496380E49A43","shape":{"__isSmartRef__":true,"id":874},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":881},"showsHalos":false,"name":"LoadingMorph","partsBinMetaInfo":{"__isSmartRef__":true,"id":882},"renderContextTable":{"__isSmartRef__":true,"id":979},"eventHandler":{"__isSmartRef__":true,"id":980},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"derivationIds":[127,"59692BC3-6C7B-4E23-B820-8699260EA722","486BB935-1313-4103-B2A8-642B19437478","18AFFD44-46CD-489E-B1D6-DED43E2B6B06","2608C892-2204-4981-9A87-8E749F8944AB","5535861F-4EA2-44AB-8A40-0538124E0AAC","16C292B3-86E8-4622-B516-27C48263B8CC","87731A20-D455-44D0-97E5-98A7CFD4E417","A17081E7-E597-47ED-BD32-6E4D206BD7D7","CFB4A44C-BFEA-4584-BCBA-AE2A56739200","76B3DD9B-8D01-42BA-A574-AB99D5F899BB","1EBC5512-8F54-4B24-998C-69A285EC8533","DD1165C7-6C1A-4361-A4AE-FCF6F31152FD","4D6D36E8-48F3-408A-B03C-202E4DC182BD","5F3B3E0F-BBC6-4DDA-BAA0-7EFC05FF2011","E0A6B33B-767A-4532-9021-892414520200","F5F5E2B1-5FF0-4E09-B323-AE88A3920B8D","0C7E832A-A741-430F-B295-8BC181D066FE","472AED3B-CB76-49BD-BF49-354A2D568F86","A7C52F65-D140-4791-880F-F7584C7BB570","3516412B-8B36-4E52-9416-6B7FB358BDC2","1840CACC-078C-4795-AD3F-E9D6F8D557A0","1FEDCA25-0131-46FA-840F-DC5F1B05C6CA","C620CED3-0AE9-4097-9AA7-2706A042F9C9","679A861B-40E0-4DB2-B22F-95B454C6978D","FEF39B3C-E634-4825-BAB8-2D44FE647B03"],"isBeingDragged":false,"layout":{"__isSmartRef__":true,"id":981},"distanceToDragEvent":{"__isSmartRef__":true,"id":982},"prevScroll":[0,0],"moved":true,"_Rotation":0,"_Scale":1,"headRevision":146469,"_ClipMode":"visible","__serializedLivelyClosures__":{"__isSmartRef__":true,"id":983},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core"},"847":{"submorphs":[{"__isSmartRef__":true,"id":848}],"scripts":[],"shape":{"__isSmartRef__":true,"id":863},"id":"D8A04C2C-C903-4BA8-90D7-BAEF31D29DD3","renderContextTable":{"__isSmartRef__":true,"id":868},"eventHandler":{"__isSmartRef__":true,"id":869},"droppingEnabled":true,"halosEnabled":true,"_Position":{"__isSmartRef__":true,"id":870},"name":"ProgressIndicator","showsHalos":false,"distanceToDragEvent":{"__isSmartRef__":true,"id":871},"partsBinMetaInfo":{"__isSmartRef__":true,"id":872},"derivationIds":[520,"071F18BE-FF28-40F5-ACAD-1916E0D25C38","DF185A10-743D-45FC-B9C2-76E12D908BCF","BF125D2C-596A-4C1E-A5F8-DAE4801E9497","3CEE8CFF-B8F1-4B4B-A405-CB583080252A","D0652878-8F9C-4591-8A82-296898AACDB6","31441DDF-2220-43BE-A99F-69E1FEC68030","14A90039-0D3E-46DC-8445-D42B8E02EB42","681EF5DE-A344-4114-B2F3-B96CE3872524","C0381116-5116-4F33-B082-A411D0E4534E","24E9581E-B008-46EE-9CBC-D5190E100D98","C69D1041-2C5E-48FE-B04C-04E66450658A","4830945B-4FFF-4564-9424-34D7995DAE60","8602C233-B3E7-4682-9B0E-D7549761D934","B4E0E11F-2BED-462E-B708-89D63971856E","EE0144C2-D016-4390-8A67-4E7DEF171C83","F44DF6E4-5F27-440E-AB5F-3721C0A10CA6","73FC6648-DAAF-4673-8CF4-7DA219513F22","B78EB1B5-780C-45F7-B0A7-B988B52B1FF1","DFDB8CD1-72F7-40F4-849B-1F9B866277AB","66111105-B1FC-41F7-BF70-D45118C9E09F","02420416-1E35-4831-AABB-91CD0460CA1A","7C6B2EB2-4510-4A8E-BAFF-5CF0040DD7F5","0503F5A1-1732-4610-9A5A-920D658CA766","07C5AE03-36AD-4849-BACD-27D7D9A2CCF2","9FFF9D73-931C-404C-AA4B-5AC2E7C53504"],"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"owner":{"__isSmartRef__":true,"id":846},"isBeingDragged":false,"layout":{"__isSmartRef__":true,"id":873},"prevScroll":[0,0],"_Rotation":0,"_Scale":1,"_ClipMode":"visible","__LivelyClassName__":"lively.morphic.Image","__SourceModuleName__":"Global.lively.morphic.Widgets"},"848":{"submorphs":[],"scripts":[],"id":"C3AA771A-A78E-49BD-A055-3CE1BADAC1A0","shape":{"__isSmartRef__":true,"id":849},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_Position":{"__isSmartRef__":true,"id":855},"_MaxTextWidth":257,"_MaxTextHeight":null,"textColor":{"__isSmartRef__":true,"id":852},"showsHalos":false,"_FontSize":14,"name":"loadedMorphName","partsBinMetaInfo":{"__isSmartRef__":true,"id":856},"textChunks":[{"__isSmartRef__":true,"id":857}],"charsReplaced":"MorphName","lastFindLoc":18,"priorSelectionRange":[9,0],"prevScroll":[0,0],"renderContextTable":{"__isSmartRef__":true,"id":859},"eventHandler":{"__isSmartRef__":true,"id":860},"attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"_Padding":{"__isSmartRef__":true,"id":861},"_ClipMode":"visible","derivationIds":[355,"023045B3-2D6B-4425-89FB-F4806D527BE0","DC0C2365-868C-41AE-8369-51C31E91493E","C6D9D314-86A1-4015-970B-F6787F535E1A","6AA4552E-2E85-447E-9033-99D5AA1A94BC","D94BE49C-8A3E-4F1F-BF28-FEDD9B40D213","AA8F0470-654C-4AA2-8135-4607F5429AC5","E0BAABCC-FFB2-4EDF-BAE5-C63CC99B6A97","1A86AE17-73AE-442E-AB36-DD90C6DFC8BC","EF750075-E964-4CD3-B6A4-161511E1D058","CED69CBF-FFA5-45E7-B333-FBACE4F278AC","E56978C1-7424-4C10-8168-11FD3237B540","D5AB2532-A4DC-42D6-AF17-99CBBCEAA848","245866CB-598A-4172-A3A0-A06D4D26C6AD","43B0F12E-5793-43AA-80E1-496774E0EBA6","1B776A8C-0413-475F-8EBD-120BBD91D2BB","F84F2C9A-8003-4E81-833A-83F48C92F3B8","3124B389-9FA4-4348-BC5D-0DFF9C59CD1B","1A1BCBAC-D7CC-4BAE-B8C2-7C693F7327A1","1CB201BA-5E0B-4771-821A-139FA2AEFBC2","195520FA-4816-47A4-B0F5-BA890AFD9DF9","0D15F28A-24C9-46B7-89C5-6D2354728AC1","316FE9D3-62EC-4FD6-9B0F-FFA622B79575","739F3743-9BE1-48C8-813D-C0BFB0DCACA6","01877B3B-7DA7-4222-B011-7B5F4E501862","B8FE7DEE-9568-4BE6-BA12-EA674BA79E08"],"_WhiteSpaceHandling":"pre-wrap","owner":{"__isSmartRef__":true,"id":847},"_MinTextWidth":257,"_MinTextHeight":null,"previousSelection":[6,6],"_Align":"center","distanceToDragEvent":{"__isSmartRef__":true,"id":862},"isBeingDragged":false,"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore"},"849":{"fill":null,"_Position":{"__isSmartRef__":true,"id":850},"_Extent":{"__isSmartRef__":true,"id":851},"_BorderWidth":0,"_BorderColor":{"__isSmartRef__":true,"id":852},"renderContextTable":{"__isSmartRef__":true,"id":853},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":854},"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"850":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"851":{"x":257,"y":23,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"852":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"853":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"854":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"855":{"x":-109,"y":38,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"856":{"partsSpaceName":"PartsBin/Basic","migrationLevel":4,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"857":{"style":{"__isSmartRef__":true,"id":858},"chunkOwner":{"__isSmartRef__":true,"id":848},"storedString":"loading part","_id":"_3","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"858":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"859":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML","updateText":"updateTextHTML","setTextExtent":"setTextExtentHTML","setMaxTextWidth":"setMaxTextWidthHTML","setMaxTextHeight":"setMaxTextHeightHTML","setMinTextWidth":"setMinTextWidthHTML","setMinTextHeight":"setMinTextHeightHTML","getTextExtent":"getTextExtentHTML","getTextString":"getTextStringHTML","ignoreTextEvents":"ignoreTextEventsHTML","unignoreTextEvents":"unignoreTextEventsHTML","enableTextEvents":"enableTextEventsHTML","setFontFamily":"setFontFamilyHTML","setFontSize":"setFontSizeHTML","setTextColor":"setTextColorHTML","setFontWeight":"setFontWeightHTML","setFontStyle":"setFontStyleHTML","setTextDecoration":"setTextDecorationHTML","setPadding":"setPaddingHTML","setAlign":"setAlignHTML","setVerticalAlign":"setVerticalAlignHTML","setDisplay":"setDisplayHTML","setWhiteSpaceHandling":"setWhiteSpaceHandlingHTML","focusMorph":"focusMorphHTML","setInputAllowed":"setInputAllowedHTML"},"860":{"morph":{"__isSmartRef__":true,"id":848},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"861":{"x":5,"y":5,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"862":{"x":179,"y":-11,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"863":{"_Position":{"__isSmartRef__":true,"id":864},"renderContextTable":{"__isSmartRef__":true,"id":865},"_Extent":{"__isSmartRef__":true,"id":866},"_ImageURL":"data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==","attributeConnections":[],"doNotSerialize":[],"doNotCopyProperties":[],"isLoaded":true,"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":867},"_BorderWidth":0,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Image","__SourceModuleName__":"Global.lively.morphic.Shapes"},"864":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"865":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML","setImageURL":"setImageURLHTML","getNativeExtent":"getNativeExtentHTML"},"866":{"x":31,"y":31,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"867":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"868":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"869":{"morph":{"__isSmartRef__":true,"id":847},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"870":{"x":113.5,"y":81,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"871":{"x":39,"y":-11,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"872":{"partName":"ProgressIndicator","requiredModules":[],"migrationLevel":2,"partsSpaceName":"PartsBin/Widgets/","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"873":{"centeredHorizontal":true,"centeredVertical":true},"874":{"position":{"__isSmartRef__":true,"id":875},"_Extent":{"__isSmartRef__":true,"id":876},"_BorderWidth":1,"_BorderColor":{"__isSmartRef__":true,"id":877},"_Fill":{"__isSmartRef__":true,"id":878},"renderContextTable":{"__isSmartRef__":true,"id":879},"_ClipMode":"visible","_Padding":{"__isSmartRef__":true,"id":880},"_BorderRadius":8.515,"_Opacity":0.8146,"_BorderStyle":"solid","__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes"},"875":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"876":{"x":266,"y":223,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"877":{"r":0,"g":0,"b":0,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"878":{"r":0.839,"g":0.839,"b":0.839,"a":1,"__LivelyClassName__":"Color","__SourceModuleName__":"Global.lively.morphic.Graphics"},"879":{"init":"initHTML","appendShape":"renderHTML","setPosition":"setPositionHTML","setExtent":"setExtentHTML","setPadding":"setPaddingHTML","setFill":"setFillHTML","setBorderColor":"setBorderColorHTML","setBorderWidth":"setBorderWidthHTML","setStrokeOpacity":"setStrokeOpacityHTML","setBorderRadius":"setBorderRadiusHTML","setBorderStyle":"setBorderStyleHTML","setOpacity":"setOpacityHTML","setNodeClass":"setNodeClassHTML","setNodeId":"setNodeIdHTML","setStyleSheet":"setStyleSheetHTML","removeStyleSheet":"removeStyleSheetHTML","setAppearanceStylingMode":"setAppearanceStylingModeHTML","setBorderStylingMode":"setBorderStylingModeHTML","updateComputedStyles":"updateComputedStylesHTML"},"880":{"x":0,"y":0,"width":0,"height":0,"__LivelyClassName__":"Rectangle","__SourceModuleName__":"Global.lively.morphic.Graphics"},"881":{"x":0,"y":0,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"882":{"partsSpaceName":"PartsBin/iPadWidgets","comment":"This is a placeholder to indicate that a morph is being loaded. It will be replaced by the morph as soon as the requested morph finished loading.","migrationLevel":4,"partName":"LoadingMorph","changes":[{"__isSmartRef__":true,"id":883},{"__isSmartRef__":true,"id":885},{"__isSmartRef__":true,"id":887},{"__isSmartRef__":true,"id":889},{"__isSmartRef__":true,"id":891},{"__isSmartRef__":true,"id":893},{"__isSmartRef__":true,"id":895},{"__isSmartRef__":true,"id":897},{"__isSmartRef__":true,"id":899},{"__isSmartRef__":true,"id":901},{"__isSmartRef__":true,"id":903},{"__isSmartRef__":true,"id":905},{"__isSmartRef__":true,"id":907},{"__isSmartRef__":true,"id":909},{"__isSmartRef__":true,"id":911},{"__isSmartRef__":true,"id":913},{"__isSmartRef__":true,"id":915},{"__isSmartRef__":true,"id":917},{"__isSmartRef__":true,"id":919},{"__isSmartRef__":true,"id":921},{"__isSmartRef__":true,"id":923},{"__isSmartRef__":true,"id":925},{"__isSmartRef__":true,"id":927},{"__isSmartRef__":true,"id":929},{"__isSmartRef__":true,"id":931},{"__isSmartRef__":true,"id":933},{"__isSmartRef__":true,"id":935},{"__isSmartRef__":true,"id":937},{"__isSmartRef__":true,"id":939},{"__isSmartRef__":true,"id":941},{"__isSmartRef__":true,"id":943},{"__isSmartRef__":true,"id":945},{"__isSmartRef__":true,"id":947},{"__isSmartRef__":true,"id":949},{"__isSmartRef__":true,"id":951},{"__isSmartRef__":true,"id":953},{"__isSmartRef__":true,"id":955},{"__isSmartRef__":true,"id":957},{"__isSmartRef__":true,"id":959},{"__isSmartRef__":true,"id":961},{"__isSmartRef__":true,"id":963},{"__isSmartRef__":true,"id":965},{"__isSmartRef__":true,"id":967},{"__isSmartRef__":true,"id":969},{"__isSmartRef__":true,"id":971},{"__isSmartRef__":true,"id":973},{"__isSmartRef__":true,"id":975},{"__isSmartRef__":true,"id":977}],"revisionOnLoad":151069,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"883":{"date":{"__isSmartRef__":true,"id":884},"author":"sstamm","message":"","id":"1C1391AE-5722-4707-BE52-F0094FC56829"},"884":{"isSerializedDate":true,"string":"Wed Feb 22 2012 05:02:04 GMT-0800 (Pacific Standard Time)"},"885":{"date":{"__isSmartRef__":true,"id":886},"author":"sstamm","message":"","id":"663F147A-9084-4AC3-81A7-1E7BA6547F08"},"886":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:43:10 GMT-0800 (Pacific Standard Time)"},"887":{"date":{"__isSmartRef__":true,"id":888},"author":"sstamm","message":"","id":"F72B746E-B170-4EFB-9074-5E8770640B8A"},"888":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:36:14 GMT-0800 (Pacific Standard Time)"},"889":{"date":{"__isSmartRef__":true,"id":890},"author":"sstamm","message":"","id":"568D2EFD-C535-43AE-8944-6D8B967129F5"},"890":{"isSerializedDate":true,"string":"Wed Feb 22 2012 03:23:04 GMT-0800 (Pacific Standard Time)"},"891":{"date":{"__isSmartRef__":true,"id":892},"author":"sstamm","message":"","id":"AB2484A6-0707-4E13-845E-F0A5F48BBA3D"},"892":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:59:45 GMT-0800 (Pacific Standard Time)"},"893":{"date":{"__isSmartRef__":true,"id":894},"author":"sstamm","message":"","id":"97D20633-F76C-46A5-A32A-FFE9BC83CAB3"},"894":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:59:10 GMT-0800 (Pacific Standard Time)"},"895":{"date":{"__isSmartRef__":true,"id":896},"author":"sstamm","message":"","id":"8A697DF5-9A45-4A84-B709-9719BF55083E"},"896":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:56:54 GMT-0800 (Pacific Standard Time)"},"897":{"date":{"__isSmartRef__":true,"id":898},"author":"sstamm","message":"","id":"F2157D66-1571-4B9A-B325-6FA96488260F"},"898":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:51:05 GMT-0800 (Pacific Standard Time)"},"899":{"date":{"__isSmartRef__":true,"id":900},"author":"sstamm","message":"","id":"E5E808CA-06AB-47DC-A9C9-CA7967591545"},"900":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:47:19 GMT-0800 (Pacific Standard Time)"},"901":{"date":{"__isSmartRef__":true,"id":902},"author":"sstamm","message":"","id":"009DC4E0-23CA-485A-A796-801AA0F75049"},"902":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:46:25 GMT-0800 (Pacific Standard Time)"},"903":{"date":{"__isSmartRef__":true,"id":904},"author":"sstamm","message":"","id":"C0CE1397-6E2E-4E8C-AEFF-9017E24BB7E4"},"904":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:45:05 GMT-0800 (Pacific Standard Time)"},"905":{"date":{"__isSmartRef__":true,"id":906},"author":"sstamm","message":"","id":"FFE16986-548D-4AC2-A627-CF6416282BC4"},"906":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:37:15 GMT-0800 (Pacific Standard Time)"},"907":{"date":{"__isSmartRef__":true,"id":908},"author":"sstamm","message":"","id":"57213D63-7147-4057-ADC9-30994443B066"},"908":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:35:29 GMT-0800 (Pacific Standard Time)"},"909":{"date":{"__isSmartRef__":true,"id":910},"author":"sstamm","message":"","id":"75A31364-B380-4312-BB5B-F8F2DA1CE824"},"910":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:31:52 GMT-0800 (Pacific Standard Time)"},"911":{"date":{"__isSmartRef__":true,"id":912},"author":"sstamm","message":"","id":"5AA50B7E-7D33-44C4-807B-BF1ABA31D530"},"912":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:14:10 GMT-0800 (Pacific Standard Time)"},"913":{"date":{"__isSmartRef__":true,"id":914},"author":"sstamm","message":"","id":"BCDCC505-534C-45E5-9BB2-5238959A5AD0"},"914":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:02:56 GMT-0800 (Pacific Standard Time)"},"915":{"date":{"__isSmartRef__":true,"id":916},"author":"sstamm","message":"","id":"890D14F4-E89D-4E05-BFB9-875D6AB6C765"},"916":{"isSerializedDate":true,"string":"Wed Feb 22 2012 02:01:50 GMT-0800 (Pacific Standard Time)"},"917":{"date":{"__isSmartRef__":true,"id":918},"author":"sstamm","message":"","id":"B6FE0805-0D24-4267-8238-8B332352617E"},"918":{"isSerializedDate":true,"string":"Wed Feb 22 2012 01:55:44 GMT-0800 (Pacific Standard Time)"},"919":{"date":{"__isSmartRef__":true,"id":920},"author":"sstamm","message":"callbacks are working","id":"9348260A-3B55-4659-BC85-440BFBD98EA4"},"920":{"isSerializedDate":true,"string":"Fri Feb 10 2012 00:45:55 GMT-0800 (Pacific Standard Time)"},"921":{"date":{"__isSmartRef__":true,"id":922},"author":"sstamm","message":"made it more opaque","id":"1B84264C-2822-407F-A58F-19217BCD2762"},"922":{"isSerializedDate":true,"string":"Wed Feb 08 2012 02:41:50 GMT-0800 (Pacific Standard Time)"},"923":{"date":{"__isSmartRef__":true,"id":924},"author":"sstamm","message":"","id":"0FB41D7D-2A52-4782-814B-A66C24FCE569"},"924":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:13:49 GMT-0800 (Pacific Standard Time)"},"925":{"date":{"__isSmartRef__":true,"id":926},"author":"sstamm","message":"","id":"A0C2D7C1-04AF-493A-A7D7-70750F7D3E2F"},"926":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:22:07 GMT-0800 (Pacific Standard Time)"},"927":{"date":{"__isSmartRef__":true,"id":928},"author":"sstamm","message":"trollolol","id":"F6CFAD78-AC72-4DE2-9F38-79776C2E9462"},"928":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:55:14 GMT-0800 (Pacific Standard Time)"},"929":{"date":{"__isSmartRef__":true,"id":930},"author":"sstamm","message":"should be centered now","id":"EE366B4D-C272-477F-8C28-4EAE5A7EC7CB"},"930":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:54:35 GMT-0800 (Pacific Standard Time)"},"931":{"date":{"__isSmartRef__":true,"id":932},"author":"sstamm","message":"initial commit","id":"8920D925-DD16-4667-B8C7-FB74D78C2424"},"932":{"isSerializedDate":true,"string":"Thu Feb 02 2012 04:26:01 GMT-0800 (Pacific Standard Time)"},"933":{"date":{"__isSmartRef__":true,"id":934},"author":"sstamm","message":"changed text morph name","id":"80E88A3C-5AF3-48F2-A600-710877630997"},"934":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:04:01 GMT-0800 (Pacific Standard Time)"},"935":{"date":{"__isSmartRef__":true,"id":936},"author":"sstamm","message":"added loading script","id":"EE9B8F4D-1F03-4232-82E6-794046974F8F"},"936":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:28:30 GMT-0800 (Pacific Standard Time)"},"937":{"date":{"__isSmartRef__":true,"id":938},"author":"sstamm","message":"added disconnection","id":"11F19267-924E-4087-99ED-998245576BD2"},"938":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:32:58 GMT-0800 (Pacific Standard Time)"},"939":{"date":{"__isSmartRef__":true,"id":940},"author":"sstamm","message":"removed connections before deletion","id":"35A88218-6864-4D52-83A2-BFF7B9A6907C"},"940":{"isSerializedDate":true,"string":"Thu Feb 02 2012 05:41:00 GMT-0800 (Pacific Standard Time)"},"941":{"date":{"__isSmartRef__":true,"id":942},"author":"sstamm","message":"now able to load parts by name and category as well as per partItem","id":"F36A5782-461D-4813-95F8-0207990A261C"},"942":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:24:30 GMT-0800 (Pacific Standard Time)"},"943":{"date":{"__isSmartRef__":true,"id":944},"author":"sstamm","message":"now with round corners","id":"F42C39CB-CC37-467D-BF10-D362241F047E"},"944":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:26:23 GMT-0800 (Pacific Standard Time)"},"945":{"date":{"__isSmartRef__":true,"id":946},"author":"sstamm","message":"loadingMorph is sync now","id":"12ACFFC9-BA53-4A2A-ABD4-894A5ECE1145"},"946":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:48:04 GMT-0800 (Pacific Standard Time)"},"947":{"date":{"__isSmartRef__":true,"id":948},"author":"sstamm","message":"display the loadingMorph in new thread","id":"2BA51E30-F02B-4AF0-B3BE-52DD4ED522CC"},"948":{"isSerializedDate":true,"string":"Thu Feb 02 2012 06:53:49 GMT-0800 (Pacific Standard Time)"},"949":{"date":{"__isSmartRef__":true,"id":950},"author":"sstamm","message":"","id":"DF0AE4EA-1B08-4556-8BBE-E6488F23B8A3"},"950":{"isSerializedDate":true,"string":"Thu Feb 02 2012 07:49:48 GMT-0800 (Pacific Standard Time)"},"951":{"date":{"__isSmartRef__":true,"id":952},"author":"sstamm","message":"","id":"220821B3-C589-41C9-A324-8E7E6D9D6CEB"},"952":{"isSerializedDate":true,"string":"Thu Feb 02 2012 07:58:43 GMT-0800 (Pacific Standard Time)"},"953":{"date":{"__isSmartRef__":true,"id":954},"author":"sstamm","message":"","id":"DEBFACE2-7EC5-4A86-AD46-5A0A88A73707"},"954":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:04:28 GMT-0800 (Pacific Standard Time)"},"955":{"date":{"__isSmartRef__":true,"id":956},"author":"sstamm","message":"load request in new thread if loading should be async","id":"18282D28-D6D4-48C9-A508-6E3244449BD8"},"956":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:10:27 GMT-0800 (Pacific Standard Time)"},"957":{"date":{"__isSmartRef__":true,"id":958},"author":"sstamm","message":"added benchmarking output","id":"249CFF90-DDF5-4A83-9759-0289E96D7D58"},"958":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:31:50 GMT-0800 (Pacific Standard Time)"},"959":{"date":{"__isSmartRef__":true,"id":960},"author":"sstamm","message":"","id":"882082E1-29B6-418D-9B8B-672729D60619"},"960":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:38:26 GMT-0800 (Pacific Standard Time)"},"961":{"date":{"__isSmartRef__":true,"id":962},"author":"sstamm","message":"","id":"5179AEF9-E19F-4B0C-BBD8-556C5687988A"},"962":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:44:11 GMT-0800 (Pacific Standard Time)"},"963":{"date":{"__isSmartRef__":true,"id":964},"author":"sstamm","message":"","id":"1159C5B4-724E-4124-9D7B-5CD5DC4A8EE3"},"964":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:48:14 GMT-0800 (Pacific Standard Time)"},"965":{"date":{"__isSmartRef__":true,"id":966},"author":"sstamm","message":"","id":"2A718D1F-1036-41D6-999A-336F2B14E65D"},"966":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:49:47 GMT-0800 (Pacific Standard Time)"},"967":{"date":{"__isSmartRef__":true,"id":968},"author":"sstamm","message":"","id":"EB6BDD0C-7EEC-4124-B77F-2F106A601538"},"968":{"isSerializedDate":true,"string":"Tue Feb 07 2012 02:59:48 GMT-0800 (Pacific Standard Time)"},"969":{"date":{"__isSmartRef__":true,"id":970},"author":"sstamm","message":"","id":"63EC8D07-AB6A-450A-BB84-9B4D37E03647"},"970":{"isSerializedDate":true,"string":"Tue Feb 07 2012 03:02:33 GMT-0800 (Pacific Standard Time)"},"971":{"date":{"__isSmartRef__":true,"id":972},"author":"sstamm","message":"","id":"19CE12E4-5AA5-48DC-B1D1-B0EB0EDF1CB9"},"972":{"isSerializedDate":true,"string":"Tue Feb 07 2012 03:03:42 GMT-0800 (Pacific Standard Time)"},"973":{"date":{"__isSmartRef__":true,"id":974},"author":"sstamm","message":"first attempt to introduce callback functions to part loading","id":"22BD0B95-8948-411A-A56E-AD7CBE445F1D"},"974":{"isSerializedDate":true,"string":"Thu Feb 09 2012 11:20:11 GMT-0800 (Pacific Standard Time)"},"975":{"date":{"__isSmartRef__":true,"id":976},"author":"sstamm","message":"","id":"A216DFD2-9D1F-4E62-A22F-6B5472823E1B"},"976":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:37:34 GMT-0700 (Pacific Daylight Time)"},"977":{"date":{"__isSmartRef__":true,"id":978},"author":"sstamm","message":"","id":"464E723A-08DC-433C-AA5C-CEC850DBAF0B"},"978":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:42:29 GMT-0700 (Pacific Daylight Time)"},"979":{"replaceRenderContext":"replaceRenderContextHTML","init":"initHTML","append":"appendHTML","remove":"removeHTML","onRenderFinished":"onRenderFinishedHTML","triggerEvent":"triggerEventHTML","setTransform":"setTransformHTML","setPosition":"setPositionHTML","setRotation":"setRotationHTML","setExtent":"setExtentHTML","setScale":"setScaleHTML","setVisible":"setVisibleHTML","adjustOrigin":"adjustOriginHTML","setPivotPoint":"setPivotPointHTML","setClipMode":"setClipModeHTML","showsVerticalScrollBar":"showsVerticalScrollBarHTML","showsHorizontalScrollBar":"showsHorizontalScrollBarHTML","getScrollBarExtent":"getScrollBarExtentHTML","setHandStyle":"setHandStyleHTML","setPointerEvents":"setPointerEventsHTML","setToolTip":"setToolTipHTML","focus":"focusHTML","blur":"blurHTML","setFocusable":"setFocusableHTML","setStyleSheet":"setStyleSheetHTML","setOriginClass":"setOriginClassHTML"},"980":{"morph":{"__isSmartRef__":true,"id":846},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"981":{"adjustForNewBounds":true},"982":{"x":171,"y":-13,"__LivelyClassName__":"Point","__SourceModuleName__":"Global.lively.morphic.Graphics"},"983":{"loadPart":{"__isSmartRef__":true,"id":984},"loadFinished":{"__isSmartRef__":true,"id":988},"loadPartByName":{"__isSmartRef__":true,"id":992}},"984":{"varMapping":{"__isSmartRef__":true,"id":985},"source":"function loadPart(partItem, isAsync) {\n this.partItem = partItem;\n \n this.openInWorld();\n if(partItem.part) {\n this.setExtent(partItem.part.getExtent());\n }\n this.align(this.bounds().center(), $world.visibleBounds().center());\n \n \n if(typeof isAsync === \"function\") {\n this.callback = isAsync;\n }\n\n connect(partItem, 'part', this, \"loadFinished\");\n\n partItem.loadPart(isAsync);\n\n return partItem.part;\n\n}","funcProperties":{"__isSmartRef__":true,"id":986},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"985":{"this":{"__isSmartRef__":true,"id":846}},"986":{"timestamp":{"__isSmartRef__":true,"id":987},"user":"sstamm","tags":[]},"987":{"isSerializedDate":true,"string":"Fri Mar 16 2012 07:42:18 GMT-0700 (Pacific Daylight Time)"},"988":{"varMapping":{"__isSmartRef__":true,"id":989},"source":"function loadFinished(part) {\n if(this.owner === $world.firstHand()) {\n $world.firstHand().removeAllMorphs();\n } else {\n this.owner.addMorph(part);\n part.align(part.bounds().center(), this.bounds().center());\n this.remove();\n }\n disconnect(this.partItem, 'part', this, \"loadFinished\");\n if(this.callback) {\n this.callback(part);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":990},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"989":{"this":{"__isSmartRef__":true,"id":846}},"990":{"timestamp":{"__isSmartRef__":true,"id":991},"user":"sstamm","tags":[]},"991":{"isSerializedDate":true,"string":"Wed Feb 22 2012 05:01:53 GMT-0800 (Pacific Standard Time)"},"992":{"varMapping":{"__isSmartRef__":true,"id":993},"source":"function loadPartByName(partName, optPartsSpaceName, isAsync) {\n var partItem = lively.PartsBin.getPartItem(partName, optPartsSpaceName);\n return this.loadPart(partItem, isAsync);\n}","funcProperties":{"__isSmartRef__":true,"id":994},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"993":{"this":{"__isSmartRef__":true,"id":846}},"994":{"timestamp":{"__isSmartRef__":true,"id":995},"user":"sstamm","tags":[]},"995":{"isSerializedDate":true,"string":"Thu Feb 02 2012 08:03:18 GMT-0800 (Pacific Standard Time)"},"isSimplifiedRegistry":true}}]]>