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/system/extensions/ext-closepath/ext-closepath.js

@@ -6,4 +6,4 @@ System.register([],(function(t){"use strict";return{execute:function(){var e="un
 			 *
 			 * @copyright 2010 Jeff Schiller
 			 *
-			 */var ao=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 co}));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)}}(),co=(t("default",{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,ao(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)})))()}}),Object.freeze({__proto__:null,default:{name:"ClosePath",buttons:[{title:"Open path"},{title:"Close path"}]}})),uo=Object.freeze({__proto__:null,default:{name:"闭合路径",buttons:[{title:"打开路径"},{title:"关闭路径"}]}})}}}));
+			 */var ao=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 co}));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)}}(),co=(t("default",{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,ao(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)})))()}}),Object.freeze({__proto__:null,default:{name:"ClosePath",buttons:[{title:"Open path"},{title:"Close path"}]}})),uo=Object.freeze({__proto__:null,default:{name:"闭合路径",buttons:[{title:"打开路径"},{title:"关闭路径"}]}})}}}));

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

@@ -6,4 +6,4 @@ System.register([],(function(t){"use strict";return{execute:function(){var e="un
 			 *
 			 * @copyright 2010 Jeff Schiller
 			 *
-			 */var fo=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 so}));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)}}(),so=(t("default",{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,fo(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)})))()}}),Object.freeze({__proto__:null,default:{name:"eyedropper",buttons:[{title:"Eye Dropper Tool",key:"I"}]}})),lo=Object.freeze({__proto__:null,default:{name:"滴管",buttons:[{title:"滴管工具",key:"I"}]}})}}}));
+			 */var fo=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 so}));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)}}(),so=(t("default",{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,fo(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)})))()}}),Object.freeze({__proto__:null,default:{name:"eyedropper",buttons:[{title:"Eye Dropper Tool",key:"I"}]}})),lo=Object.freeze({__proto__:null,default:{name:"滴管",buttons:[{title:"滴管工具",key:"I"}]}})}}}));

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

@@ -7,4 +7,4 @@ System.register([],(function(e){"use strict";return{execute:function(){
        * @copyright 2010 Christian Tzurcanu, 2010 Alexis Deveria
        *
        */
-e("default",{name:"shapes",init:function init(e){e.$;var t,a,n,s=this.canvas,o=s.getRootElem(),i={},r="shapelib",c={};return{events:{id:"tool_shapelib",click:function click(){s.setMode(r)}},callback:function callback(){},mouseDown:function mouseDown(e){if(s.getMode()===r){var o=document.getElementById("tool_shapelib").dataset.draw,l=a=e.start_x,m=n=e.start_y,u=s.getStyle();return c.x=e.event.clientX,c.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("+l+","+m+") scale(0.005) translate("+-l+","+-m+")"),s.recalculateDimensions(t),s.getTransformList(t),i=t.getBBox(),{started:!0}}},mouseMove:function mouseMove(e){if(s.getMode()===r){var c=s.getZoom(),l=e.event,m=e.mouse_x/c,u=e.mouse_y/c,d=s.getTransformList(t),f=t.getBBox(),h=f.x,p=f.y,g=(Math.min(a,m),Math.min(n,u),Math.abs(m-a)),v=Math.abs(u-n),y=g/i.width||1,M=v/i.height||1,b=0;m<a&&(b=i.width);var x=0;u<n&&(x=i.height);var S=o.createSVGTransform(),B=o.createSVGTransform(),T=o.createSVGTransform();if(S.setTranslate(-(h+b),-(p+x)),!l.shiftKey){var _=Math.min(Math.abs(y),Math.abs(M));y=_*(y<0?-1:1),M=_*(M<0?-1:1)}B.setScale(y,M),T.setTranslate(h+b,p+x),d.appendItem(T),d.appendItem(B),d.appendItem(S),s.recalculateDimensions(t),i=t.getBBox()}},mouseUp:function mouseUp(e){if(s.getMode()===r)return{keep:e.event.clientX!==c.x&&e.event.clientY!==c.y,element:t,started:!1}}}}})}}}));
+e("default",{name:"shapes",init:function init(e){e.$;var t,a,n,s=this.svgCanvas,o=s.getRootElem(),i={},r="shapelib",c={};return{events:{id:"tool_shapelib",click:function click(){s.setMode(r)}},callback:function callback(){},mouseDown:function mouseDown(e){if(s.getMode()===r){var o=document.getElementById("tool_shapelib").dataset.draw,l=a=e.start_x,m=n=e.start_y,u=s.getStyle();return c.x=e.event.clientX,c.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("+l+","+m+") scale(0.005) translate("+-l+","+-m+")"),s.recalculateDimensions(t),s.getTransformList(t),i=t.getBBox(),{started:!0}}},mouseMove:function mouseMove(e){if(s.getMode()===r){var c=s.getZoom(),l=e.event,m=e.mouse_x/c,u=e.mouse_y/c,d=s.getTransformList(t),f=t.getBBox(),h=f.x,g=f.y,p=(Math.min(a,m),Math.min(n,u),Math.abs(m-a)),v=Math.abs(u-n),y=p/i.width||1,M=v/i.height||1,b=0;m<a&&(b=i.width);var x=0;u<n&&(x=i.height);var S=o.createSVGTransform(),B=o.createSVGTransform(),T=o.createSVGTransform();if(S.setTranslate(-(h+b),-(g+x)),!l.shiftKey){var _=Math.min(Math.abs(y),Math.abs(M));y=_*(y<0?-1:1),M=_*(M<0?-1:1)}B.setScale(y,M),T.setTranslate(h+b,g+x),d.appendItem(T),d.appendItem(B),d.appendItem(S),s.recalculateDimensions(t),i=t.getBBox()}},mouseUp:function mouseUp(e){if(s.getMode()===r)return{keep:e.event.clientX!==c.x&&e.event.clientY!==c.y,element:t,started:!1}}}}})}}}));

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

@@ -5,4 +5,4 @@ System.register([],(function(t){"use strict";return{execute:function(){var e="un
 			* @author Brett Zamir
 			* @license MIT
 			* @todo See WebAppFind Readme for SVG-related todos
-			*/var yo=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 vo}));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)}}(),vo=(t("default",{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,yo(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)})))()}}),Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"Save Image back to Disk"}]}})),go=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"保存图片到磁盘"}]}})}}}));
+			*/var yo=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 vo}));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)}}(),vo=(t("default",{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,yo(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)})))()}}),Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"Save Image back to Disk"}]}})),go=Object.freeze({__proto__:null,default:{name:"WebAppFind",buttons:[{title:"保存图片到磁盘"}]}})}}}));