{"version":3,"sources":["https://lively-kernel.org/lively4/gs/components/gs-visual-editor.js"],"names":["Morph","d3","GsVisualEditor","initialize","windowTitle","registerButtons","lively","html","registerKeys","addEventListener","evt","onDblClick","get","value","getAttribute","setupZoom","zoomOuter","zoomInner","lastZoomTransform","json","getJSONAttribute","undefined","zoomIdentity","translate","x","y","scale","k","transform","pick","split","setJSONAttribute","select","zoom","scaleExtent","on","event","applyZoomTransform","style","call","onResetZoom","notify","animate","backgroundColor","duration","onKeyDown","charCode","onPlusButton","parseFloat","onMinusButton","livelyPrepareSave","setAttribute","livelyPreMigrate","livelyMigrate","other","livelyInspect","contentNode","inspector","livelyExample","someJavaScriptProperty","appendChild"],"mappings":";;;;;;;;;;;;AAAOA,W;;AAEAC,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEQ,YAAMC,cAAN,SAA6BF,KAA7B,CAAmC;;AAEhD,cAAMG,UAAN,GAAmB;AACjB,eAAKC,WAAL,GAAmB,gBAAnB;AACA;AACA,eAAKC,eAAL;;AAEAC,iBAAOC,IAAP,CAAYC,YAAZ,CAAyB,IAAzB,EALiB,CAKe;;AAEhCF,iBAAOG,gBAAP,CAAwB,UAAxB,EAAoC,IAApC,EAA0C,UAA1C,EAAsDC,OAAO,KAAKC,UAAL,CAAgBD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAR6D,WAA7D;;AAYA,eAAKE,GAAL,CAAS,YAAT,EAAuBC,KAAvB,GAA+B,KAAKC,YAAL,CAAkB,aAAlB,KAAoC,CAAnE;;AAEA,eAAKC,SAAL;AACD;;AAED;AACA,YAAIC,SAAJ,GAAgB;AACd,iBAAO,KAAKJ,GAAL,CAAS,aAAT,CAAP;AACD;AACD,YAAIK,SAAJ,GAAgB;AACd,iBAAO,KAAKL,GAAL,CAAS,aAAT,CAAP;AACD;AACD,YAAIM,iBAAJ,GAAwB;AACtB,gBAAMC,OAAO,KAAKC,gBAAL,CAAsB,mBAAtB,CAAb;AACA,cAAI,CAACD,IAAL,EAAW;AACT,mBAAOE,SAAP;AACD;AACD,iBAAOpB,GAAGqB,YAAH,CAAgBC,SAAhB,CAA0BJ,KAAKK,CAA/B,EAAkCL,KAAKM,CAAvC,EAA0CC,KAA1C,CAAgDP,KAAKQ,CAArD,CAAP;AACD;AACD,YAAIT,iBAAJ,CAAsBU,SAAtB,EAAiC;AAC/B,gBAAMT,OAAOS,UAAUC,IAAV,CAAe,MAAMC,KAAN,CAAY,EAAZ,CAAf,CAAb;AACA,eAAKC,gBAAL,CAAsB,mBAAtB,EAA2CZ,IAA3C;AACA,iBAAOS,SAAP;AACD;;AAEDb,oBAAY;AACV;AACA,gBAAMC,YAAYf,GAAG+B,MAAH,CAAU,KAAKhB,SAAf,CAAlB;;AAEA,gBAAMiB,OAAOhC,GAAGgC,IAAH,GAAUC,WAAV,CAAsB,CAAC,IAAI,EAAL,EAAS,EAAT,CAAtB,EAAoCC,EAApC,CAAuC,MAAvC,EAA+C,MAAM;AAChE,kBAAMP,YAAY3B,GAAGmC,KAAH,CAASR,SAA3B;;AAEA,iBAAKS,kBAAL,CAAwBT,SAAxB;AACA,iBAAKV,iBAAL,GAAyBU,SAAzB;AACD,WALY,CAAb;;AAOAZ,oBAAUsB,KAAV,CAAgB,gBAAhB,EAAkC,KAAlC,EAAyCC,IAAzC,CAA8CN,IAA9C,EAAoDE,EAApD,CAAuD,eAAvD,EAAwE,IAAxE;;AAEA,gBAAMjB,oBAAoB,KAAKA,iBAA/B;AACA,cAAIA,iBAAJ,EAAuB;AACrBe,iBAAKL,SAAL,CAAeZ,SAAf,EAA0BE,iBAA1B;AACD;AACF;;AAEDmB,2BAAmBT,SAAnB,EAA8B;AAC5B,gBAAMX,YAAYhB,GAAG+B,MAAH,CAAU,KAAKf,SAAf,CAAlB;AACAA,oBAAUqB,KAAV,CAAgB,WAAhB,EAA6B,eAAeV,UAAUJ,CAAzB,GAA6B,KAA7B,GAAqCI,UAAUH,CAA/C,GAAmD,YAAnD,GAAkEG,UAAUD,CAA5E,GAAgF,GAA7G;AACAV,oBAAUqB,KAAV,CAAgB,kBAAhB,EAAoC,KAApC;AACD;;AAED,yBAAiB,CAEhB;AACD;AACAE,sBAAc;AACZlC,iBAAOmC,MAAP,CAAc,UAAd;AACD;AACD9B,qBAAa;AACX,eAAK+B,OAAL,CAAa,CAAC,EAAEC,iBAAiB,WAAnB,EAAD,EAAmC,EAAEA,iBAAiB,KAAnB,EAAnC,EAA+D,EAAEA,iBAAiB,WAAnB,EAA/D,CAAb,EAA+G;AAC7GC,sBAAU;AADmG,WAA/G;AAGD;;AAED;AACAC,kBAAUnC,GAAV,EAAe;AACbJ,iBAAOmC,MAAP,CAAc,cAAc/B,IAAIoC,QAAhC;AACD;;AAED;AACAC,uBAAe;AACb,eAAKnC,GAAL,CAAS,YAAT,EAAuBC,KAAvB,GAA+BmC,WAAW,KAAKpC,GAAL,CAAS,YAAT,EAAuBC,KAAlC,IAA2C,CAA1E;AACD;;AAEDoC,wBAAgB;AACd,eAAKrC,GAAL,CAAS,YAAT,EAAuBC,KAAvB,GAA+BmC,WAAW,KAAKpC,GAAL,CAAS,YAAT,EAAuBC,KAAlC,IAA2C,CAA1E;AACD;;AAED;;AAEA;AACAqC,4BAAoB;AAClB,eAAKC,YAAL,CAAkB,aAAlB,EAAiC,KAAKvC,GAAL,CAAS,YAAT,EAAuBC,KAAxD;AACD;;AAEDuC,2BAAmB;AACjB;AACD;;AAEDC,sBAAcC,KAAd,EAAqB;AACnB;AACA;AACA,eAAKpC,iBAAL,GAAyBoC,MAAMpC,iBAA/B;AACD;;AAEDqC,sBAAcC,WAAd,EAA2BC,SAA3B,EAAsC;AACpC;AACD;;AAED,cAAMC,aAAN,GAAsB;AACpB;AACA;AACA,eAAKpB,KAAL,CAAWK,eAAX,GAA6B,WAA7B;AACA,eAAKgB,sBAAL,GAA8B,EAA9B;AACA,eAAKC,WAAL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACD;;AA7H+C;;yBAA7B1D,c","file":"gs-visual-editor.js","sourcesContent":["import Morph from 'src/components/widgets/lively-morph.js';\n\nimport d3 from \"src/external/d3.v5.js\";\n\nexport default class GsVisualEditor extends Morph {\n\n async initialize() {\n this.windowTitle = \"GsVisualEditor\";\n debugger;\n this.registerButtons(); \n\n lively.html.registerKeys(this); // automatically installs handler for some methods\n\n lively.addEventListener(\"template\", this, \"dblclick\", evt => this.onDblClick(evt\n // #Note 1\n // ``lively.addEventListener`` automatically registers the listener\n // so that the the handler can be deactivated using:\n // ``lively.removeEventListener(\"template\", this)``\n // #Note 1\n // registering a closure instead of the function allows the class to make \n // use of a dispatch at runtime. That means the ``onDblClick`` method can be\n // replaced during development\n\n ));\n\n this.get(\"#textField\").value = this.getAttribute(\"data-mydata\") || 0;\n\n this.setupZoom();\n }\n\n /*MD ## Zoom MD*/\n get zoomOuter() {\n return this.get('#zoom-outer');\n }\n get zoomInner() {\n return this.get('#zoom-inner');\n }\n get lastZoomTransform() {\n const json = this.getJSONAttribute('lastZoomTransform');\n if (!json) {\n return undefined;\n }\n return d3.zoomIdentity.translate(json.x, json.y).scale(json.k);\n }\n set lastZoomTransform(transform) {\n const json = transform.pick('xyk'.split(''));\n this.setJSONAttribute('lastZoomTransform', json);\n return transform;\n }\n\n setupZoom() {\n // https://github.com/d3/d3-zoom\n const zoomOuter = d3.select(this.zoomOuter);\n\n const zoom = d3.zoom().scaleExtent([1 / 30, 30]).on(\"zoom\", () => {\n const transform = d3.event.transform;\n\n this.applyZoomTransform(transform);\n this.lastZoomTransform = transform;\n });\n\n zoomOuter.style(\"pointer-events\", \"all\").call(zoom).on('dblclick.zoom', null);\n\n const lastZoomTransform = this.lastZoomTransform;\n if (lastZoomTransform) {\n zoom.transform(zoomOuter, lastZoomTransform);\n }\n }\n\n applyZoomTransform(transform) {\n const zoomInner = d3.select(this.zoomInner);\n zoomInner.style(\"transform\", \"translate(\" + transform.x + \"px,\" + transform.y + \"px) scale(\" + transform.k + \")\");\n zoomInner.style(\"transform-origin\", \"0 0\");\n }\n\n 'onZoom-reset'() {\n \n }\n /*MD ## --- MD*/\n onResetZoom() {\n lively.notify('fahklhaw');\n }\n onDblClick() {\n this.animate([{ backgroundColor: \"lightgray\" }, { backgroundColor: \"red\" }, { backgroundColor: \"lightgray\" }], {\n duration: 1000\n });\n }\n\n // this method is autmatically registered through the ``registerKeys`` method\n onKeyDown(evt) {\n lively.notify(\"Key Down!\" + evt.charCode);\n }\n\n // this method is automatically registered as handler through ``registerButtons``\n onPlusButton() {\n this.get(\"#textField\").value = parseFloat(this.get(\"#textField\").value) + 1;\n }\n\n onMinusButton() {\n this.get(\"#textField\").value = parseFloat(this.get(\"#textField\").value) - 1;\n }\n\n /* Lively-specific API */\n\n // store something that would be lost\n livelyPrepareSave() {\n this.setAttribute(\"data-mydata\", this.get(\"#textField\").value);\n }\n\n livelyPreMigrate() {\n // is called on the old object before the migration\n }\n\n livelyMigrate(other) {\n // whenever a component is replaced with a newer version during development\n // this method is called on the new object during migration, but before initialization\n this.lastZoomTransform = other.lastZoomTransform;\n }\n\n livelyInspect(contentNode, inspector) {\n // do nothing\n }\n\n async livelyExample() {\n // this customizes a default instance to a pretty example\n // this is used by the \n this.style.backgroundColor = \"lightgray\";\n this.someJavaScriptProperty = 42;\n this.appendChild(
This is my content
);\n }\n\n}"]}