V7 preview 2 (#463)

* commit toward svgcanvas/svgedit isolation

* jquery removal, isolate svgcavas from svgedit, tests

* refactor(panels)

* fix update of colorpickers

* update cypress

* #tool_imagelib image library menu missing in main menu

* #tool_imagelib lint issue fixed

* #seConfirmDialog confirm change to elix alertdialog

* #seConfirmDialog alert change to elix alert dialog

* #seConfirmDialog remove super.attributeChangedCallback

* #process_cancel prompt changes to alertDialog and seConfirmDialog

* refactor to class step 1

* make load faster

* #storageDialog dialog separate moved dialog

* #process_cancel alert and process_cancel changes

* #process_cancel lint issue fixed

* add seList component

* merge

* fixes

* storagedialog

* move all storage related code to ext-storage

* fix ruler

* Update ConfigObj.js

* fix resize

* Update ext-storage.js

* picker starts withthe right color

* fix prefs

* fix initial content load

* npm update and fix some tests

* npm run build

dist/editor/extensions/ext-closepath/ext-closepath.js

@@ -6,5 +6,5 @@ var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?windo
  *
  * @copyright 2010 Jeff Schiller
  *
- */var qn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return $n}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Hn={name:"closepath",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f;return regeneratorRuntime.wrap((function _callee2$(s){for(;;)switch(s.prev=s.next){case 0:return t.importLocale,r=t.$,n=e,s.next=4,qn(n.pref("lang"));case 4:return o=s.sent,a=function updateButton(t){var e=t.pathSegList,n=1===e.getItem(e.numberOfItems-1).pathSegType,o=n?"#tool_openpath":"#tool_closepath";r(n?"#tool_closepath":"#tool_openpath").hide(),r(o).show()},c=function showPanel(t){if(r("#closepath_panel").toggle(t),t){var e=i[0];e&&a(e)}},u=function toggleClosed(){var t=i[0];if(t){var e=t.pathSegList,r=e.numberOfItems-1;1===e.getItem(r).pathSegType?e.removeItem(r):e.appendItem(t.createSVGPathSegClosePath()),a(t)}},f=[{id:"tool_openpath",icon:"openpath.png",type:"context",panel:"closepath_panel",events:{click:function click(){u()}}},{id:"tool_closepath",icon:"closepath.png",type:"context",panel:"closepath_panel",events:{click:function click(){u()}}}],s.abrupt("return",{name:o.name,svgicons:"closepath_icons.svg",buttons:o.buttons.map((function(t,e){return Object.assign(f[e],t)})),callback:function callback(){r("#closepath_panel").hide()},selectedChanged:function selectedChanged(t){for(var e=(i=t.elems).length;e--;){var r=i[e];r&&"path"===r.tagName&&t.selectedElement&&!t.multiselected?c(!0):c(!1)}}});case 10:case"end":return s.stop()}}),_callee2)})))()}},$n=Object.freeze({__proto__:null,default:{name:"ClosePath",buttons:[{title:"Open path"},{title:"Close path"}]}}),Jn=Object.freeze({__proto__:null,default:{name:"闭合路径",buttons:[{title:"打开路径"},{title:"关闭路径"}]}});export default Hn;
+ */var qn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return $n}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Hn={name:"closepath",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f;return regeneratorRuntime.wrap((function _callee2$(s){for(;;)switch(s.prev=s.next){case 0:return t.importLocale,r=t.$,n=e,s.next=4,qn(n.configObj.pref("lang"));case 4:return o=s.sent,a=function updateButton(t){var e=t.pathSegList,n=1===e.getItem(e.numberOfItems-1).pathSegType,o=n?"#tool_openpath":"#tool_closepath";r(n?"#tool_closepath":"#tool_openpath").hide(),r(o).show()},c=function showPanel(t){if(r("#closepath_panel").toggle(t),t){var e=i[0];e&&a(e)}},u=function toggleClosed(){var t=i[0];if(t){var e=t.pathSegList,r=e.numberOfItems-1;1===e.getItem(r).pathSegType?e.removeItem(r):e.appendItem(t.createSVGPathSegClosePath()),a(t)}},f=[{id:"tool_openpath",icon:"openpath.png",type:"context",panel:"closepath_panel",events:{click:function click(){u()}}},{id:"tool_closepath",icon:"closepath.png",type:"context",panel:"closepath_panel",events:{click:function click(){u()}}}],s.abrupt("return",{name:o.name,svgicons:"closepath_icons.svg",buttons:o.buttons.map((function(t,e){return Object.assign(f[e],t)})),callback:function callback(){r("#closepath_panel").hide()},selectedChanged:function selectedChanged(t){for(var e=(i=t.elems).length;e--;){var r=i[e];r&&"path"===r.tagName&&t.selectedElement&&!t.multiselected?c(!0):c(!1)}}});case 10:case"end":return s.stop()}}),_callee2)})))()}},$n=Object.freeze({__proto__:null,default:{name:"ClosePath",buttons:[{title:"Open path"},{title:"Close path"}]}}),Jn=Object.freeze({__proto__:null,default:{name:"闭合路径",buttons:[{title:"打开路径"},{title:"关闭路径"}]}});export default Hn;
 //# sourceMappingURL=ext-closepath.js.map

dist/editor/extensions/ext-eyedropper/ext-eyedropper.js

@@ -6,5 +6,5 @@ var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?windo
  *
  * @copyright 2010 Jeff Schiller
  *
- */var Jn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return Qn}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Kn={name:"eyedropper",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f,s;return regeneratorRuntime.wrap((function _callee2$(l){for(;;)switch(l.prev=l.next){case 0:return f=function _getStyle(t){if("eyedropper"!==a.getMode()){var e=o("#tool_eyedropper"),r=null;t.multiselected||!t.elems[0]||["svg","g","use"].includes(t.elems[0].nodeName)?e.addClass("disabled"):(r=t.elems[0],e.removeClass("disabled"),u.fillPaint=r.getAttribute("fill")||"black",u.fillOpacity=r.getAttribute("fill-opacity")||1,u.strokePaint=r.getAttribute("stroke"),u.strokeOpacity=r.getAttribute("stroke-opacity")||1,u.strokeWidth=r.getAttribute("stroke-width"),u.strokeDashArray=r.getAttribute("stroke-dasharray"),u.strokeLinecap=r.getAttribute("stroke-linecap"),u.strokeLinejoin=r.getAttribute("stroke-linejoin"),u.opacity=r.getAttribute("opacity")||1)}},r=e,l.next=4,Jn(r.pref("lang"));case 4:return n=l.sent,o=t.$,i=t.ChangeElementCommand,a=r.canvas,c=function addToHistory(t){a.undoMgr.addCommandToHistory(t)},u={fillPaint:"red",fillOpacity:1,strokePaint:"black",strokeOpacity:1,strokeWidth:5,strokeDashArray:null,opacity:1,strokeLinecap:"butt",strokeLinejoin:"miter"},s=[{id:"tool_eyedropper",type:"mode",events:{click:function click(){a.setMode("eyedropper")}}}],l.abrupt("return",{name:n.name,newUI:!0,buttons:n.buttons.map((function(t,e){return Object.assign(s[e],t)})),selectedChanged:f,elementChanged:f,mouseDown:function mouseDown(t){if("eyedropper"===a.getMode()){var e=t.event.target;if(!["svg","g","use"].includes(e.nodeName)){var r={},n=function change(t,e,n){r[e]=t.getAttribute(e),t.setAttribute(e,n)};u.fillPaint&&n(e,"fill",u.fillPaint),u.fillOpacity&&n(e,"fill-opacity",u.fillOpacity),u.strokePaint&&n(e,"stroke",u.strokePaint),u.strokeOpacity&&n(e,"stroke-opacity",u.strokeOpacity),u.strokeWidth&&n(e,"stroke-width",u.strokeWidth),u.strokeDashArray&&n(e,"stroke-dasharray",u.strokeDashArray),u.opacity&&n(e,"opacity",u.opacity),u.strokeLinecap&&n(e,"stroke-linecap",u.strokeLinecap),u.strokeLinejoin&&n(e,"stroke-linejoin",u.strokeLinejoin),c(new i(e,r))}}}});case 8:case"end":return l.stop()}}),_callee2)})))()}},Qn=Object.freeze({__proto__:null,default:{name:"eyedropper",buttons:[{title:"Eye Dropper Tool",key:"I"}]}}),Xn=Object.freeze({__proto__:null,default:{name:"滴管",buttons:[{title:"滴管工具",key:"I"}]}});export default Kn;
+ */var Jn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return Qn}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Kn={name:"eyedropper",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f,s;return regeneratorRuntime.wrap((function _callee2$(l){for(;;)switch(l.prev=l.next){case 0:return f=function _getStyle(t){if("eyedropper"!==a.getMode()){var e=o("#tool_eyedropper"),r=null;t.multiselected||!t.elems[0]||["svg","g","use"].includes(t.elems[0].nodeName)?e.addClass("disabled"):(r=t.elems[0],e.removeClass("disabled"),u.fillPaint=r.getAttribute("fill")||"black",u.fillOpacity=r.getAttribute("fill-opacity")||1,u.strokePaint=r.getAttribute("stroke"),u.strokeOpacity=r.getAttribute("stroke-opacity")||1,u.strokeWidth=r.getAttribute("stroke-width"),u.strokeDashArray=r.getAttribute("stroke-dasharray"),u.strokeLinecap=r.getAttribute("stroke-linecap"),u.strokeLinejoin=r.getAttribute("stroke-linejoin"),u.opacity=r.getAttribute("opacity")||1)}},r=e,l.next=4,Jn(r.configObj.pref("lang"));case 4:return n=l.sent,o=t.$,i=t.ChangeElementCommand,a=r.svgCanvas,c=function addToHistory(t){a.undoMgr.addCommandToHistory(t)},u={fillPaint:"red",fillOpacity:1,strokePaint:"black",strokeOpacity:1,strokeWidth:5,strokeDashArray:null,opacity:1,strokeLinecap:"butt",strokeLinejoin:"miter"},s=[{id:"tool_eyedropper",type:"mode",events:{click:function click(){a.setMode("eyedropper")}}}],l.abrupt("return",{name:n.name,newUI:!0,buttons:n.buttons.map((function(t,e){return Object.assign(s[e],t)})),selectedChanged:f,elementChanged:f,mouseDown:function mouseDown(t){if("eyedropper"===a.getMode()){var e=t.event.target;if(!["svg","g","use"].includes(e.nodeName)){var r={},n=function change(t,e,n){r[e]=t.getAttribute(e),t.setAttribute(e,n)};u.fillPaint&&n(e,"fill",u.fillPaint),u.fillOpacity&&n(e,"fill-opacity",u.fillOpacity),u.strokePaint&&n(e,"stroke",u.strokePaint),u.strokeOpacity&&n(e,"stroke-opacity",u.strokeOpacity),u.strokeWidth&&n(e,"stroke-width",u.strokeWidth),u.strokeDashArray&&n(e,"stroke-dasharray",u.strokeDashArray),u.opacity&&n(e,"opacity",u.opacity),u.strokeLinecap&&n(e,"stroke-linecap",u.strokeLinecap),u.strokeLinejoin&&n(e,"stroke-linejoin",u.strokeLinejoin),c(new i(e,r))}}}});case 8:case"end":return l.stop()}}),_callee2)})))()}},Qn=Object.freeze({__proto__:null,default:{name:"eyedropper",buttons:[{title:"Eye Dropper Tool",key:"I"}]}}),Xn=Object.freeze({__proto__:null,default:{name:"滴管",buttons:[{title:"滴管工具",key:"I"}]}});export default Kn;
 //# sourceMappingURL=ext-eyedropper.js.map

dist/editor/extensions/ext-grid/ext-grid.js

@@ -6,5 +6,5 @@ var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?windo
  *
  * @copyright 2010 Redou Mine, 2010 Alexis Deveria
  *
- */var Wn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return Hn}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Bn={name:"grid",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f,s,l,p,h,y,v,d,g,m,b,w,S;return regeneratorRuntime.wrap((function _callee2$(O){for(;;)switch(O.prev=O.next){case 0:return S=function _gridUpdate(){y&&w(c.getZoom()),r("#canvasGrid").toggle(y),document.getElementById("view_grid").pressed=y},w=function _updateGrid(t){var e=p[i.curConfig.baseUnit]*t,r=100/e,n=1;h.some((function(t){return n=t,r<=t}));var o=n*e;s.width=o,s.height=o;var a=s.getContext("2d"),u=.5,f=o/10;a.globalAlpha=.2,a.strokeStyle=i.curConfig.gridColor;for(var l=1;l<10;l++){var y=Math.round(f*l)+.5;a.moveTo(y,o),a.lineTo(y,0),a.moveTo(o,y),a.lineTo(0,y)}a.stroke(),a.beginPath(),a.globalAlpha=.5,a.moveTo(u,o),a.lineTo(u,0),a.moveTo(o,u),a.lineTo(0,u),a.stroke();var v=s.toDataURL("image/png");m.setAttribute("width",o),m.setAttribute("height",o),m.parentNode.setAttribute("width",o),m.parentNode.setAttribute("height",o),c.setHref(m,v)},r=t.$,n=t.NS,o=t.getTypeMap,i=e,O.next=6,Wn(i.pref("lang"));case 6:return a=O.sent,c=i.canvas,u=document.getElementById("svgcanvas").ownerDocument,f=c.assignAttributes,s=document.createElement("canvas"),l=r("#canvasBackground"),p=o(),h=[.01,.1,1,10,100,1e3],y=i.curConfig.showGrid||!1,r(s).hide().appendTo("body"),v=u.createElementNS(n.SVG,"svg"),f(v,{id:"canvasGrid",width:"100%",height:"100%",x:0,y:0,overflow:"visible",display:"none"}),l.append(v),d=u.createElementNS(n.SVG,"defs"),g=u.createElementNS(n.SVG,"pattern"),f(g,{id:"gridpattern",patternUnits:"userSpaceOnUse",x:0,y:0,width:100,height:100}),m=u.createElementNS(n.SVG,"image"),f(m,{x:0,y:0,width:100,height:100}),g.append(m),d.append(g),r("#canvasGrid").append(d),b=u.createElementNS(n.SVG,"rect"),f(b,{width:"100%",height:"100%",x:0,y:0,"stroke-width":0,stroke:"none",fill:"url(#gridpattern)",style:"pointer-events: none; display:visible;"}),r("#canvasGrid").append(b),O.abrupt("return",{name:a.name,zoomChanged:function zoomChanged(t){y&&w(t)},callback:function callback(){y&&S()},events:{id:"view_grid",click:function click(){i.curConfig.showGrid=y=!y,S()}}});case 26:case"end":return O.stop()}}),_callee2)})))()}},Hn=Object.freeze({__proto__:null,default:{name:"View Grid",buttons:[{title:"Show/Hide Grid"}]}}),Yn=Object.freeze({__proto__:null,default:{name:"网格视图",buttons:[{title:"显示/隐藏网格"}]}});export default Bn;
+ */var Wn=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return Hn}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),Bn={name:"grid",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u,f,s,l,p,h,y,v,d,g,m,b,w,S;return regeneratorRuntime.wrap((function _callee2$(O){for(;;)switch(O.prev=O.next){case 0:return S=function _gridUpdate(){y&&w(c.getZoom()),r("#canvasGrid").toggle(y),document.getElementById("view_grid").pressed=y},w=function _updateGrid(t){var e=p[i.configObj.curConfig.baseUnit]*t,r=100/e,n=1;h.some((function(t){return n=t,r<=t}));var o=n*e;s.width=o,s.height=o;var a=s.getContext("2d"),u=.5,f=o/10;a.globalAlpha=.2,a.strokeStyle=i.configObj.curConfig.gridColor;for(var l=1;l<10;l++){var y=Math.round(f*l)+.5;a.moveTo(y,o),a.lineTo(y,0),a.moveTo(o,y),a.lineTo(0,y)}a.stroke(),a.beginPath(),a.globalAlpha=.5,a.moveTo(u,o),a.lineTo(u,0),a.moveTo(o,u),a.lineTo(0,u),a.stroke();var v=s.toDataURL("image/png");m.setAttribute("width",o),m.setAttribute("height",o),m.parentNode.setAttribute("width",o),m.parentNode.setAttribute("height",o),c.setHref(m,v)},r=t.$,n=t.NS,o=t.getTypeMap,i=e,O.next=6,Wn(i.configObj.pref("lang"));case 6:return a=O.sent,c=i.svgCanvas,u=document.getElementById("svgcanvas").ownerDocument,f=c.assignAttributes,s=document.createElement("canvas"),l=r("#canvasBackground"),p=o(),h=[.01,.1,1,10,100,1e3],y=i.configObj.curConfig.showGrid||!1,r(s).hide().appendTo("body"),v=u.createElementNS(n.SVG,"svg"),f(v,{id:"canvasGrid",width:"100%",height:"100%",x:0,y:0,overflow:"visible",display:"none"}),l.append(v),d=u.createElementNS(n.SVG,"defs"),g=u.createElementNS(n.SVG,"pattern"),f(g,{id:"gridpattern",patternUnits:"userSpaceOnUse",x:0,y:0,width:100,height:100}),m=u.createElementNS(n.SVG,"image"),f(m,{x:0,y:0,width:100,height:100}),g.append(m),d.append(g),r("#canvasGrid").append(d),b=u.createElementNS(n.SVG,"rect"),f(b,{width:"100%",height:"100%",x:0,y:0,"stroke-width":0,stroke:"none",fill:"url(#gridpattern)",style:"pointer-events: none; display:visible;"}),r("#canvasGrid").append(b),O.abrupt("return",{name:a.name,zoomChanged:function zoomChanged(t){y&&w(t)},callback:function callback(){y&&S()},events:{id:"view_grid",click:function click(){i.configObj.curConfig.showGrid=y=!y,S()}}});case 26:case"end":return O.stop()}}),_callee2)})))()}},Hn=Object.freeze({__proto__:null,default:{name:"View Grid",buttons:[{title:"Show/Hide Grid"}]}}),Yn=Object.freeze({__proto__:null,default:{name:"网格视图",buttons:[{title:"显示/隐藏网格"}]}});export default Bn;
 //# sourceMappingURL=ext-grid.js.map

dist/editor/extensions/ext-shapes/ext-shapes.js

@@ -6,5 +6,5 @@
  * @copyright 2010 Christian Tzurcanu, 2010 Alexis Deveria
  *
  */
-var e={name:"shapes",init:function init(e){e.$;var t,a,n,s=this.canvas,o=s.getRootElem(),r={},i="shapelib",l={};return{events:{id:"tool_shapelib",click:function click(){s.setMode(i)}},callback:function callback(){},mouseDown:function mouseDown(e){if(s.getMode()===i){var o=document.getElementById("tool_shapelib").dataset.draw,c=a=e.start_x,m=n=e.start_y,u=s.getStyle();return l.x=e.event.clientX,l.y=e.event.clientY,(t=s.addSVGElementFromJson({element:"path",curStyles:!0,attr:{d:o,id:s.getNextId(),opacity:u.opacity/2,style:"pointer-events:none"}})).setAttribute("transform","translate("+c+","+m+") scale(0.005) translate("+-c+","+-m+")"),s.recalculateDimensions(t),s.getTransformList(t),r=t.getBBox(),{started:!0}}},mouseMove:function mouseMove(e){if(s.getMode()===i){var l=s.getZoom(),c=e.event,m=e.mouse_x/l,u=e.mouse_y/l,d=s.getTransformList(t),h=t.getBBox(),f=h.x,p=h.y,v=(Math.min(a,m),Math.min(n,u),Math.abs(m-a)),g=Math.abs(u-n),M=v/r.width||1,y=g/r.height||1,b=0;m<a&&(b=r.width);var x=0;u<n&&(x=r.height);var B=o.createSVGTransform(),S=o.createSVGTransform(),T=o.createSVGTransform();if(B.setTranslate(-(f+b),-(p+x)),!c.shiftKey){var _=Math.min(Math.abs(M),Math.abs(y));M=_*(M<0?-1:1),y=_*(y<0?-1:1)}S.setScale(M,y),T.setTranslate(f+b,p+x),d.appendItem(T),d.appendItem(S),d.appendItem(B),s.recalculateDimensions(t),r=t.getBBox()}},mouseUp:function mouseUp(e){if(s.getMode()===i)return{keep:e.event.clientX!==l.x&&e.event.clientY!==l.y,element:t,started:!1}}}}};export default e;
+var e={name:"shapes",init:function init(e){e.$;var t,a,n,s=this.svgCanvas,o=s.getRootElem(),r={},i="shapelib",l={};return{events:{id:"tool_shapelib",click:function click(){s.setMode(i)}},callback:function callback(){},mouseDown:function mouseDown(e){if(s.getMode()===i){var o=document.getElementById("tool_shapelib").dataset.draw,c=a=e.start_x,m=n=e.start_y,u=s.getStyle();return l.x=e.event.clientX,l.y=e.event.clientY,(t=s.addSVGElementFromJson({element:"path",curStyles:!0,attr:{d:o,id:s.getNextId(),opacity:u.opacity/2,style:"pointer-events:none"}})).setAttribute("transform","translate("+c+","+m+") scale(0.005) translate("+-c+","+-m+")"),s.recalculateDimensions(t),s.getTransformList(t),r=t.getBBox(),{started:!0}}},mouseMove:function mouseMove(e){if(s.getMode()===i){var l=s.getZoom(),c=e.event,m=e.mouse_x/l,u=e.mouse_y/l,d=s.getTransformList(t),h=t.getBBox(),f=h.x,p=h.y,v=(Math.min(a,m),Math.min(n,u),Math.abs(m-a)),g=Math.abs(u-n),M=v/r.width||1,y=g/r.height||1,b=0;m<a&&(b=r.width);var x=0;u<n&&(x=r.height);var B=o.createSVGTransform(),S=o.createSVGTransform(),T=o.createSVGTransform();if(B.setTranslate(-(f+b),-(p+x)),!c.shiftKey){var _=Math.min(Math.abs(M),Math.abs(y));M=_*(M<0?-1:1),y=_*(y<0?-1:1)}S.setScale(M,y),T.setTranslate(f+b,p+x),d.appendItem(T),d.appendItem(S),d.appendItem(B),s.recalculateDimensions(t),r=t.getBBox()}},mouseUp:function mouseUp(e){if(s.getMode()===i)return{keep:e.event.clientX!==l.x&&e.event.clientY!==l.y,element:t,started:!1}}}}};export default e;
 //# sourceMappingURL=ext-shapes.js.map

dist/editor/extensions/ext-webappfind/ext-webappfind.js

@@ -5,5 +5,5 @@ var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?windo
 * @author Brett Zamir
 * @license MIT
 * @todo See WebAppFind Readme for SVG-related todos
-*/var to=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return ro}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),eo={name:"webappfind",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c,u;return regeneratorRuntime.wrap((function _callee2$(f){for(;;)switch(f.prev=f.next){case 0:return r=t.$,n=e,f.next=4,to(n.pref("lang"));case 4:return o=f.sent,"read",a=["read",i="save"],e.canvas.bind("message",(function(t,e){var o,i,u=e.data,f=e.origin;try{var s=u.webappfind;if(o=s.type,c=s.pathID,i=s.content,f!==location.origin||a.includes(o))return}catch(t){return}switch(o){case"view":n.loadFromString(i);break;case"save-end":r.alert("save complete for pathID ".concat(c,"!"));break;default:throw new Error("Unexpected WebAppFind event type")}})),u=[{id:"webappfind_save",icon:"webappfind.png",type:"app_menu",position:4,events:{click:function click(){c&&window.postMessage({webappfind:{type:i,pathID:c,content:n.canvas.getSvgString()}},"null"===window.location.origin?"*":window.location.origin)}}}],f.abrupt("return",{name:o.name,svgicons:"webappfind-icon.svg",buttons:o.buttons.map((function(t,e){return Object.assign(u[e],t)}))});case 9:case"end":return f.stop()}}),_callee2)})))()}},ro=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"Save Image back to Disk"}]}}),no=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"保存图片到磁盘"}]}});export default eo;
+*/var to=function(){var t=_asyncToGenerator(regeneratorRuntime.mark((function _callee(t){var e;return regeneratorRuntime.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,__variableDynamicImportRuntime0__("./locale/".concat(encodeURIComponent(t),".js"));case 3:e=r.sent,r.next=12;break;case 6:return r.prev=6,r.t0=r.catch(0),console.error("Missing translation (".concat(t,") - using 'en'")),r.next=11,Promise.resolve().then((function(){return ro}));case 11:e=r.sent;case 12:return r.abrupt("return",e.default);case 13:case"end":return r.stop()}}),_callee,null,[[0,6]])})));return function loadExtensionTranslation(e){return t.apply(this,arguments)}}(),eo={name:"webappfind",init:function init(t){var e=this;return _asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var r,n,o,i,a,c;return regeneratorRuntime.wrap((function _callee2$(u){for(;;)switch(u.prev=u.next){case 0:return t.$,r=e,u.next=4,to(r.configObj.pref("lang"));case 4:return n=u.sent,"read",i=["read",o="save"],e.canvas.bind("message",(function(t,e){var n,o,c=e.data,u=e.origin;try{var f=c.webappfind;if(n=f.type,a=f.pathID,o=f.content,u!==location.origin||i.includes(n))return}catch(t){return}switch(n){case"view":r.loadFromString(o);break;case"save-end":alert("save complete for pathID ".concat(a,"!"));break;default:throw new Error("Unexpected WebAppFind event type")}})),c=[{id:"webappfind_save",icon:"webappfind.png",type:"app_menu",position:4,events:{click:function click(){a&&window.postMessage({webappfind:{type:o,pathID:a,content:r.svgCanvas.getSvgString()}},"null"===window.location.origin?"*":window.location.origin)}}}],u.abrupt("return",{name:n.name,svgicons:"webappfind-icon.svg",buttons:n.buttons.map((function(t,e){return Object.assign(c[e],t)}))});case 9:case"end":return u.stop()}}),_callee2)})))()}},ro=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"Save Image back to Disk"}]}}),no=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"保存图片到磁盘"}]}});export default eo;
 //# sourceMappingURL=ext-webappfind.js.map