{"id":0,"registry":{"0":{"submorphs":[],"scripts":[],"id":"9C5EE23F-42B4-4F00-B346-B27C8FBEE041","shape":{"__isSmartRef__":true,"id":1},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"Timeline","partsBinMetaInfo":{"__isSmartRef__":true,"id":2},"eventHandler":{"__isSmartRef__":true,"id":24},"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","7EC17E78-593A-4CC8-B7E3-859BCBBFE785","BD8BECDB-A9A1-4009-B433-C925F0AFCCFC","F2677A9D-5855-4DF2-B248-94545B34B762","D52188B3-7DC0-410E-96B1-50892AC00A37"],"partTests":{"__isSmartRef__":true,"id":25},"_ClipMode":"visible","moved":true,"__serializedExpressions__":["_Position"],"isBeingDragged":false,"_Rotation":0,"_Scale":1,"pins":[],"currentMaxValue":60000,"extensionValue":60000,"overflow":false,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":30},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(0.0,0.0)"},"1":{"_BorderWidth":0,"_ClipMode":"visible","_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(484.0,5.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(115,146,236)","_Padding":"lively.rect(0,0,0,0)"},"2":{"partsSpaceName":"PartsBin/Felix/","comment":"Timeline for visualizing progress of different viewers","migrationLevel":9,"partName":"Timeline","changes":[{"__isSmartRef__":true,"id":3},{"__isSmartRef__":true,"id":4},{"__isSmartRef__":true,"id":5},{"__isSmartRef__":true,"id":6},{"__isSmartRef__":true,"id":7},{"__isSmartRef__":true,"id":8},{"__isSmartRef__":true,"id":9},{"__isSmartRef__":true,"id":10},{"__isSmartRef__":true,"id":11},{"__isSmartRef__":true,"id":12},{"__isSmartRef__":true,"id":13},{"__isSmartRef__":true,"id":14},{"__isSmartRef__":true,"id":15},{"__isSmartRef__":true,"id":16},{"__isSmartRef__":true,"id":17},{"__isSmartRef__":true,"id":18},{"__isSmartRef__":true,"id":19},{"__isSmartRef__":true,"id":20},{"__isSmartRef__":true,"id":21},{"__isSmartRef__":true,"id":22},{"__isSmartRef__":true,"id":23}],"__serializedExpressions__":["lastModifiedDate"],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Fri Nov 28 2014 20:28:37 GMT-0800 (PST)\")"},"3":{"author":"jenslincke","message":"no comment","id":"ADFBF069-513C-4DE6-95A9-8AD4985C6508","__serializedExpressions__":["date"],"date":"new Date(\"Tue Feb 04 2014 01:23:53 GMT-0800 (PST)\")"},"4":{"author":"robertkrahn","message":"no comment","id":"A452871F-4EB9-45D1-94B8-6065CBA7B8FD","__serializedExpressions__":["date"],"date":"new Date(\"Mon Jul 29 2013 23:20:51 GMT-0700 (PDT)\")"},"5":{"author":"SAPLivelyScreen","message":"no comment","id":"7A44D8CA-6D5F-42A3-A4B4-4D7F51EECA52","__serializedExpressions__":["date"],"date":"new Date(\"Tue Jun 18 2013 11:49:27 GMT-0700 (PDT)\")"},"6":{"author":"SAPLivelyScreen","message":"no comment","id":"EF145198-0649-41BD-A92E-521D98FEC49D","__serializedExpressions__":["date"],"date":"new Date(\"Wed May 29 2013 15:36:50 GMT-0700 (PDT)\")"},"7":{"author":"jenslincke","message":"added legend","id":"7ADA3049-56C1-4D32-874B-F664A79DDB20","__serializedExpressions__":["date"],"date":"new Date(\"Fri Jan 18 2013 07:47:05 GMT-0800 (PST)\")"},"8":{"author":"jenslincke","message":"no comment","id":"A4B86A7E-A398-4C29-BEE0-4AA045ABABD2","__serializedExpressions__":["date"],"date":"new Date(\"Fri Jan 18 2013 07:42:31 GMT-0800 (PST)\")"},"9":{"author":"jenslincke","message":"I want my blue rectangle back!","id":"5AA9291A-869F-4D36-8095-4721B5A5B205","__serializedExpressions__":["date"],"date":"new Date(\"Thu Nov 22 2012 01:35:51 GMT-0800 (PST)\")"},"10":{"author":"bgnauk","message":"no comment","id":"0124E570-50B7-4CE3-83A1-6E7BA89B5CD8","__serializedExpressions__":["date"],"date":"new Date(\"Mon Jun 18 2012 10:35:08 GMT-0700 (PDT)\")"},"11":{"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350","__serializedExpressions__":["date"],"date":"new Date(\"Mon Apr 09 2012 04:42:07 GMT-0700 (PDT)\")"},"12":{"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7","__serializedExpressions__":["date"],"date":"new Date(\"Wed Mar 14 2012 02:42:26 GMT-0700 (PDT)\")"},"13":{"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B","__serializedExpressions__":["date"],"date":"new Date(\"Fri Feb 24 2012 17:59:09 GMT-0800 (PST)\")"},"14":{"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2","__serializedExpressions__":["date"],"date":"new Date(\"Wed Mar 14 2012 02:53:45 GMT-0700 (PDT)\")"},"15":{"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 03 2012 06:51:30 GMT-0700 (PDT)\")"},"16":{"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 03 2012 06:51:36 GMT-0700 (PDT)\")"},"17":{"author":"jenslincke","message":"no comment","id":"AEB2F41B-2C88-4BBA-8875-93CD17CBA1C8","__serializedExpressions__":["date"],"date":"new Date(\"Wed Jan 23 2013 03:57:18 GMT-0800 (PST)\")"},"18":{"author":"robertkrahn","message":"no comment","id":"67FD74CD-7AE4-4050-ADC7-4DF73804258D","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 30 2013 00:18:06 GMT-0700 (PDT)\")"},"19":{"author":"robertkrahn","message":"no comment","id":"FBBB9C99-B61C-4D5F-8750-6E2987DF0C9C","__serializedExpressions__":["date"],"date":"new Date(\"Thu Jun 20 2013 15:16:24 GMT-0700 (PDT)\")"},"20":{"author":"jenslincke","message":"no comment","id":"ECD12BFF-E872-4918-8341-C6571E72F36D","__serializedExpressions__":["date"],"date":"new Date(\"Tue Feb 04 2014 01:24:27 GMT-0800 (PST)\")"},"21":{"author":"lauritz","message":"dropping enabled for the blue rectangle","id":"81D350CB-D926-491F-8FF3-A6C9C831BDF2","__serializedExpressions__":["date"],"date":"new Date(\"Wed Mar 12 2014 07:00:28 GMT-0700 (PDT)\")"},"22":{"author":"robertkrahn","message":"no comment","id":"5AF36E70-7428-4762-9423-D7160E3DCBDC","__serializedExpressions__":["date"],"date":"new Date(\"Sat Nov 08 2014 15:34:45 GMT-0800 (PST)\")"},"23":{"__serializedExpressions__":["date"],"author":"felix","message":"no comment","id":"F8EBBD62-412B-49BC-8414-1AA3CC198019","date":"new Date(\"Mon Dec 15 2014 13:26:43 GMT-0800 (PST)\")"},"24":{"morph":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"25":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":26}},"26":{"test01IsMorph":{"__isSmartRef__":true,"id":27}},"27":{"varMapping":{"__isSmartRef__":true,"id":28},"source":"function test01IsMorph(aPart) {\n    this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":29},"__LivelyClassName__":"lively.Closure"},"28":{"this":{"__isSmartRef__":true,"id":25}},"29":{},"30":{"createPin":{"__isSmartRef__":true,"id":31},"updateData":{"__isSmartRef__":true,"id":34},"initVars":{"__isSmartRef__":true,"id":37},"getPinForId":{"__isSmartRef__":true,"id":40},"getPositionForValue":{"__isSmartRef__":true,"id":43}},"31":{"varMapping":{"__isSmartRef__":true,"id":32},"source":"function createPin() {\n    var points = [\n        lively.pt(0, 0),\n        lively.pt(10, 0),\n        lively.pt(5, 20),\n        lively.pt(0, 0)\n    ];\n    var pin = new lively.morphic.Path(points);\n    pin.setBorderColor(Global.Color.black);\n    pin.setBorderWidth(1);\n    \n    return pin;\n}","funcProperties":{"__isSmartRef__":true,"id":33},"__LivelyClassName__":"lively.Closure"},"32":{"this":{"__isSmartRef__":true,"id":0}},"33":{"__serializedExpressions__":["timestamp"],"user":"felix","timestamp":"new Date(\"Mon Dec 15 2014 13:08:27 GMT-0800 (PST)\")"},"34":{"varMapping":{"__isSmartRef__":true,"id":35},"source":"function updateData(dataArray) {\n    var _this = this;\n    dataArray.forEach(function(dataRecord) {\n        var pin = _this.getPinForId(dataRecord.id);\n        var position = _this.getPositionForValue(dataArray.timestamp);\n        pin.setPosition(lively.pt(position, 0));\n    });\n    \n    if (this.overflow) {\n        this.currentMaxValue += this.extensionValue;\n        this.overflow = false;\n        this.updateData(dataArray);\n    }\n}","funcProperties":{"__isSmartRef__":true,"id":36},"__LivelyClassName__":"lively.Closure"},"35":{"this":{"__isSmartRef__":true,"id":0}},"36":{"__serializedExpressions__":["timestamp"],"user":"felix","timestamp":"new Date(\"Mon Dec 15 2014 13:24:49 GMT-0800 (PST)\")"},"37":{"varMapping":{"__isSmartRef__":true,"id":38},"source":"function initVars() {\n    this.pins = [];\n    this.currentMaxValue = 60 * 1000;\n    this.extensionValue = 60 * 1000;\n    this.overflow = false;\n}","funcProperties":{"__isSmartRef__":true,"id":39},"__LivelyClassName__":"lively.Closure"},"38":{"this":{"__isSmartRef__":true,"id":0}},"39":{"__serializedExpressions__":["timestamp"],"user":"felix","timestamp":"new Date(\"Mon Dec 15 2014 13:22:21 GMT-0800 (PST)\")"},"40":{"varMapping":{"__isSmartRef__":true,"id":41},"source":"function getPinForId(id) {\n    var pin = this.pins.find(function(pin) {\n        pin.recordId === id;\n    });\n    \n    if (!pin) {\n        pin = this.createPin();\n        pin.recordId = id;\n    }\n    \n    return pin;\n}","funcProperties":{"__isSmartRef__":true,"id":42},"__LivelyClassName__":"lively.Closure"},"41":{"this":{"__isSmartRef__":true,"id":0}},"42":{"__serializedExpressions__":["timestamp"],"user":"felix","tags":[],"timestamp":"new Date(\"Mon Dec 15 2014 13:12:49 GMT-0800 (PST)\")"},"43":{"varMapping":{"__isSmartRef__":true,"id":44},"source":"function getPositionForValue(value) {\n    if (value > this.currentMaxValue) {\n        this.overflow = true;\n    }\n    \n    var relPos = value / this.currentMaxValue;\n    var absPos = relPos * this.getExtent().x;\n    \n    return absPos;\n}","funcProperties":{"__isSmartRef__":true,"id":45},"__LivelyClassName__":"lively.Closure"},"44":{"this":{"__isSmartRef__":true,"id":0}},"45":{"__serializedExpressions__":["timestamp"],"user":"felix","timestamp":"new Date(\"Mon Dec 15 2014 13:23:07 GMT-0800 (PST)\")"},"isSimplifiedRegistry":true}}