diff --git a/docs/bundle.css b/docs/bundle.css
index 8d2291414..442be6761 100644
--- a/docs/bundle.css
+++ b/docs/bundle.css
@@ -3159,9 +3159,26 @@ html, body {
   position: absolute;
   left: 0px;
   top: 0px;
-  right: 0px;
-  bottom: 0px;
+  width: 100%;
+  height: 100%;
   pointer-events: none;
+  overflow: visible;
+}
+.csseditor .guide-line-view line {
+  stroke-width: 1;
+}
+.csseditor .guide-line-view line.base-line {
+  stroke: #fc554f;
+}
+.csseditor .guide-line-view line.base-rect {
+  stroke: #435cb5;
+}
+.csseditor .guide-line-view text {
+  font-size: 11px;
+  fill: #fc554f;
+}
+.csseditor .guide-line-view text.text-center {
+  text-anchor: middle;
 }
 .csseditor .property {
   border-bottom: 1px solid black;
@@ -12279,9 +12296,26 @@ html, body {
   position: absolute;
   left: 0px;
   top: 0px;
-  right: 0px;
-  bottom: 0px;
+  width: 100%;
+  height: 100%;
   pointer-events: none;
+  overflow: visible;
+}
+.csseditor[data-theme=light] .guide-line-view line {
+  stroke-width: 1;
+}
+.csseditor[data-theme=light] .guide-line-view line.base-line {
+  stroke: #fc554f;
+}
+.csseditor[data-theme=light] .guide-line-view line.base-rect {
+  stroke: #435cb5;
+}
+.csseditor[data-theme=light] .guide-line-view text {
+  font-size: 11px;
+  fill: #fc554f;
+}
+.csseditor[data-theme=light] .guide-line-view text.text-center {
+  text-anchor: middle;
 }
 .csseditor[data-theme=light] .property {
   border-bottom: 1px solid black;
diff --git a/docs/bundle.css.gz b/docs/bundle.css.gz
index 135c5b88e..4fcbd05f6 100644
Binary files a/docs/bundle.css.gz and b/docs/bundle.css.gz differ
diff --git a/docs/main.js b/docs/main.js
index 42460e7c1..6e65b1ec6 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.EasylogicStudio=e():t.EasylogicStudio=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"debounce",function(){return k}),n.d(r,"throttle",function(){return O}),n.d(r,"keyEach",function(){return S}),n.d(r,"keyMap",function(){return j}),n.d(r,"keyMapJoin",function(){return P}),n.d(r,"get",function(){return _}),n.d(r,"defaultValue",function(){return T}),n.d(r,"isUndefined",function(){return E}),n.d(r,"isNotUndefined",function(){return C}),n.d(r,"isArray",function(){return $}),n.d(r,"isBoolean",function(){return R}),n.d(r,"isString",function(){return V}),n.d(r,"isNotString",function(){return A}),n.d(r,"isObject",function(){return D}),n.d(r,"isFunction",function(){return I}),n.d(r,"isNumber",function(){return M}),n.d(r,"clone",function(){return L}),n.d(r,"cleanObject",function(){return B}),n.d(r,"combineKeyArray",function(){return z}),n.d(r,"repeat",function(){return F}),n.d(r,"html",function(){return X}),n.d(r,"CSS_TO_STRING",function(){return Y}),n.d(r,"STRING_TO_CSS",function(){return N}),n.d(r,"OBJECT_TO_PROPERTY",function(){return K}),n.d(r,"OBJECT_TO_CLASS",function(){return W}),n.d(r,"TAG_TO_STRING",function(){return U}),n.d(r,"mapjoin",function(){return Z});var o={};n.r(o),n.d(o,"format",function(){return q}),n.d(o,"hex",function(){return J}),n.d(o,"rgb",function(){return Q}),n.d(o,"hsl",function(){return tt});var i={};n.r(i),n.d(i,"randomNumber",function(){return et}),n.d(i,"random",function(){return nt}),n.d(i,"randomRGBA",function(){return rt});var a={};n.r(a),n.d(a,"round",function(){return at}),n.d(a,"degreeToRadian",function(){return ct}),n.d(a,"div",function(){return ut}),n.d(a,"radianToDegree",function(){return st}),n.d(a,"getXInCircle",function(){return lt}),n.d(a,"getYInCircle",function(){return ft}),n.d(a,"getXYInCircle",function(){return pt}),n.d(a,"getDist",function(){return ht}),n.d(a,"calculateAngle",function(){return yt}),n.d(a,"calculateAngle360",function(){return dt}),n.d(a,"uuid",function(){return bt}),n.d(a,"uuidShort",function(){return gt}),n.d(a,"cubicBezier",function(){return wt}),n.d(a,"getGradientLine",function(){return kt}),n.d(a,"CCW",function(){return Ot}),n.d(a,"incircle",function(){return St}),n.d(a,"initPolygon",function(){return jt}),n.d(a,"Deluanay",function(){return xt}),n.d(a,"generate_sample_points",function(){return _t}),n.d(a,"getCenterInTriangle",function(){return Tt});var c={};n.r(c),n.d(c,"ReverseXyz",function(){return Et}),n.d(c,"ReverseRGB",function(){return Ct}),n.d(c,"XYZtoRGB",function(){return $t}),n.d(c,"LABtoXYZ",function(){return Rt}),n.d(c,"PivotXyz",function(){return Vt}),n.d(c,"XYZtoLAB",function(){return At}),n.d(c,"LABtoRGB",function(){return Dt});var u={};n.r(u),n.d(u,"RGBtoHSV",function(){return It}),n.d(u,"RGBtoCMYK",function(){return Mt}),n.d(u,"RGBtoHSL",function(){return Lt}),n.d(u,"c",function(){return Bt}),n.d(u,"gray",function(){return zt}),n.d(u,"RGBtoSimpleGray",function(){return Ft}),n.d(u,"RGBtoGray",function(){return Gt}),n.d(u,"brightness",function(){return Ht}),n.d(u,"RGBtoYCrCb",function(){return Xt}),n.d(u,"PivotRGB",function(){return Yt}),n.d(u,"RGBtoXYZ",function(){return Nt}),n.d(u,"RGBtoLAB",function(){return Kt});var s={};n.r(s),n.d(s,"CMYKtoRGB",function(){return Wt});var l={};n.r(l),n.d(l,"HSVtoRGB",function(){return Ut}),n.d(l,"HSVtoHSL",function(){return Zt});var f={};n.r(f),n.d(f,"HUEtoRGB",function(){return qt}),n.d(f,"HSLtoHSV",function(){return Jt}),n.d(f,"HSLtoRGB",function(){return Qt});var p={};n.r(p),n.d(p,"YCrCbtoRGB",function(){return te});var h={};n.r(h),n.d(h,"isColor",function(){return ce}),n.d(h,"matches",function(){return ue}),n.d(h,"convertMatches",function(){return se}),n.d(h,"convertMatchesArray",function(){return le}),n.d(h,"reverseMatches",function(){return fe}),n.d(h,"trim",function(){return he}),n.d(h,"parse",function(){return ye}),n.d(h,"parseGradient",function(){return de});var d={};n.r(d),n.d(d,"interpolateRGB",function(){return ve}),n.d(d,"interpolateRGBObject",function(){return be}),n.d(d,"scale",function(){return ge}),n.d(d,"blend",function(){return me}),n.d(d,"mix",function(){return we}),n.d(d,"contrast",function(){return ke}),n.d(d,"contrastColor",function(){return Oe}),n.d(d,"gradient",function(){return Se}),n.d(d,"scaleHSV",function(){return je}),n.d(d,"scaleH",function(){return Pe}),n.d(d,"scaleS",function(){return xe}),n.d(d,"scaleV",function(){return _e});var v={};n.r(v),n.d(v,"start",function(){return kl});n(0);function b(t){return function(t){if(Array.isArray(t))return t}(t)||m(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function g(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||m(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function m(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function w(t){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k(t,e){var n=void 0;return function(r,o,i,a,c){n&&clearTimeout(n),n=setTimeout(function(){t(r,o,i,a,c)},e||300)}}function O(t,e){var n=void 0;return function(r,o,i,a,c){n||(n=setTimeout(function(){t(r,o,i,a,c),n=null},e||300))}}function S(t,e){Object.keys(t).forEach(function(n,r){e(n,t[n],r)})}function j(t,e){return Object.keys(t).map(function(n,r){return e(n,t[n],r)})}function P(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return j(t,e).join(n)}function _(t,e,n){var r=T(t[e],e);return I(n)?n(r):r}function T(t,e){return void 0===t?e:t}function E(t){return null==t}function C(t){return!1===E(t)}function $(t){return Array.isArray(t)}function R(t){return"boolean"==typeof t}function V(t){return"string"==typeof t}function A(t){return!1===V(t)}function D(t){return"object"==w(t)&&!$(t)&&!M(t)&&!V(t)&&null!==t}function I(t){return"function"==typeof t}function M(t){return"number"==typeof t}function L(t){return JSON.parse(JSON.stringify(t))}function B(t){var e={};return Object.keys(t).filter(function(e){return!!t[e]}).forEach(function(n){e[n]=t[n]}),e}function z(t){return Object.keys(t).forEach(function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))}),t}function F(t){return g(Array(t))}var G=/\<(\w*)([^\>]*)\/\>/gim,H={image:!0,input:!0,br:!0,path:!0},X=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var o=t.map(function(t,e){var r=n[e]||"";return I(r)&&(r=r()),$(r)||(r=[r]),t+(r=r.map(function(t){return D(t)&&!$(t)?Object.keys(t).map(function(e){return"".concat(e,'="').concat(t[e],'"')}).join(" "):t}).join(""))}).join("");return o=o.replace(G,function(t,e){return H[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))})};function Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t;return Object.keys(n).filter(function(t){return n[t]}).map(function(t){return"".concat(t,": ").concat(n[t])}).join(";"+e)}function N(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e={};return""===(t+="")?e:(t.split(";").forEach(function(t){var n=b(t.split(":").map(function(t){return t.trim()})),r=n[0],o=n.slice(1);""!=r&&(e[r]=o.join(":"))}),e)}function K(t){return Object.keys(t).map(function(e){return"class"===e&&D(t[e])?"".concat(e,'="').concat(W(t[e]),'"'):R(t[e])?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')}).join(" ")}function W(t){return Object.keys(t).filter(function(e){return t[e]}).map(function(t){return t}).join(" ")}function U(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Z(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function q(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(0, 0, 0, 0)";return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),"hex"==e?J(t):"rgb"==e?Q(t,n):"hsl"==e?tt(t):t}function J(t){Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]});var e=t.r.toString(16);t.r<16&&(e="0"+e);var n=t.g.toString(16);t.g<16&&(n="0"+n);var r=t.b.toString(16);return t.b<16&&(r="0"+r),"#".concat(e).concat(n).concat(r)}function Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if($(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!E(t))return 1==t.a||E(t.a)?isNaN(t.r)?e:"rgb(".concat(t.r,",").concat(t.g,",").concat(t.b,")"):"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(t.a,")")}function tt(t){return $(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||E(t.a)?"hsl(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%)"):"hsla(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%,").concat(t.a,")")}function et(t,e){return Math.floor(Math.random()*(e-t+1))+t}function nt(){return Q({r:et(0,255),g:et(0,255),b:et(0,255)})}function rt(){return Q({r:et(0,255),g:et(0,255),b:et(0,255),a:et(0,1e3)/1e3})}var ot={create:function(t,e,n){return{x:t||0,y:e||0,z:n||0}},add:function(t,e){return{x:t.x+e.x,y:t.y+e.y,z:t.z+e.z}},sub:function(t,e){return{x:t.x-e.x,y:t.y-e.y,z:t.z-e.z}},mul:function(t,e){return{x:t.x*e.x,y:t.y*e.y,z:t.z*e.z}},div:function(t,e){return{x:t.x/e.x,y:t.y/e.y,z:t.z/e.z}},muls:function(t,e){return{x:t.x*e,y:t.y*e,z:t.z*e}},divs:function(t,e){return{x:t.x/e,y:t.y/e,z:t.z/e}},len:function(t){return Math.sqrt(t.x*t.x+t.y*t.y+t.z*t.z)},dot:function(t,e){return t.x*e.x+t.y*e.y+t.z*e.z},cross2d:function(t,e){return t.x*e.y-t.y*e.x},cross:function(t,e){return{x:t.y*e.z-t.z*e.y,y:t.z*e.x-t.x*e.z,z:t.x*e.y-t.y*e.x}},normalize:function(t){return ot.divs(t,ot.len(t))},ang:function(t,e){return Math.acos(ot.dot(t,e)/(ot.len(t)*ot.len(e)))},copy:function(t){return{x:t.x,y:t.y,z:t.z}},equal:function(t,e){return t.x===e.x&&t.y===e.y&&t.z===e.z},rotate:function(t,e){var n=t.x,r=t.y,o=t.z,i=0!==e.x?e.x/2:0,a=0!==e.y?e.y/2:0,c=0!==e.z?e.z/2:0,u=Math.cos(i),s=Math.cos(a),l=Math.cos(c),f=Math.sin(i),p=Math.sin(a),h=Math.sin(c),y=u*s*l+-f*p*h,d=f*s*l- -u*p*h,v=u*p*l+f*s*-h,b=u*s*h- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*y))+o*(2*(d*b+v*y)),y:n*(2*(d*v+b*y))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*y)),z:n*(2*(d*b-v*y))+r*(2*(b*v+d*y))+o*(1-2*(d*d+v*v))}}},it={matrix2d:{multiply:function(t){return function(e,n){var r=+e[n],o=+e[n+1];return[t[0][0]*r+t[0][1]*o+t[0][2],t[1][0]*r+t[1][1]*o+t[1][2],1]}},translate:function(t,e){return this.multiply([[1,0,t],[0,1,e],[0,0,1]])},rotate:function(t){return this.multiply([[Math.cos(t),Math.sin(t),0][(Math.sin(t),Math.cos(t),0)],[0,0,1]])},scale:function(t,e){return this.multiply([[t,0,0],[0,e,0],[0,0,1]])},skewX:function(t){return this.multiply([[1,Math.tan(t),0],[0,1,0],[0,0,1]])},skewY:function(t){return this.multiply([[1,0,0],[Math.tan(t),1,0],[0,0,1]])},flip:function(){return this.multiply([[-1,0,0],[0,-1,0],[0,0,1]])},flipX:function(){return this.multiply([[-1,0,0],[0,1,0],[0,0,1]])},flipY:function(){return this.multiply([[1,0,0],[0,-1,0],[0,0,1]])}},Vect3:ot,addVector:function(t,e){return ot.add(t,e)},rotateVector:function(t,e){return ot.rotate(t,e)}};function at(t,e){return e=E(e)?1:e,Math.round(t*e)/e}function ct(t){return t*Math.PI/180}function ut(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function st(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function lt(t,e){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0)+e*Math.cos(ct(t))}function ft(t,e){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0)+e*Math.sin(ct(t))}function pt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{x:lt(t,e,n),y:ft(t,e,r)}}function ht(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return Math.sqrt(Math.pow(Math.abs(n-t),2)+Math.pow(Math.abs(r-e),2))}function yt(t,e){return st(Math.atan2(e,t))}function dt(t,e){return(st(Math.atan2(e,t))+180)%360}var vt=/[xy]/g;function bt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(vt,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)})}function gt(){var t=(new Date).getTime();return"idxxxxxxx".replace(vt,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)})}var mt={B1:function(t){return t*t*t},B2:function(t){return 3*t*t*(1-t)},B3:function(t){return 3*t*(1-t)*(1-t)},B4:function(t){return(1-t)*(1-t)*(1-t)}};function wt(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*mt.B2(t)+i*mt.B3(t)+mt.B4(t))}}function kt(t,e){var n=Math.abs(e.width*Math.sin(t))+Math.abs(e.height*Math.cos(t)),r={x:e.x+e.width/2,y:e.y+e.height/2},o=Math.sin(t-Math.PI/2)*n/2,i=Math.cos(t-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-i,y:r.y-o},end:{x:r.x+i,y:r.y+o}}}function Ot(t,e,n){return E(n)?ot.cross2d(t,e):ot.cross2d(ot.sub(e,t),ot.sub(n,t))}function St(t,e,n,r){var o=Ot(t,e,n),i=t.x-r.x,a=t.y-r.y,c=e.x-r.x,u=e.y-r.y,s=n.x-r.x,l=n.y-r.y,f=(i*i+a*a)*(c*l-s*u)+(c*c+u*u)*(s*a-i*l)+(s*s+l*l)*(i*u-c*a);return o>0?f>=0:f<=0}function jt(t,e,n){for(var r=ot.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(ot.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function Pt(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function xt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=ot.create(-2e9,-2e9),t[e+1]=ot.create(2e9,-2e9),t[e+2]=ot.create(0,2e9);for(var n=[ot.create(e,e+1,e+2)],r=0;r<e;r++){for(var o=[],i=new Array(n.length),a=0;a<n.length;a++){if(!i[a])if(c=n[a])St(t[c.x],t[c.y],t[c.z],t[r])?(jt(o,c.x,c.y),jt(o,c.y,c.z),jt(o,c.z,c.x),Pt(i,a,n.length-1),Pt(n,a,n.length-1),n.pop(),a--):i[a]=!0}o.forEach(function(e){0===Ot(t[e.x],t[e.y],t[r])||n.push(ot.create(e.x,e.y,r))})}for(r=0;r<n.length;r++){var c;((c=n[r]).x>=e||c.y>=e||c.z>=e)&&(Pt(n,r,n.length-1),n.pop(),r--)}return n.map(function(e){return{a:t[e.x],b:t[e.y],c:t[e.z]}})}function _t(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:50,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},c=[],u=t+n,s=-r,l=e+r,f=-n;f<u;f+=o)for(var p=s;p<l;p+=o){var h=Math.floor(f+o/2*(a()*i*2-i)),y=Math.floor(p+o/2*(a()*i*2-i));c[c.length]={x:h,y:y}}return c}function Tt(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}function Et(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Ct(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function $t(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var o=t/100,i=e/100,a=n/100,c=3.2406*o+-1.5372*i+-.4986*a,u=-.9689*o+1.8758*i+.0415*a,s=.0557*o+-.204*i+1.057*a;return c=Ct(c),u=Ct(u),s=Ct(s),{r:at(255*c),g:at(255*u),b:at(255*s)}}function Rt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}var o=(t+16)/116,i=e/500+o,a=o-n/200;return o=Et(o),{x:95.047*(i=Et(i)),y:100*o,z:108.883*(a=Et(a))}}function Vt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function At(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var o=t/95.047,i=e/100,a=n/108.883;return o=Vt(o),{l:116*(i=Vt(i))-16,a:500*(o-i),b:200*(i-(a=Vt(a)))}}function Dt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return $t(Rt(t,e,n))}function It(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255,c=Math.max(o,i,a),u=c-Math.min(o,i,a),s=0;0==u?s=0:c==o?s=(i-a)/u%6*60:c==i?s=60*((a-o)/u+2):c==a&&(s=60*((o-i)/u+4)),s<0&&(s=360+s);return{h:s,s:0==c?0:u/c,v:c}}function Mt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255,c=1-Math.max(o,i,a);return{c:(1-o-c)/(1-c),m:(1-i-c)/(1-c),y:(1-a-c)/(1-c),k:c}}function Lt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}t/=255,e/=255,n/=255;var o,i,a=Math.max(t,e,n),c=Math.min(t,e,n),u=(a+c)/2;if(a==c)o=i=0;else{var s=a-c;switch(i=u>.5?s/(2-a-c):s/(a+c),a){case t:o=(e-n)/s+(e<n?6:0);break;case e:o=(n-t)/s+2;break;case n:o=(t-e)/s+4}o/=6}return{h:at(360*o),s:at(100*i),l:at(100*u)}}function Bt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt((t+e+n)/3>90?0:255)}function zt(t){return{r:t,g:t,b:t}}function Ft(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt(Math.ceil((t+e+n)/3))}function Gt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt(Xt(t,e,n).y)}function Ht(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Xt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=Ht(t,e,n);return{y:o,cr:.713*(t-o),cb:.564*(n-o)}}function Yt(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Nt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255;return{x:.4124*(o=Yt(o))+.3576*(i=Yt(i))+.1805*(a=Yt(a)),y:.2126*o+.7152*i+.0722*a,z:.0193*o+.1192*i+.9505*a}}function Kt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return At(Nt(t,e,n))}function Wt(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}return{r:255*(1-t)*(1-r),g:255*(1-e)*(1-r),b:255*(1-n)*(1-r)}}function Ut(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=n;o>=360&&(o=0);var a=e*i,c=a*(1-Math.abs(o/60%2-1)),u=i-a,s=[];return 0<=o&&o<60?s=[a,c,0]:60<=o&&o<120?s=[c,a,0]:120<=o&&o<180?s=[0,a,c]:180<=o&&o<240?s=[0,c,a]:240<=o&&o<300?s=[c,0,a]:300<=o&&o<360&&(s=[a,0,c]),{r:at(255*(s[0]+u)),g:at(255*(s[1]+u)),b:at(255*(s[2]+u))}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=Ut(t,e,n);return Lt(o.r,o.g,o.b)}function qt(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Jt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=Qt(t,e,n);return It(o.r,o.g,o.b)}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o,i,a;if(t/=360,n/=100,0==(e/=100))o=i=a=n;else{var c=n<.5?n*(1+e):n+e-n*e,u=2*n-c;o=qt(u,c,t+1/3),i=qt(u,c,t),a=qt(u,c,t-1/3)}return{r:at(255*o),g:at(255*i),b:at(255*a)}}function te(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.y,e=o.cr,n=o.cb;r=(r=o.bit)||0}var i=t+1.402*(e-r),a=t-.344*(n-r)-.714*(e-r),c=t+1.772*(n-r);return{r:Math.ceil(i),g:Math.ceil(a),b:Math.ceil(c)}}var ee={aliceblue:"rgb(240, 248, 255)",antiquewhite:"rgb(250, 235, 215)",aqua:"rgb(0, 255, 255)",aquamarine:"rgb(127, 255, 212)",azure:"rgb(240, 255, 255)",beige:"rgb(245, 245, 220)",bisque:"rgb(255, 228, 196)",black:"rgb(0, 0, 0)",blanchedalmond:"rgb(255, 235, 205)",blue:"rgb(0, 0, 255)",blueviolet:"rgb(138, 43, 226)",brown:"rgb(165, 42, 42)",burlywood:"rgb(222, 184, 135)",cadetblue:"rgb(95, 158, 160)",chartreuse:"rgb(127, 255, 0)",chocolate:"rgb(210, 105, 30)",coral:"rgb(255, 127, 80)",cornflowerblue:"rgb(100, 149, 237)",cornsilk:"rgb(255, 248, 220)",crimson:"rgb(237, 20, 61)",cyan:"rgb(0, 255, 255)",darkblue:"rgb(0, 0, 139)",darkcyan:"rgb(0, 139, 139)",darkgoldenrod:"rgb(184, 134, 11)",darkgray:"rgb(169, 169, 169)",darkgrey:"rgb(169, 169, 169)",darkgreen:"rgb(0, 100, 0)",darkkhaki:"rgb(189, 183, 107)",darkmagenta:"rgb(139, 0, 139)",darkolivegreen:"rgb(85, 107, 47)",darkorange:"rgb(255, 140, 0)",darkorchid:"rgb(153, 50, 204)",darkred:"rgb(139, 0, 0)",darksalmon:"rgb(233, 150, 122)",darkseagreen:"rgb(143, 188, 143)",darkslateblue:"rgb(72, 61, 139)",darkslategray:"rgb(47, 79, 79)",darkslategrey:"rgb(47, 79, 79)",darkturquoise:"rgb(0, 206, 209)",darkviolet:"rgb(148, 0, 211)",deeppink:"rgb(255, 20, 147)",deepskyblue:"rgb(0, 191, 255)",dimgray:"rgb(105, 105, 105)",dimgrey:"rgb(105, 105, 105)",dodgerblue:"rgb(30, 144, 255)",firebrick:"rgb(178, 34, 34)",floralwhite:"rgb(255, 250, 240)",forestgreen:"rgb(34, 139, 34)",fuchsia:"rgb(255, 0, 255)",gainsboro:"rgb(220, 220, 220)",ghostwhite:"rgb(248, 248, 255)",gold:"rgb(255, 215, 0)",goldenrod:"rgb(218, 165, 32)",gray:"rgb(128, 128, 128)",grey:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",greenyellow:"rgb(173, 255, 47)",honeydew:"rgb(240, 255, 240)",hotpink:"rgb(255, 105, 180)",indianred:"rgb(205, 92, 92)",indigo:"rgb(75, 0, 130)",ivory:"rgb(255, 255, 240)",khaki:"rgb(240, 230, 140)",lavender:"rgb(230, 230, 250)",lavenderblush:"rgb(255, 240, 245)",lawngreen:"rgb(124, 252, 0)",lemonchiffon:"rgb(255, 250, 205)",lightblue:"rgb(173, 216, 230)",lightcoral:"rgb(240, 128, 128)",lightcyan:"rgb(224, 255, 255)",lightgoldenrodyellow:"rgb(250, 250, 210)",lightgreen:"rgb(144, 238, 144)",lightgray:"rgb(211, 211, 211)",lightgrey:"rgb(211, 211, 211)",lightpink:"rgb(255, 182, 193)",lightsalmon:"rgb(255, 160, 122)",lightseagreen:"rgb(32, 178, 170)",lightskyblue:"rgb(135, 206, 250)",lightslategray:"rgb(119, 136, 153)",lightslategrey:"rgb(119, 136, 153)",lightsteelblue:"rgb(176, 196, 222)",lightyellow:"rgb(255, 255, 224)",lime:"rgb(0, 255, 0)",limegreen:"rgb(50, 205, 50)",linen:"rgb(250, 240, 230)",magenta:"rgb(255, 0, 255)",maroon:"rgb(128, 0, 0)",mediumaquamarine:"rgb(102, 205, 170)",mediumblue:"rgb(0, 0, 205)",mediumorchid:"rgb(186, 85, 211)",mediumpurple:"rgb(147, 112, 219)",mediumseagreen:"rgb(60, 179, 113)",mediumslateblue:"rgb(123, 104, 238)",mediumspringgreen:"rgb(0, 250, 154)",mediumturquoise:"rgb(72, 209, 204)",mediumvioletred:"rgb(199, 21, 133)",midnightblue:"rgb(25, 25, 112)",mintcream:"rgb(245, 255, 250)",mistyrose:"rgb(255, 228, 225)",moccasin:"rgb(255, 228, 181)",navajowhite:"rgb(255, 222, 173)",navy:"rgb(0, 0, 128)",oldlace:"rgb(253, 245, 230)",olive:"rgb(128, 128, 0)",olivedrab:"rgb(107, 142, 35)",orange:"rgb(255, 165, 0)",orangered:"rgb(255, 69, 0)",orchid:"rgb(218, 112, 214)",palegoldenrod:"rgb(238, 232, 170)",palegreen:"rgb(152, 251, 152)",paleturquoise:"rgb(175, 238, 238)",palevioletred:"rgb(219, 112, 147)",papayawhip:"rgb(255, 239, 213)",peachpuff:"rgb(255, 218, 185)",peru:"rgb(205, 133, 63)",pink:"rgb(255, 192, 203)",plum:"rgb(221, 160, 221)",powderblue:"rgb(176, 224, 230)",purple:"rgb(128, 0, 128)",rebeccapurple:"rgb(102, 51, 153)",red:"rgb(255, 0, 0)",rosybrown:"rgb(188, 143, 143)",royalblue:"rgb(65, 105, 225)",saddlebrown:"rgb(139, 69, 19)",salmon:"rgb(250, 128, 114)",sandybrown:"rgb(244, 164, 96)",seagreen:"rgb(46, 139, 87)",seashell:"rgb(255, 245, 238)",sienna:"rgb(160, 82, 45)",silver:"rgb(192, 192, 192)",skyblue:"rgb(135, 206, 235)",slateblue:"rgb(106, 90, 205)",slategray:"rgb(112, 128, 144)",slategrey:"rgb(112, 128, 144)",snow:"rgb(255, 250, 250)",springgreen:"rgb(0, 255, 127)",steelblue:"rgb(70, 130, 180)",tan:"rgb(210, 180, 140)",teal:"rgb(0, 128, 128)",thistle:"rgb(216, 191, 216)",tomato:"rgb(255, 99, 71)",turquoise:"rgb(64, 224, 208)",violet:"rgb(238, 130, 238)",wheat:"rgb(245, 222, 179)",white:"rgb(255, 255, 255)",whitesmoke:"rgb(245, 245, 245)",yellow:"rgb(255, 255, 0)",yellowgreen:"rgb(154, 205, 50)",transparent:"rgba(0, 0, 0, 0)"};var ne={isColorName:function(t){return!!ee[t]},getColorByName:function(t){return ee[t]}};function re(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function oe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ie(t,e,n[e])})}return t}function ie(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ae=/(#(?:[\da-f]{3}){1,2}|rgb\((?:\s*\d{1,3},\s*){2}\d{1,3}\s*\)|rgba\((?:\s*\d{1,3},\s*){3}\d*\.?\d+\s*\)|hsl\(\s*\d{1,3}(?:,\s*\d{1,3}%){2}\s*\)|hsla\(\s*\d{1,3}(?:,\s*\d{1,3}%){2},\s*\d*\.?\d+\s*\)|([\w_\-]+))/gi;function ce(t){return!!ue(t).length}function ue(t){var e=t.match(ae),n=[];if(!e)return n;for(var r=0,o=e.length;r<o;r++)if(e[r].indexOf("#")>-1||e[r].indexOf("rgb")>-1||e[r].indexOf("hsl")>-1)n.push({color:e[r]});else{var i=ne.getColorByName(e[r]);i&&n.push({color:e[r],nameColor:i})}var a={next:0};return n.forEach(function(e){var n=t.indexOf(e.color,a.next);e.startIndex=n,e.endIndex=n+e.color.length,a.next=e.endIndex}),n}function se(t){var e=ue(t);return e.forEach(function(e,n){t=t.replace(e.color,"@"+n)}),{str:t,matches:e}}function le(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=se(t);return n.str.split(e).map(function(t,e){return t=he(t),n.matches[e]&&(t=t.replace("@"+e,n.matches[e].color)),t})}function fe(t,e){return e.forEach(function(e,n){t=t.replace("@"+n,e.color)}),t}var pe=/^\s+|\s+$/g;function he(t){return t.replace(pe,"")}function ye(t){if(V(t)){if(ne.isColorName(t)&&(t=ne.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(he(r[e]),10);return i=oe({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},Lt(i))}if(t.indexOf("rgba(")>-1){for(e=0,n=(r=t.replace("rgba(","").replace(")","").split(",")).length;e<n;e++)r[e]=n-1==e?parseFloat(he(r[e])):parseInt(he(r[e]),10);return i=oe({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},Lt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(he(r[e]));return i=oe({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},Qt(i))}if(t.indexOf("hsla(")>-1){for(e=0,n=(r=t.replace("hsla(","").replace(")","").split(",")).length;e<n;e++)r[e]=n-1==e?parseFloat(he(r[e])):parseInt(he(r[e]),10);return i=oe({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},Qt(i))}if(0==t.indexOf("#")){var r=[];if(3==(t=t.replace("#","")).length)for(e=0,n=t.length;e<n;e++){var o=t.substr(e,1);r.push(parseInt(o+o,16))}else for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));return i=oe({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1},Lt(i))}}else if(M(t)){var i;if(0<=t&&t<=16777215)return i=oe({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},Lt(i));if(0<=t&&t<=4294967295)return i=oe({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},Lt(i))}return t}function de(t){V(t)&&(t=le(t));var e=(t=t.map(function(t){if(V(t)){var e=se(t),n=he(e.str).split(" ");return n[1]?n[1].indexOf("%")>-1?n[1]=parseFloat(n[1].replace(/%/,""))/100:n[1]=parseFloat(n[1]):n[1]="*",n[0]=fe(n[0],e.matches),n}if(Array.isArray(t))return t[1]?V(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",re(t)})).filter(function(t){return"*"===t[1]}).length;if(e>0){var n=(1-t.filter(function(t){return"*"!=t[1]&&1!=t[1]}).map(function(t){return t[1]}).reduce(function(t,e){return t+e},0))/e;t.forEach(function(e,r){"*"==e[1]&&r>0&&(t.length-1==r||(e[1]=n))})}return t}function ve(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",o=be(t,e,n);return q(o,o.a<1?"rgb":r)}function be(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:at(t.r+(e.r-t.r)*n),g:at(t.g+(e.g-t.g)*n),b:at(t.b+(e.b-t.b)*n),a:at(t.a+(e.a-t.a)*n,100)}}function ge(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];V(t)&&(t=le(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(me(t[o],t[o+1],i/e));return r}function me(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex";return ve(ye(t),ye(e),n,r)}function we(t,e){return me(t,e,arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex")}function ke(t){return t=ye(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function Oe(t){return ke(t)>=128?"black":"white"}function Se(t){for(var e=[],n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:10)-((t=de(t)).length-1),r=n,o=1,i=t.length;o<i;o++){var a=t[o-1][0],c=t[o][0],u=1==o?t[o][1]:t[o][1]-t[o-1][1],s=o==t.length-1?r:Math.floor(u*n);e=e.concat(ge([a,c],s),[c]),r-=s}return e}function je(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"h",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:9,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"rgb",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,c=It(ye(t)),u=(i-o)*a/n,s=[],l=1;l<=n;l++)c[e]=Math.abs((a-u*l)/a),s.push(q(Ut(c),r));return s}function Pe(t){return je(t,"h",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:360,1)}function xe(t){return je(t,"s",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,100)}function _e(t){return je(t,"v",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,100)}function Te(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}ge.parula=function(t){return ge(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},ge.jet=function(t){return ge(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},ge.hsv=function(t){return ge(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},ge.hot=function(t){return ge(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},ge.pink=function(t){return ge(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},ge.bone=function(t){return ge(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},ge.copper=function(t){return ge(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Ee=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Te(t,e,n[e])})}return t}({},i,o,a,d,h,p,u,s,l,f,c,r),Ce=[{rgb:"#ff0000",start:0},{rgb:"#ffff00",start:.17},{rgb:"#00ff00",start:.33},{rgb:"#00ffff",start:.5},{rgb:"#0000ff",start:.67},{rgb:"#ff00ff",start:.83},{rgb:"#ff0000",start:1}];!function(){for(var t=0,e=Ce.length;t<e;t++){var n=Ce[t],r=Ee.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var $e={colors:Ce,checkHueColor:function(t){for(var e,n,r=0;r<Ce.length;r++)if(Ce[r].start>=t){e=Ce[r-1],n=Ce[r];break}return e&&n?Ee.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ce[0].rgb}};function Re(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ve=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Re(t,e,n[e])})}return t}({},e,n);Object.keys(r).forEach(function(r){!function(t,e,n,r){n?r&&n===r||function(t,e,n){"boolean"==typeof n?function(t,e,n){n?(t.setAttribute(e,e),t[e]=n):(t.removeAttribute(e),t[e]=n)}(t,e,n):t.setAttribute(e,n)}(t,e,n):function(t,e,n){"boolean"==typeof n&&function(t,e){t.removeAttribute(e),t[e]=!1}(t,e)}(t,e,r)}(t,r,e[r],n[r])})};function Ae(t){var e={},n=!0,r=!1,o=void 0;try{for(var i,a=t[Symbol.iterator]();!(n=(i=a.next()).done);n=!0){var c=i.value;e[c.name]=c.value}}catch(t){r=!0,o=t}finally{try{n||null==a.return||a.return()}finally{if(r)throw o}}return e}function De(t,e,n,r){if(e)if(n){if(u=e,(c=n).nodeType===Node.TEXT_NODE&&c!==u||c.nodeName!==u.nodeName)t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE){Ve(e,Ae(n.attributes),Ae(e.attributes));var o=Ie(e),i=Ie(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)De(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var Ie=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function Me(t,e){t=t.el||t,e=e.el||e;for(var n=Ie(t),r=Ie(e),o=Math.max(n.length,r.length),i=0;i<o;i++)De(t,n[i],r[i],i)}function Le(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Be(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var ze={center:50,top:0,left:0,right:100,bottom:100},Fe=function t(){Be(this,t)};Fe.CENTER="center",Fe.TOP="top",Fe.RIGHT="right",Fe.LEFT="left",Fe.BOTTOM="bottom";var Ge=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,He=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(Be(this,t),this.value=e,M(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}var e,n,r;return e=t,n=[{key:Symbol.toPrimitive,value:function(t){return"number"==t?this.value:this.toString()}},{key:"toString",value:function(){switch(this.unit){case"string":case"number":return this.value+"";case"var":return"var(--".concat(this.value,")");case"calc":return"calc(".concat(this.value,")");default:return this.value+this.unit}}},{key:"isUnitType",value:function(t){return this.unit===t}},{key:"isCalc",value:function(){return this.isUnitType("calc")}},{key:"isFr",value:function(){return this.isUnitType("fr")}},{key:"isPercent",value:function(){return this.isUnitType("%")}},{key:"isPx",value:function(){return this.isUnitType("px")}},{key:"isEm",value:function(){return this.isUnitType("em")}},{key:"isDeg",value:function(){return this.isUnitType("deg")}},{key:"isRad",value:function(){return this.isUnitType("rad")}},{key:"isTurn",value:function(){return this.isUnitType("turn")}},{key:"isSecond",value:function(){return this.isUnitType("s")}},{key:"isMs",value:function(){return this.isUnitType("ms")}},{key:"isNumber",value:function(){return this.isUnitType("number")}},{key:"isString",value:function(){return this.isUnitType("")}},{key:"isVar",value:function(){return this.isUnitType("--")}},{key:"isNaN",value:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){return M(this.value)&&isNaN(this.value)})},{key:"set",value:function(t){return this.value=t,this}},{key:"add",value:function(t){return this.value+=+t,this}},{key:"sub",value:function(t){return this.add(-1*t)}},{key:"mul",value:function(t){return this.value*=+t,this}},{key:"div",value:function(t){return this.value/=+t,this}},{key:"mod",value:function(t){return this.value%=+t,this}},{key:"clone",value:function(){return new t(this.value,this.unit)}},{key:"getUnitName",value:function(){return"%"===this.unit?"percent":this.unit}},{key:"toJSON",value:function(){return this.toString()}},{key:"rate",value:function(t){return t/this.value}},{key:"stringToPercent",value:function(){return C(ze[this.value])?t.percent(ze[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?t.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?t.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?t.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===t?this.toPx(e,n):"%"===t||"percent"===t?this.toPercent(e,n):"em"===t?this.toEm(e,n):"deg"===t?this.toDeg():"turn"===t?this.toTurn():void 0}},{key:"toUnit",value:function(e){return new t(this.value,e)}},{key:"calculate",value:function(t,e){var n=this[t];return n?n.call(this,e):this}},{key:"includes",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.includes(this.value)}},{key:"round",value:function(e){return new t(at(this.value,e),this.unit)}},{key:"equals",value:function(t){return this.is(t.value)&&this.isUnitType(t.unit)}},{key:"is",value:function(t){return this.value===t}}],r=[{key:"min",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var r=e.shift(),o=0,i=e.length;o<i;o++)r.value>e[o].value&&(r=e[o]);return r}},{key:"max",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var r=e.shift(),o=0,i=e.length;o<i;o++)r.value<e[o].value&&(r=e[o]);return r}},{key:"string",value:function(e){return new t(e+"","")}},{key:"number",value:function(e){return new t(+e,"number")}},{key:"px",value:function(e){return new t(+e,"px")}},{key:"em",value:function(e){return new t(+e,"em")}},{key:"percent",value:function(e){return new t(+e,"%")}},{key:"deg",value:function(e){return new t(+e,"deg")}},{key:"rad",value:function(e){return new t(+e,"rad")}},{key:"turn",value:function(e){return new t(+e,"turn")}},{key:"fr",value:function(e){return new t(+e,"fr")}},{key:"second",value:function(e){return new t(+e,"s")}},{key:"ms",value:function(e){return new t(+e,"ms")}},{key:"var",value:function(e){return new t(e+"","--")}},{key:"calc",value:function(e){return new t(e,"calc")}},{key:"parse",value:function(e){if(V(e=e||t.number(0))){if((e=e.trim()).indexOf("calc(")>-1)return new t(e.split("calc(")[1].split(")")[0],"calc");var n=e.replace(Ge,"$1 $2").split(" ").map(function(t){return t.trim()});return+n[0]==n[0]?new t(+n[0],n[1]):new t(n[0])}if(e instanceof t)return e;if(e.unit){if("%"==e.unit||"percent"==e.unit){var r=0;return C(e.percent)?r=e.percent:C(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return C(e.px)?r=e.px:C(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return C(e.em)?r=e.em:C(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return C(e.deg)?r=e.deg:C(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return C(e.deg)?r=e.turn:C(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return C(e.second)?r=e.second:C(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return C(e.ms)?r=e.ms:C(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return C(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return C(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return C(e.str)?r=e.str:C(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}],n&&Le(e.prototype,n),r&&Le(e,r),t}();function Xe(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ye(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ne(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}He.auto=He.string("auto");var Ke=function(){function t(e,n,r){if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),A(e))this.el=e;else{var o=document.createElement(e);for(var i in n&&(o.className=n),r=r||{})o.setAttribute(i,r[i]);this.el=o}}var e,n,r;return e=t,n=[{key:"data",value:function(t,e){var n=t.split("-").map(function(t,e){return 0===e?t:t.substr(0,1).toUpperCase()+t.substr(1)}).join("");if(1===arguments.length)return this.el.dataset(n);this.el.dataset(n,e)}},{key:"setAttr",value:function(t){var e=this;return Object.keys(t).forEach(function(n){e.attr(n,t[n])}),this}},{key:"attr",value:function(t,e){return 1==arguments.length?this.el.getAttribute(t):(this.el.setAttribute(t,e),this)}},{key:"attrKeyValue",value:function(t){return Ye({},this.el.getAttribute(t),this.val())}},{key:"attrs",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.map(function(e){return t.el.getAttribute(e)})}},{key:"styles",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.map(function(e){return t.el.style[e]})}},{key:"removeAttr",value:function(t){return this.el.removeAttribute(t),this}},{key:"removeStyle",value:function(t){return this.el.style.removeProperty(t),this}},{key:"is",value:function(t){return this.el===(t.el||t)}},{key:"isTag",value:function(t){return this.el.tagName.toLowerCase()===t.toLowerCase()}},{key:"closest",value:function(e){for(var n=this,r=!1;!(r=n.hasClass(e));){if(!n.el.parentNode)return null;n=t.create(n.el.parentNode)}return r?n:null}},{key:"parent",value:function(){return t.create(this.el.parentNode)}},{key:"hasParent",value:function(){return!!this.el.parentNode}},{key:"removeClass",value:function(){var t;return(t=this.el.classList).remove.apply(t,arguments),this}},{key:"hasClass",value:function(t){return!!this.el.classList&&this.el.classList.contains(t)}},{key:"addClass",value:function(){var t;return(t=this.el.classList).add.apply(t,arguments),this}},{key:"onlyOneClass",value:function(t){var e=this.parent().$(".".concat(t));e&&e.removeClass(t),this.addClass(t)}},{key:"toggleClass",value:function(t,e){this.el.classList.toggle(t,e)}},{key:"html",value:function(t){return E(t)?this.el.innerHTML:(V(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();Me(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){Me(this,t.create("div").html(e))}},{key:"find",value:function(t){return this.el.querySelector(t)}},{key:"$",value:function(e){var n=this.find(e);return n?t.create(n):null}},{key:"findAll",value:function(t){return this.el.querySelectorAll(t)}},{key:"$$",value:function(e){return Xe(this.findAll(e)).map(function(e){return t.create(e)})}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return V(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return V(t)?this.el.prepend(document.createTextNode(t)):this.el.prepend(t.el||t),this}},{key:"appendHTML",value:function(e){var n=t.create("div").html(e);this.append(n.createChildrenFragment())}},{key:"createChildrenFragment",value:function(){var t=this.children(),e=document.createDocumentFragment();return t.forEach(function(t){return e.appendChild(t.el)}),e}},{key:"appendTo",value:function(t){return(t.el?t.el:t).appendChild(this.el),this}},{key:"remove",value:function(){return this.el.parentNode&&this.el.parentNode.removeChild(this.el),this}},{key:"removeChild",value:function(t){return this.el.removeChild(t.el||t),this}},{key:"text",value:function(e){if(E(e))return this.el.textContent;var n=e;return e instanceof t&&(n=e.text()),this.el.textContent=n,this}},{key:"css",value:function(t,e){if(C(t)&&C(e))Object.assign(this.el.style,Ye({},t,e));else if(C(t)){if(V(t))return getComputedStyle(this.el)[t];Object.assign(this.el.style,t)}return this}},{key:"getComputedStyle",value:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){for(var t=getComputedStyle(this.el),e={},n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return r.forEach(function(n){e[n]=t[n]}),e})},{key:"getStyleList",value:function(){for(var t=this,e={},n=this.el.style.length,r=0;r<n;r++){var o=this.el.style[r];e[o]=this.el.style[o]}for(var i=arguments.length,a=new Array(i),c=0;c<i;c++)a[c]=arguments[c];return a.forEach(function(n){e[n]=t.css(n)}),e}},{key:"cssText",value:function(t){return E(t)?this.el.style.cssText:(t!=this.el.tempCssText&&(this.el.style.cssText=t,this.el.tempCssText=t),this)}},{key:"cssArray",value:function(t){return t[0]&&(this.el.style[t[0]]=t[1]),t[2]&&(this.el.style[t[2]]=t[3]),t[4]&&(this.el.style[t[4]]=t[5]),t[6]&&(this.el.style[t[6]]=t[7]),t[8]&&(this.el.style[t[8]]=t[9]),this}},{key:"cssFloat",value:function(t){return parseFloat(this.css(t))}},{key:"cssInt",value:function(t){return parseInt(this.css(t))}},{key:"px",value:function(t,e){return this.css(t,He.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{top:this.el.offsetTop,left:this.el.offsetLeft,width:this.el.offsetWidth,height:this.el.offsetHeight}}},{key:"offset",value:function(){var e=this.rect(),n=t.getScrollTop(),r=t.getScrollLeft();return{top:e.top+n,left:e.left+r}}},{key:"offsetLeft",value:function(){return this.offset().left}},{key:"offsetTop",value:function(){return this.offset().top}},{key:"position",value:function(){return this.el.style.top?{top:parseFloat(this.css("top")),left:parseFloat(this.css("left"))}:this.rect()}},{key:"size",value:function(){return[this.width(),this.height()]}},{key:"width",value:function(){return this.el.offsetWidth||this.rect().width}},{key:"contentWidth",value:function(){return this.width()-this.cssFloat("padding-left")-this.cssFloat("padding-right")}},{key:"height",value:function(){return this.el.offsetHeight||this.rect().height}},{key:"contentHeight",value:function(){return this.height()-this.cssFloat("padding-top")-this.cssFloat("padding-bottom")}},{key:"val",value:function(e){if(E(e))return this.el.value;if(C(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"realVal",value:function(){switch(this.el.nodeType){case"INPUT":var t=this.attr("type");if("checkbox"==t||"radio"==t)return this.checked();case"SELECT":case"TEXTAREA":return this.el.value}return""}},{key:"int",value:function(){return parseInt(this.val(),10)}},{key:"float",value:function(){return parseFloat(this.val())}},{key:"show",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"block";return this.css("display","none"!=t?t:"block")}},{key:"hide",value:function(){return this.css("display","none")}},{key:"isHide",value:function(){return"none"==this.css("display")}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?e&&t?this.show():this.hide():e?this.show():this.hide()}},{key:"scrollIntoView",value:function(){this.el.scrollIntoView()}},{key:"addScrollLeft",value:function(t){return this.el.scrollLeft+=t,this}},{key:"addScrollTop",value:function(t){return this.el.scrollTop+=t,this}},{key:"setScrollTop",value:function(t){return this.el.scrollTop=t,this}},{key:"setScrollLeft",value:function(t){return this.el.scrollLeft=t,this}},{key:"scrollTop",value:function(){return this.el===document.body?t.getScrollTop():this.el.scrollTop}},{key:"scrollLeft",value:function(){return this.el===document.body?t.getScrollLeft():this.el.scrollLeft}},{key:"scrollHeight",value:function(){return this.el.scrollHeight}},{key:"scrollWidth",value:function(){return this.el.scrollWidth}},{key:"on",value:function(t,e,n,r){return this.el.addEventListener(t,e,n,r),this}},{key:"off",value:function(t,e){return this.el.removeEventListener(t,e),this}},{key:"getElement",value:function(){return this.el}},{key:"createChild",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=t.create(e,n,r);return i.css(o),this.append(i),i}},{key:"firstChild",value:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){return this.el.select(),this}},{key:"blur",value:function(){return this.el.blur(),this}},{key:"select",value:function(){return this.el.select(),this}},{key:"context",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"2d";return this._initContext||(this._initContext=this.el.getContext(t)),this._initContext}},{key:"resize",value:function(t){var e=t.width,n=t.height;this._initContext=null;var r=this.context(),o=window.devicePixelRatio||1;this.px("width",+e),this.px("height",+n),this.el.width=e*o,this.el.height=n*o,r.scale(o,o)}},{key:"toDataURL",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return this.el.toDataURL(t,e)}},{key:"clear",value:function(){this.context().clearRect(0,0,this.el.width,this.el.height)}},{key:"update",value:function(t){this.clear(),t.call(this,this)}},{key:"drawImage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.context(),o=window.devicePixelRatio||1;r.drawImage(t,e,n,t.width,t.height,0,0,this.el.width/o,this.el.height/o)}},{key:"drawOption",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.context();Object.assign(e,t)}},{key:"drawLine",value:function(t,e,n,r){var o=this.context();o.beginPath(),o.moveTo(t,e),o.lineTo(n,r),o.stroke(),o.closePath()}},{key:"drawPath",value:function(){var t=this.context();t.beginPath();for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];n.forEach(function(e,n){0==n?t.moveTo(e[0],e[1]):t.lineTo(e[0],e[1])}),t.stroke(),t.fill(),t.closePath()}},{key:"drawCircle",value:function(t,e,n){var r=this.context();r.beginPath(),r.arc(t,e,n,0,2*Math.PI),r.stroke(),r.fill()}},{key:"drawText",value:function(t,e,n){this.context().fillText(n,t,e)}},{key:"fullscreen",value:function(){var t=this.el;t.requestFullscreen?t.requestFullscreen():t.wekitRequestFullscreen&&t.wekitRequestFullscreen()}},{key:"value",get:function(){return this.el.value}},{key:"naturalWidth",get:function(){return this.el.naturalWidth}},{key:"naturalHeight",get:function(){return this.el.naturalHeight}},{key:"files",get:function(){return this.el.files?Xe(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}}],r=[{key:"create",value:function(e,n,r){return new t(e,n,r)}},{key:"createByHTML",value:function(e){var n=t.create("div").html(e).children();return n.length?t.create(n[0].el):null}},{key:"getScrollTop",value:function(){return Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop)}},{key:"getScrollLeft",value:function(){return Math.max(window.pageXOffset,document.documentElement.scrollLeft,document.body.scrollLeft)}},{key:"parse",value:function(t){return DOMParser().parseFromString(t,"text/htmll")}},{key:"body",value:function(){return t.create(document.body)}}],n&&Ne(e.prototype,n),r&&Ne(e,r),t}(),We=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return" ".concat(e," ").concat(t)},Ue=/^load (.*)/gi,Ze=/^bind (.*)/gi,qe=["click|dblclick","mouse(down|up|move|over|out|enter|leave)","pointer(start|move|end)","touch(start|move|end)","key(down|up|press)","drag|drop|drag(start|over|enter|leave|exit|end)","contextmenu","change|input|focus|blur|focus(in|out)","paste","resize|scroll|wheel|mousewheel|DOMMouseScroll","submit","animation(start|end|iteration)","transition(start|end|cancel|run)"].join("|"),Je=new RegExp("^(".concat(qe,")"),"ig"),Qe="|",tn={},en=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r=e.join(":");return function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return[r].concat(e).join(" ")}},nn=en,rn=en("click"),on=en("dblclick"),an=(en("mousedown"),en("mouseup")),cn=(en("mousemove"),en("mouseover"),en("mouseout"),en("mouseenter"),en("mouseleave"),en("touchstart"),en("touchmove"),en("touchend"),en("keydown")),un=en("keyup"),sn=(en("keypress"),en("drag"),en("dragstart")),ln=en("drop"),fn=en("dragover"),pn=(en("dragenter"),en("dragleave"),en("dragexit"),en("dragout"),en("dragend"),en("contextmenu")),hn=en("change"),yn=en("input"),dn=en("focus"),vn=(en("focusin"),en("focusout")),bn=en("blur"),gn=(en("paste"),en("resize")),mn=en("scroll"),wn=en("submit"),kn=nn("mousedown","touchstart"),On=nn("mousemove","touchmove"),Sn=nn("mouseup","touchend"),jn=nn("change","input"),Pn=nn("wheel","mousewheel","DOMMouseScroll"),xn=(en("animationstart"),en("animationend"),en("animationiteration"),en("transitionstart"),en("transitionend")),_n=(en("transitionrun"),en("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return We(t,e)}),Tn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return We("after(".concat(t,")"),e)},En=_n,Cn=_n,$n=(_n("ArrowUp"),_n("ArrowDown"),_n("ArrowLeft"),_n("ArrowRight"),_n("Enter"),_n("Space"),_n("isAltKey")),Rn=(_n("isShiftKey"),_n("isMetaKey"),_n("isCtrlKey")),Vn=(_n("self"),_n("fit"),_n("passive"),_n("vdom")),An=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return _n("debounce(".concat(t,")"))},Dn=(An(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return _n("throttle(".concat(t,")"))}),In=(_n("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Tn("bodyMouseMove ".concat(t))}),Mn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Tn("bodyMouseUp ".concat(t))},Ln=Tn("preventDefault"),Bn=Tn("stopPropagation"),zn=function(){return"load "+(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el")},Fn=function(){return!0},Gn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"bind "+t+(e?Qe+function(t){if(""===t)return"";var e=bt();return tn[e]=t,e}(e):"")},Hn={addEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeEvent:function(t,e,n){t&&t.removeEventListener(e,n)},pos:function(t){return t.touches&&t.touches[0]?t.touches[0]:t},posXY:function(t){var e=this.pos(t);return{x:e.pageX,y:e.pageY}}};function Xn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Yn,Nn=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[]}var e,n,r;return e=t,(n=[{key:"getCallbacks",value:function(t){return this.callbacks[t]||(this.callbacks[t]=[]),this.callbacks[t]}},{key:"setCallbacks",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.callbacks[t]=e}},{key:"on",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=r>0?k(e,r):e;this.getCallbacks(t).push({event:t,callback:o,context:n,originalCallback:e})}},{key:"off",value:function(t,e){1==arguments.length?this.setCallbacks(t):2==arguments.length&&this.setCallbacks(t,this.getCallbacks(t).filter(function(t){return t.originalCallback!==e}))}},{key:"offAll",value:function(t){var e=this;Object.keys(this.callbacks).forEach(function(n){e.setCallbacks(n,e.getCallbacks(n).filter(function(e){return e.context!==t}))})}},{key:"getCachedCallbacks",value:function(t){return this.getCallbacks(t)}},{key:"sendMessage",value:function(t,e,n,r,o,i){var a=this;setTimeout(function(){var c=a.getCachedCallbacks(e);c&&c.filter(function(e){return e.originalCallback.source!==t}).forEach(function(t){t.callback(n,r,o,i)})},0)}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;setTimeout(function(){var c=a.getCachedCallbacks(e);c?c.filter(function(e){return e.originalCallback.source===t}).forEach(function(t){t.callback(n,r,o,i)}):console.warn(e," is not valid event")},0)}},{key:"emit",value:function(t,e,n,r,o){this.sendMessage(this.source,t,e,n,r,o)}},{key:"trigger",value:function(t,e,n,r,o){this.triggerMessage(this.source,t,e,n,r,o)}},{key:"execute",value:function(t,e,n,r,o){this.runCommand(this.source,t,e,n,r,o)}}])&&Xn(e.prototype,n),r&&Xn(e,r),t}();function Kn(){var t=Un(["",""]);return Kn=function(){return t},t}function Wn(){var t=Un(["\n        ","\n      "]);return Wn=function(){return t},t}function Un(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Zn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qn(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jn(t){return rr(t)||tr(t)||nr()}function Qn(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||tr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function tr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function er(t,e){return rr(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||nr()}function nr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function rr(t){if(Array.isArray(t))return t}var or=Ke.create("div"),ir="[".concat("ref","]"),ar=function(t,e,n){return function(r){var o=ur(t,r,e,n);if(C(o))return o}},cr=function(t,e,n){return function(r){var o=function(t,e){return function t(e,n){return e?e.matches(n)?e:t(e.parentElement,n):null}(t.target||t.srcElement,e.delegate)}(r,e);if(o){r.$delegateTarget=Ke.create(o);var i=ur(t,r,e,n);if(C(i))return i}}},ur=function(t,e,n,r){if(e.xy=Hn.posXY(e),n.beforeMethods.length&&n.beforeMethods.every(function(n){return t[n.target].call(t,e,n.param)}),sr(t,e,n)){var o=r(e,e.$delegateTarget,e.xy);return!1!==o&&n.afterMethods.length&&n.afterMethods.forEach(function(n){return t[n.target].call(t,e,n.param)}),o}},sr=function(t,e,n){var r=!0;n.codes.length&&(r=!!e.code&&n.codes.indexOf(e.code.toLowerCase())>-1||!!e.key&&n.codes.indexOf(e.key.toLowerCase())>-1);var o=!0;return n.checkMethodList.length&&(o=n.checkMethodList.every(function(n){var r=t[n];return I(r)&&r?r.call(t,e):!C(r)||!!r})),r&&o},lr=function(t,e){var n=t.filter(function(t){return t.indexOf("".concat(e,"("))>-1}),r=n.map(function(t){var n=er(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}});return[n,r]},fr={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},pr=function(t,e,n){e.callback=function(t,e,n){return e.delegate?cr(t,e,n):ar(t,e,n)}(t,e,n),t.addBinding(e);var r=!!e.captures.length;fr[e.eventName]&&(r={passive:!0,capture:r}),Hn.addEvent(e.dom,e.eventName,e.callback,r)},hr=function(t,e,n,r){var o=Jn(e),i=o[0],a=o[1],c=o.slice(2),u=function(t,e,n){var r=n,o=r.filter(function(e){return!!t[e]}),i=er(lr(r,"after"),2),a=i[0],c=i[1],u=er(lr(r,"before"),2),s=u[0],l=u[1],f=er(lr(r,"debounce"),2),p=f[0],h=f[1],y=er(lr(r,"throttle"),2),d=y[0],v=y[1],b=er(lr(r,"capture"),1)[0],g=[].concat(Qn(o),Qn(a),Qn(s),Qn(p),Qn(d),Qn(b));return{eventName:e,codes:r.filter(function(t){return-1===g.indexOf(t)}).map(function(t){return t.toLowerCase()}),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:h,throttleMethods:v,checkMethodList:o}}(t,i,n);if(u.dom=function(t,e){var n;return(n=e?t.refs[e]||t[e]||window[e]:t.el||t.$el||t.$root)instanceof Ke?n.getElement():n}(t,a),u.delegate=c.join(" "),u.debounceMethods.length)r=k(r,+u.debounceMethods[0].target);else if(u.throttleMethods.length){r=O(r,+u.throttleMethods[0].target)}pr(t,u,r)},yr=function(t,e){var n=e.split(Qe).map(function(t){return t.trim()}),r=Jn(n.shift().split(" ")),o=r[0],i=r.slice(1),a=function(t){var e=[];return t.split(":").forEach(function(t){var n=t.split(":");e.push.apply(e,Qn(n))}),e}(o),c=t[e].bind(t);a.forEach(function(e){hr(t,[e].concat(Qn(i)),n,c)})},dr=(qn(Yn={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),qn(Yn,"initializeProperty",!0),qn(Yn,"created",!0),qn(Yn,"getRealEventName",!0),qn(Yn,"initializeStoreEvent",!0),qn(Yn,"destoryStoreEvent",!0),qn(Yn,"destroy",!0),qn(Yn,"emit",!0),qn(Yn,"trigger",!0),qn(Yn,"on",!0),qn(Yn,"off",!0),qn(Yn,"setState",!0),qn(Yn,"_reload",!0),qn(Yn,"render",!0),qn(Yn,"initialize",!0),qn(Yn,"afterRender",!0),qn(Yn,"components",!0),qn(Yn,"getRef",!0),qn(Yn,"parseTemplate",!0),qn(Yn,"childrenIds",!0),qn(Yn,"exists",!0),qn(Yn,"parseProperty",!0),qn(Yn,"parseSourceName",!0),qn(Yn,"parseComponent",!0),qn(Yn,"clean",!0),qn(Yn,"refresh",!0),qn(Yn,"loadTemplate",!0),qn(Yn,"load",!0),qn(Yn,"bindData",!0),qn(Yn,"template",!0),qn(Yn,"templateClass",!0),qn(Yn,"eachChildren",!0),qn(Yn,"initializeEvent",!0),qn(Yn,"destroy",!0),qn(Yn,"destroyDomEvent",!0),qn(Yn,"initializeDomEvent",!0),qn(Yn,"collectProps",!0),qn(Yn,"filterProps",!0),qn(Yn,"self",!0),qn(Yn,"isAltKey",!0),qn(Yn,"isCtrlKey",!0),qn(Yn,"isShiftKey",!0),qn(Yn,"isMetaKey",!0),qn(Yn,"preventDefault",!0),qn(Yn,"stopPropagation",!0),qn(Yn,"bodyMouseMove",!0),qn(Yn,"bodyMouseUp",!0),qn(Yn,"getBindings",!0),qn(Yn,"addBinding",!0),qn(Yn,"initBindings",!0),qn(Yn,"removeEventAll",!0),qn(Yn,"removeEvent",!0),Yn),vr=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=bt(),this.initComponents()}var e,n,r;return e=t,(n=[{key:"initComponents",value:function(){var t=this;this.childComponents=this.components(),this.childComponentKeys=Object.keys(this.childComponents),this.childComponentSet=new Map,this.childComponentKeys.forEach(function(e){t.childComponentSet.set(e.toLowerCase(),e)}),this.childComponentKeysString=Qn(this.childComponentSet.keys()).join(",")}},{key:"initState",value:function(){return{}}},{key:"setState",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.prevState=this.state,this.state=Object.assign({},this.state,t),e&&this.load()}},{key:"_reload",value:function(t){this.props=t,this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(X(Wn(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),this.parseComponent(!1),this.afterRender()}},{key:"initialize",value:function(){this.state=this.initState()}},{key:"afterRender",value:function(){}},{key:"components",value:function(){return{}}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r=e.join("");return this.refs[r]}},{key:"parseTemplate",value:function(t,e){var n=this;$(t)&&(t=t.join("")),t=t.trim();var r=or.html(t).children();return r.forEach(function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(ir),o={};r.forEach(function(t){var r=t.attr("ref");o[r]?console.warn("".concat(e," is duplicated. - ").concat(n.sourceName),n):o[r]=!0,n.refs[r]=t})}),e?or.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return j(this.children,function(t,e){return e.id})}},{key:"exists",value:function(){return!this.parent||!this.parent.childrenIds||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e={},n=!0,r=!1,o=void 0;try{for(var i,a=t.el.attributes[Symbol.iterator]();!(n=(i=a.next()).done);n=!0){var c=i.value;e[c.nodeName]=c.nodeValue}}catch(t){r=!0,o=t}finally{try{n||null==a.return||a.return()}finally{if(r)throw o}}return t.$$("property").forEach(function(t){var n=er(t.attrs("name","value","type"),3),r=n[0],o=n[1],i=n[2],a=o||t.text();"json"===i&&(a=JSON.parse(a)),e[r]=a}),e}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(Qn(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"parseComponent",value:function(){var t=this,e=this.$el,n=[];this.childComponentKeysString&&(n=e.$$(this.childComponentKeysString)),n.forEach(function(e){var n=e.el.tagName.toLowerCase(),r=t.childComponentSet.get(n),o=t.childComponents[r],i=t.parseProperty(e),a=e.attr("ref"),c=null;t.children[a]?(c=t.children[a])._reload(i):(c=new o(t,i),t.children[a||c.id]=c,c.render(),c.initializeEvent()),e.replace(c.$el)}),S(this.children,function(e,n){n&&n.clean()&&delete t.children[e]})}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return S(this.children,function(t,e){e.clean()}),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"loadTemplate",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this[zn(e.join(""))].call(this)}},{key:"load",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._loadMethods||(this._loadMethods=this.filterProps(Ue)),this._loadMethods.filter(function(t){var e=t.split("load ")[1].split(Qe)[0];return!n.length||n.indexOf(e)>-1}).forEach(function(e){var r=Jn(e.split("load ")[1].split(Qe).map(function(t){return t.trim()})),o=r[0],i=r.slice(1),a=(i=i.map(function(t){return t.trim()})).indexOf(Vn.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));$(u)&&(u=u.join(""));var s=t.parseTemplate(X(Kn(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s),t.initializeDomEvent()}}),this.bindData(),this.parseComponent()}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.filterProps(Ze)),this._bindMethods.filter(function(t){if(!n.length)return!0;var e=er(t.split(Qe),2),r=e[0],o=(e[1],er(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1}).forEach(function(e){var r,o=t[e],i=er(e.split(Qe),2),a=(e=i[0],i[1]),c=t.getRef(a),u=Fn;""!=c&&V(c)?(r=c,u=function(){return this.prevState[r]!=this.state[r]}):I(c)&&(u=c);var s=e.split("bind ")[1],l=t.refs[s],f=I(u)&&u.call(t);if(l&&f){var p=o.call.apply(o,[t].concat(n));if(!p)return;S(p,function(t,e){!function(t,e,n){if("cssText"===e)t.cssText(n);else{if("style"===e)return void(A(n)&&t.css(n));if("class"===e)return void($(n)?t.addClass.apply(t,Qn(n)):D(n)?S(n,function(e,n){return t.toggleClass(e,n)}):t.addClass(n))}E(n)?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e?t.text(n):"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):t.attr(e,n)}(l,t,e)})}})}},{key:"template",value:function(){var t=this.templateClass(),e=t?'class="'.concat(t,'"'):"";return"<div ".concat(e,"></div>")}},{key:"templateClass",value:function(){return null}},{key:"eachChildren",value:function(t){I(t)&&S(this.children,function(e,n){t(n)})}},{key:"initializeEvent",value:function(){this.initializeDomEvent()}},{key:"destroy",value:function(){this.eachChildren(function(t){t.destroy()}),this.destroyDomEvent()}},{key:"destroyDomEvent",value:function(){this.removeEventAll()}},{key:"initializeDomEvent",value:function(){var t=this;this.destroyDomEvent(),this._domEvents||(this._domEvents=this.filterProps(Je)),this._domEvents.forEach(function(e){return yr(t,e)})}},{key:"collectProps",value:function(){var t=this,e=this.__proto__,n=[];do{if(!1===e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter(function(e){return I(t[e])&&!dr[e]});n.push.apply(n,Qn(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter(function(e){return e.match(t)})}},{key:"self",value:function(t){return t&&t.$delegateTarget&&t.$delegateTarget.is(t.target)}},{key:"isAltKey",value:function(t){return t.altKey}},{key:"isCtrlKey",value:function(t){return t.ctrlKey}},{key:"isShiftKey",value:function(t){return t.shiftKey}},{key:"isMetaKey",value:function(t){return t.metaKey||"Meta"==t.key||t.code.indexOf("Meta")>-1}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}},{key:"bodyMouseMove",value:function(t,e){this[e]&&this.emit("add/body/mousemove",this[e],this,t.xy)}},{key:"bodyMouseUp",value:function(t,e){this[e]&&this.emit("add/body/mouseup",this[e],this,t.xy)}},{key:"getBindings",value:function(){return this._bindings||this.initBindings(),this._bindings}},{key:"addBinding",value:function(t){this.getBindings().push(t)}},{key:"initBindings",value:function(){this._bindings=[]}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach(function(e){t.removeEvent(e)}),this.initBindings()}},{key:"removeEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Hn.removeEvent(n,e,r)}}])&&Zn(e.prototype,n),r&&Zn(e,r),t}();function br(t){return(br="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function mr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wr(t,e){return!e||"object"!==br(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kr(t,e,n){return(kr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Or(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Or(t){return(Or=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sr(t,e){return(Sr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jr=/^ME@/,Pr=function(){return"ME@"+function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")}.apply(void 0,arguments)},xr=Pr,_r=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=wr(this,Or(e).call(this,t))).initializeProperty(t,r),n.created(),n.initialize(),n.initializeStoreEvent(),n}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sr(t,e)}(e,vr),n=e,(r=[{key:"initializeProperty",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.opt=t||{},this.parent=this.opt,this.props=e,this.source=bt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store)}},{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ME@",n=t.indexOf(e);return t.substr(n<0?0:n+e.length)}},{key:"initializeStoreEvent",value:function(){var t=this;this.storeEvents={},this.filterProps(jr).forEach(function(e){var n=t.getRealEventName(e,"ME@"),r=gr(lr(n.split("|"),"debounce"),2),o=r[0],i=r[1],a=0;o.length&&(a=+i[0].target||0),n.split("|").filter(function(t){return-1===o.indexOf(t)}).map(function(t){return t.trim()}).forEach(function(n){var r=t[e].bind(t);r.displayName=n,r.source=t.source,t.storeEvents[n]=r,t.$store.on(n,t.storeEvents[n],t,a)})})}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this),this.storeEvents={}}},{key:"destroy",value:function(){kr(Or(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"emit",value:function(t,e,n,r,o){this.$store.source=this.source,this.$store.sourceContext=this,this.$store.emit(t,e,n,r,o)}},{key:"trigger",value:function(t,e,n,r,o){this.$store.source=this.source,this.$store.trigger(t,e,n,r,o)}},{key:"on",value:function(t,e){this.$store.on(t,e)}},{key:"off",value:function(t,e){this.$store.off(t,e)}}])&&mr(n.prototype,r),o&&mr(n,o),e}();function Tr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Er=new Map,Cr=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.editor=e,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",15),this.set("grid.preview.position",[])}},{key:"get",value:function(t){return Er[t]}},{key:"set",value:function(t,e){Er[t]=e}},{key:"remove",value:function(t){delete Er[t]}}])&&Tr(e.prototype,n),r&&Tr(e,r),t}();function $r(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Rr(t,e,n[e])})}return t}function Rr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Vr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ar(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var Dr=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return I(n)?function(){for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];return n.apply(t,r)}:n||t.json[e]},set:function(t,n,r){if(!e.checkField(n,r))throw new Error("".concat(r," is invalid as ").concat(n," property value."));return t.json[n]=r,!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert($r({},this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"isLeaf",value:function(){return!0}},{key:"isAttribute",value:function(){return!1}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{key:"recover",value:function(){}},{key:"setCache",value:function(){}},{key:"is",value:function(){if(!this.json)return!1;for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.indexOf(this.json.itemType)>-1}},{key:"isNot",value:function(){return!1===this.is.apply(this,arguments)}},{key:"convert",value:function(t){var e=this;return t.layers.forEach(function(t){t.parent=e.ref}),t}},{key:"checkField",value:function(t,e){return!0}},{key:"toCloneObject",value:function(){return{itemType:this.json.itemType,elementType:this.json.elementType,type:this.json.type,visible:this.json.visible,lock:this.json.lock,selected:this.json.selected,layers:this.json.layers.map(function(t){return t.clone()})}}},{key:"clone",value:function(){var t=new(0,this.constructor)(this.toCloneObject());return t.parent=this.json.parent,t}},{key:"reset",value:function(e){e instanceof t&&(e=e.toJSON()),this.json=this.convert($r({},this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $r({id:gt(),visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){return this.json.layers.push(t),t.parent=this.ref,t}},{key:"toggle",value:function(t,e){E(e)?this.json[t]=!this.json[t]:this.json[t]=!!e}},{key:"expectJSON",value:function(t){return"parent"!==t&&""!==this.json[t]}},{key:"toJSON",value:function(){var t=this,e=this.json,n={};return Object.keys(e).filter(function(e){return t.expectJSON(e)}).forEach(function(t){n[t]=e[t]}),n}},{key:"resize",value:function(){}},{key:"copy",value:function(){return this.json.parent.copyItem(this.ref)}},{key:"copyItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=t.clone();n.x.add(e),n.y.add(e);for(var r=this.json.layers,o=-1,i=0,a=r.length;i<a;i++)if(r[i]===t){o=i;break}return o>-1&&this.json.layers.splice(o+1,0,n),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref)}},{key:"removeItem",value:function(t){for(var e=this.json.layers,n=-1,r=0,o=e.length;r<o;r++)if(e[r]===t){n=r;break}n>-1&&this.json.layers.splice(n,1)}},{key:"getIndex",value:function(){for(var t=-1,e=0,n=this.json.parent.layers.length;e<n;e++)if(layers[e]===this.ref){t=e;break}return t}},{key:"setOrder",value:function(t){var e,n=this.json.parent,r=this.getIndex();(e=n.layers).splice.apply(e,[t+(r<t?-1:0),0].concat(Ar(arr.splice(r,1))))}},{key:"orderNext",value:function(){var t=this.getIndex();t>-1&&this.setOrder(t+1)}},{key:"orderPrev",value:function(){var t=this.getIndex();t>0&&this.setOrder(t-1)}},{key:"orderFirst",value:function(){this.setOrder(0)}},{key:"orderLast",value:function(){this.setOrder(this.json.parent.layers.length-1)}},{key:"searchById",value:function(t){if(this.id===t)return this.ref;for(var e=0,n=this.layers.length;e<n;e++){var r=this.layers[e];if(r.id===t)return r;var o=r.searchById(t);if(o)return o}return null}},{key:"updateFunction",value:function(t){}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"id",get:function(){return this.json.id}},{key:"layers",get:function(){return this.json.layers}},{key:"parent",get:function(){return this.json.parent}},{key:"allLayers",get:function(){return Ar(function t(e){var n=[];return e.layers.length&&e.layers.forEach(function(e){n.push.apply(n,Ar(t(e)))}),n.push(e),n}(this.ref))}}])&&Vr(e.prototype,n),r&&Vr(e,r),t}();function Ir(t){return(Ir="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Lr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Br(t,e){return!e||"object"!==Ir(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zr(t){return(zr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fr(t,e){return(Fr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gr=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Br(this,zr(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fr(t,e)}(e,Dr),n=e,(r=[{key:"getDefaultObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Mr(t,e,n[e])})}return t}({selected:!1,layers:[]},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Y(this.toCSS())}}])&&Lr(n.prototype,r),o&&Lr(n,o),e}();function Hr(t){return(Hr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Yr(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Nr(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Kr(t,e,n[e])})}return t}function Kr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ur(t,e){return!e||"object"!==Hr(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zr(t,e,n){return(Zr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qr(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qr(t){return(qr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jr(t,e){return(Jr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qr=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,to=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ur(this,qr(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jr(t,e)}(e,Gr),n=e,o=[{key:"join",value:function(t){var n=t.filter(function(t){return"perspective"===t.type}),r=t.filter(function(t){return"matrix3d"===t.type}),o=t.filter(function(t){return"perspective"!==t.type&&"matrix3d"!==t.type});return[].concat(Yr(n),Yr(o),Yr(r)).map(function(t){return new e(t).toString()}).join(" ")}},{key:"parse",value:function(t){return new e(t)}},{key:"replace",value:function(t,n){var r=e.parseStyle(t),o=r.find(function(t){return t.type===n.type});return o?o.value=n.value:r.push(n),e.join(r)}},{key:"replaceAll",value:function(t,n){for(var r=e.parseStyle(t),o=e.parseStyle(n),i=0,a=o.length;i<a;i++){var c=o[i],u=r.find(function(t){return t.type===c.type});u?u.value=c.value:r.push(c)}return e.join(r)}},{key:"addTransform",value:function(t,n){for(var r=e.parseStyle(t),o=e.parseStyle(n),i=0,a=o.length;i<a;i++){var c=o[i],u=r.find(function(t){return t.type===c.type});u?c.value.forEach(function(t,e){u.value[e].value+=t.value}):r.push(c)}return e.join(r)}},{key:"get",value:function(t,n){var r;return(r=(r=e.parseStyle(t)).find(function(t){return t.type===n}))?r.value:[]}},{key:"rotate",value:function(t,n){return e.replace(t,{type:"rotate",value:[n]})}},{key:"parseStyle",value:function(t){var n=[];return t?((t.match(Qr)||[]).forEach(function(t,r){var o=Xr(t.split("("),2),i=o[0],a=o[1],c=(a=a.split(")")[0]).split(",");c=a.includes("matrix")||a.includes("scale")?c.map(function(t){return He.number(t.trim())}):c.map(function(t){return He.parse(t.trim())}),n[r]=e.parse({type:i,value:c})}),n):n}},{key:"getTransform",value:function(t,e){var n=Xr(t[0][(x1,y1)]=t[1][(x2,y2)]=t[2][(x3,y3)]=t[3][(u0,v0)]=e[0][(u1,v1)]=e[1][(u2,v2)]=e[2][(u3,v3)]=e[3],2);x0=n[0],y0=n[1];for(var r=[[x0,y0,1,0,0,0,-u0*x0,-u0*y0],[0,0,0,x0,y0,1,-v0*x0,-v0*y0],[x1,y1,1,0,0,0,-u1*x1,-u1*y1],[0,0,0,x1,y1,1,-v1*x1,-v1*y1],[x2,y2,1,0,0,0,-u2*x2,-u2*y2],[0,0,0,x2,y2,1,-v2*x2,-v2*y2],[x3,y3,1,0,0,0,-u3*x3,-u3*y3],[0,0,0,x3,y3,1,-v3*x3,-v3*y3]],o=[u0,v0,u1,v1,u2,v2,u3,v3],i=[],a=0;a<8;a++){var c=r[0];i.push(c[0]*o[0]+c[1]*o[1]+c[2]*o[2]+c[3]*o[3]+c[4]*o[4]+c[5]*o[5]+c[6]*o[6]+c[7]*o[7])}return[[i[0],i[1],0,i[2]],[i[3],i[4],0,i[5]],[0,0,1,0],[i[6],i[7],0,1]]}},{key:"makeTransform3d",value:function(t,n){var r=[],o=[];t.forEach(function(e){var n=Xr(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])}),n.forEach(function(e){var n=Xr(e,2),r=n[0],i=n[1];o.push(r-t[0][0],i-t[0][1])});var i=e.getTransform(r,o),a=[];i.forEach(function(t){t.forEach(function(t){a.push(t)})});var c=a.join(", ");return"matrix3d(".concat(c,")")}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zr(qr(e.prototype),"getDefaultObject",this).call(this,Nr({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return Nr({},Zr(qr(e.prototype),"toCloneObject",this).call(this),{value:JSON.parse(JSON.stringify(this.json.value))})}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"convert",value:function(t){return(t=Zr(qr(e.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map(function(t){return He.number(t)}):t.value=t.value.map(function(t){return He.parse(t)}),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&Wr(n.prototype,r),o&&Wr(n,o),e}();function eo(t){return(eo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function no(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ro(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function oo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function io(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ao(t,e){return!e||"object"!==eo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function co(t,e,n){return(co="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uo(t){return(uo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function so(t,e){return(so=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ao(this,uo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&so(t,e)}(e,Dr),n=e,(r=[{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){oo(t,e,n[e])})}return t}({},co(uo(e.prototype),"toCloneObject",this).call(this),{x:this.json.x+"",y:this.json.y+"",width:this.json.width+"",height:this.json.height+""})}},{key:"convert",value:function(t){return(t=co(uo(e.prototype),"convert",this).call(this,t)).x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"setScreenX",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-e)}},{key:"setScreenX2",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-this.json.width.value-e+1)}},{key:"setScreenY2",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-this.json.height.value-e+1)}},{key:"setScreenXCenter",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-this.json.width.value/2-e+1)}},{key:"setScreenYMiddle",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-this.json.height.value/2-e+1)}},{key:"setScreenY",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-e)}},{key:"checkInArea",value:function(t){return!(t.x2.value<this.screenX.value)&&(!(t.y2.value<this.screenY.value)&&(!(t.x.value>this.screenX2.value)&&!(t.y.value>this.screenY2.value)))}},{key:"toBoundCSS",value:function(){var t=this.json,e=t.x;return{top:t.y,left:e,width:t.width,height:t.height,transform:t.transform,"transform-origin":t["transform-origin"]}}},{key:"move",value:function(t,e){return this.reset({x:t,y:e}),this}},{key:"moveX",value:function(t){return this.reset({x:t}),this}},{key:"moveY",value:function(t){return this.reset({y:t}),this}},{key:"resize",value:function(t,e){return t.value>=0&&e.value>=0&&this.reset({width:t,height:e}),this}},{key:"resizeWidth",value:function(t){return t.value>=0&&this.reset({width:t}),this}},{key:"resizeHeight",value:function(t){return t.value>=0&&this.reset({height:t}),this}},{key:"getTransform",value:function(t){var e=to.parseStyle(Ke.create(t).css("transform")),n=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];if(!e.length)return{rotate:{x:0,y:0,z:0},translate:{x:0,y:0,z:0}};var r,o,i=(n=e[0].value.map(function(t){return+t}))[0],a=(n[1],n[2]),c=(n[3],n[4]),u=n[5],s=(n[6],n[7],n[8]),l=n[9],f=n[10],p=(n[11],n[12]),h=n[13],y=n[14],d=(n[15],Math.asin(-s));return 0!==Math.cos(d)?(r=Math.atan2(l,f),o=Math.atan2(c,i)):(r=Math.atan2(a,u),o=0),{rotate:{x:r,y:d,z:o},translate:{x:p,y:h,z:y}}}},{key:"verties",value:function(t,e){for(var n=t.offsetRect(),r=n.height,o=n.width/2,i=r/2,a={a:{x:-o,y:-i,z:0},b:{x:o,y:-i,z:0},c:{x:o,y:i,z:0},d:{x:-o,y:i,z:0}},c=this.getTransform(t.el);t.el&&(c=this.getTransform(t.el),a.a=it.addVector(it.rotateVector(a.a,c.rotate),c.translate),a.b=it.addVector(it.rotateVector(a.b,c.rotate),c.translate),a.c=it.addVector(it.rotateVector(a.c,c.rotate),c.translate),a.d=it.addVector(it.rotateVector(a.d,c.rotate),c.translate),(t=t.parent()).el!==e););return a}},{key:"checkInAreaForLayers",value:function(t){var e=[];return this.layers.forEach(function(n){e.push.apply(e,ro(n.checkInAreaForLayers(t))),n.checkInArea(t)&&e.push(n)}),e}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?He.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||He.px(0)}},{key:"screenY",get:function(){return this.isChild?He.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||He.px(0)}},{key:"screenX2",get:function(){return He.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return He.px(this.screenY.value+this.json.height.value)}},{key:"screenWidth",get:function(){return this.json.width}},{key:"screenHeight",get:function(){return this.json.height}},{key:"screenRect",get:function(){return{left:this.screenX,top:this.screenY,width:this.screenWidth,height:this.screenHeight}}},{key:"centerX",get:function(){var t=0;return 0!=this.json.width.value&&(t=Math.floor(this.json.width.value/2)),He.px(this.screenX.value+t)}},{key:"centerY",get:function(){var t=0;return 0!=this.json.height.value&&(t=Math.floor(this.json.height.value/2)),He.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=no((this.json["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t||"50%")}),2),e=t[0],n=t[1];return{left:e=e.toPx(this.screenWidth.value),top:n=n.toPx(this.screenHeight.value)}}},{key:"screenTransform",get:function(){return to.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&io(n.prototype,r),o&&io(n,o),e}();function fo(t){return(fo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function po(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ho(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yo(t,e){return!e||"object"!==fo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vo(t){return(vo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bo(t,e){return(bo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var go=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yo(this,vo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bo(t,e)}(e,lo),n=e,(r=[{key:"getDefaultObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){po(t,e,n[e])})}return t}({selected:!1,layers:[]},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}}])&&ho(n.prototype,r),o&&ho(n,o),e}();function mo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wo(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var ko=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return He.px(t).round(e)};var Oo=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.project=null,this.artboard=null,this.items=[],this.itemKeys={},this.colorsteps=[]}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.colorsteps=[],this.items=[],this.itemKeys={}}},{key:"selectColorStep",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.colorsteps=e}},{key:"isSelectedColorStep",value:function(t){return this.colorsteps.includes(t)}},{key:"selectProject",value:function(t){this.project=t,this.artboard=null,this.project.artboards.length&&this.selectArtboard(this.project.artboards[0])}},{key:"selectArtboard",value:function(t){this.artboard=t,this.items=[],this.artboard.layers.length&&this.select(this.artboard.layers[0])}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this.items=(n||[]).filter(function(t){return!t.lock&&t.isAbsolute}),this.itemKeys={},this.items.forEach(function(e){t.itemKeys[e.id]=e}),this.setRectCache()}},{key:"check",value:function(t){return this.itemKeys[t.id]}},{key:"get",value:function(t){return this.itemKeys[t]}},{key:"isArtBoard",value:function(){return!!this.items.length&&this.current.is("artboard")}},{key:"empty",value:function(){this.select()}},{key:"selectById",value:function(t){this.select.apply(this,wo(function t(e,n){var r=[];return e.layers.length&&e.layers.forEach(function(e){r.push.apply(r,wo(t(e,n)))}),e.id===n&&r.push(e),r}(this.artboard,t)))}},{key:"setRectCache",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.cachedItems=this.items.map(function(e){return t&&e.setCache(),e.clone()}),this.setAllRectCache()}},{key:"setAllRectCache",value:function(){var t=Number.MAX_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;this.cachedItems.forEach(function(o){t=Math.min(o.screenX.value,t),e=Math.min(o.screenY.value,e),n=Math.max(o.screenX2.value,n),r=Math.max(o.screenY2.value,r)}),t===Number.MAX_SAFE_INTEGER&&(t=0),e===Number.MAX_SAFE_INTEGER&&(e=0),n===Number.MIN_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),this.allRect=new go({x:He.px(t),y:He.px(e),width:He.px(n-t),height:He.px(r-e)})}},{key:"each",value:function(t){var e=this;I(t)&&this.items.forEach(function(n,r){t(n,e.cachedItems[r])})}},{key:"reset",value:function(t){this.each(function(e){return e.reset(t)})}},{key:"resetCallback",value:function(t){this.each(function(e){return e.reset(t(e))})}},{key:"resize",value:function(){this.each(function(t){return t.resize()})}},{key:"remove",value:function(){this.each(function(t){return t.remove()}),this.empty()}},{key:"copy",value:function(){this.copyItems=this.items.map(function(t){return t})}},{key:"paste",value:function(){this.select.apply(this,wo(this.copyItems.map(function(t){return t.copy()}))),this.copy()}},{key:"move",value:function(t,e){this.each(function(n,r){n.move(ko(r.x.value+t),ko(r.y.value+e))})}},{key:"moveRight",value:function(t){this.each(function(e,n){e.resizeWidth(ko(n.width.value+t))})}},{key:"moveLeft",value:function(t){this.each(function(e,n){n.width.value-t>=0&&(e.moveX(ko(n.x.value+t)),e.resizeWidth(ko(n.width.value-t)))})}},{key:"moveBottom",value:function(t){this.each(function(e,n){e.resizeHeight(ko(n.height.value+t))})}},{key:"moveTop",value:function(t){this.each(function(e,n){n.height.value-t>=0&&(e.moveY(ko(n.y.value+t)),e.resizeHeight(ko(n.height.value-t)))})}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"currentArtboard",get:function(){return this.artboard}},{key:"isEmpty",get:function(){return!this.length}},{key:"length",get:function(){return this.items.length}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}}])&&mo(e.prototype,n),r&&mo(e,r),t}();function So(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function jo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Po(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var xo=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.editor=e,this.items=[],this.itemKeys={}}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentArtBoard",value:function(t){var e=this.editor.selection.currentArtboard;e&&t&&t(e)}},{key:"empty",value:function(){this.select()}},{key:"each",value:function(t){this.items.forEach(function(e,n){t&&t(e,n)})}},{key:"refreshCache",value:function(t){var e=this;this.items=t,this.itemKeys={},this.items.forEach(function(t){e.itemKeys[t.id]=t})}},{key:"cachedList",value:function(){return this.items.map(function(t){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){jo(t,e,n[e])})}return t}({},t)})}},{key:"checked",value:function(t){return!!this.itemKeys[t]}},{key:"selectLayer",value:function(t){var e=this;this.currentArtBoard(function(n){var r=n.getKeyframeListReturnArray().filter(function(e){return e.layerId===t});e.refreshCache(r)})}},{key:"selectProperty",value:function(t,e){var n=this;this.currentArtBoard(function(r){var o=r.getKeyframeListReturnArray().filter(function(n){return n.layerId===t&&n.property===e});n.refreshCache(o)})}},{key:"select",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.refreshCache(e)}},{key:"selectBySearch",value:function(t,e,n){var r=this;this.currentArtBoard(function(o){var i=[];t.forEach(function(t){var r=[];if(t.property){var a=o.getTimelineProperty(t.layerId,t.property);r=a.keyframes.filter(function(t){return e<=t.time&&t.time<=n})}else{(a=o.getTimelineObject(t.layerId)).properties.filter(function(e){return e.property===t.property}).forEach(function(t){var o;(o=r).push.apply(o,So(t.keyframes.filter(function(t){return e<=t.time&&t.time<=n})))})}i.push.apply(i,So(r))});var a={};i.forEach(function(t){a[t.id]=t}),r.select.apply(r,So(Object.values(a)))})}},{key:"checkLayer",value:function(t){var e=this;return Object.keys(this.itemKeys).some(function(n){return e.itemKeys[n].layerId===t})}},{key:"checkProperty",value:function(t,e){var n=this;return Object.keys(this.itemKeys).some(function(r){return n.itemKeys[r].layerId===t&&n.itemKeys[r].property===e})}}])&&Po(e.prototype,n),r&&Po(e,r),t}();function _o(t){return(_o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function To(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Eo(t,e,n[e])})}return t}function Eo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Co(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $o(t,e){return!e||"object"!==_o(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ro(t,e,n){return(Ro="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Vo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Vo(t){return(Vo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ao(t,e){return(Ao=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Do="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),Io={xChannelSelector:!0,yChannelSelector:!0},Mo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$o(this,Vo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ao(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new(0,ws[t.type])(t)}}],(r=[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=gt();return Ro(Vo(e.prototype),"getDefaultObject",this).call(this,To({itemType:"svgfilter",id:n,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter(function(e){return e.id===t.id}).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return V(t.in)&&(t.in=JSON.parse(t.in)),V(t.bound)&&(t.bound=JSON.parse(t.bound)),V(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return To({},Ro(Vo(e.prototype),"toCloneObject",this).call(this),{id:this.json.id,in:L(this.json.in),bound:L(this.json.bound),connected:L(this.json.connected)})}},{key:"getDefaultAttribute",value:function(){var t=this,e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),Object.keys(Io).filter(function(e){return!!t.json[e]}).forEach(function(n){e.push("".concat(n,'="').concat(t.json[n],'"'))}),e.join(" ")+" "+this.getSourceInAttribute()}},{key:"hasInIndex",value:function(){return!1}},{key:"getSourceInAttribute",value:function(t){var e=this;return(t||this.json.in).map(function(t,n){if(!t)return"";var r=0===n?"":n+1+"";return e.hasInIndex()||(r=""),Do.includes(t.type)?"in".concat(r,'="').concat(t.type,'"'):"in".concat(r,'="').concat(t.id,'result"')}).join(" ")}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.value;return"<fe".concat(e,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Co(n.prototype,r),o&&Co(n,o),e}();function Lo(t){return(Lo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zo(t,e){return!e||"object"!==Lo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fo(t,e,n){return(Fo="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Go(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Go(t){return(Go=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ho(t,e){return(Ho=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Xo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zo(this,Go(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ho(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Fo(Go(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=He.parse(t.hueRotate),t}},{key:"toString",value:function(){var t=this.json,e=t.id,n=t.hueRotate;return'\n      <feColorMatrix type="hueRotate" result="romatrix-'.concat(e,'"  values="').concat(n,'"/>\n      <feColorMatrix type="matrix" in="romatrix-').concat(e,'" in2="SourceGraphic"  ').concat(this.getDefaultAttribute(),' values="-1 2 -3 0 -.5 2 1 0 0 0 0 3 1 0 0 0 0 1 1 0"/>\n    ')}}])&&Bo(n.prototype,r),o&&Bo(n,o),e}();function Yo(t){return(Yo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function No(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ko(t,e){return!e||"object"!==Yo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wo(t,e,n){return(Wo="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Uo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Uo(t){return(Uo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zo(t,e){return(Zo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Xo.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:He.number(0)}};var qo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ko(this,Uo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zo(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Wo(Uo(e.prototype),"getDefaultObject",this).call(this,{type:"Merge"})}},{key:"getInCount",value:function(){return 3}},{key:"getDefaultAttribute",value:function(){var t=[];return this.json.connected.length&&t.push('result="'.concat(this.json.id,'result"')),t.join(" ")}},{key:"toString",value:function(){var t=this,e=this.json.in;return"\n    <feMerge  ".concat(this.getDefaultAttribute()," >\n      ").concat(e.map(function(e){return"<feMergeNode ".concat(t.getSourceInAttribute([e])," />")}).join(""),"\n    </feMerge>")}}])&&No(n.prototype,r),o&&No(n,o),e}();function Jo(t){return(Jo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ti(t,e){return!e||"object"!==Jo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ei(t,e,n){return(ei="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ni(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ni(t){return(ni=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ri(t,e){return(ri=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}qo.spec={};var oi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ti(this,ni(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ri(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ei(ni(e.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:e.spec.operator.defaultValue,k1:e.spec.k1.defaultValue,k2:e.spec.k2.defaultValue,k3:e.spec.k3.defaultValue,k4:e.spec.k4.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json,e=t.operator,n=t.k1,r=t.k2,o=t.k3,i=t.k4,a="";return"arithmetic"===e&&(a=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(o,'" k4="').concat(i,'" ')),'<feComposite operator="'.concat(e,'" ').concat(a,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&Qo(n.prototype,r),o&&Qo(n,o),e}();function ii(t){return(ii="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ai(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ci(t,e){return!e||"object"!==ii(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ui(t,e,n){return(ui="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=si(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function si(t){return(si=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function li(t,e){return(li=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}oi.spec={operator:{title:"operator",inputType:"select",options:"over,in,out,atop,xor,arithmetic",defaultValue:"over"},k1:{title:"k1",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)}};var fi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ci(this,si(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&li(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ui(si(e.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:e.spec.operator.defaultValue,radius:e.spec.radius.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.operator,n=t.radius;return'<feMorphology operator="'.concat(e,'" radius="').concat(n,'"  ').concat(this.getDefaultAttribute()," />")}}])&&ai(n.prototype,r),o&&ai(n,o),e}();function pi(t){return(pi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yi(t,e){return!e||"object"!==pi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function di(t,e,n){return(di="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function vi(t){return(vi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bi(t,e){return(bi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}fi.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)}};var gi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yi(this,vi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bi(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return di(vi(e.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:e.spec.filterType.defaultValue,baseFrequency:e.spec.baseFrequency.defaultValue,numOctaves:e.spec.numOctaves.defaultValue,seed:e.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=He.parse(t.baseFrequency),t.numOctaves=He.parse(t.numOctaves),t.seed=He.parse(t.seed),t}},{key:"toString",value:function(){var t=this.json,e=t.filterType,n=t.baseFrequency,r=t.numOctaves,o=t.seed;return"<feTurbulence ".concat(K({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />")}}])&&hi(n.prototype,r),o&&hi(n,o),e}();function mi(t){return(mi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ki(t,e){return!e||"object"!==mi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oi(t,e,n){return(Oi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Si(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Si(t){return(Si=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ji(t,e){return(ji=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}gi.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:He.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:He.number(0)}};var Pi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ki(this,Si(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ji(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Oi(Si(e.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:e.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=He.parse(t.scale),t}},{key:"toString",value:function(){var t=this.json.scale,e=t.value?'scale="'.concat(t,'"'):"";return"<feDisplacementMap ".concat(e,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&wi(n.prototype,r),o&&wi(n,o),e}();function xi(t){return(xi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _i(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ti(t,e){return!e||"object"!==xi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ei(t,e,n){return(Ei="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ci(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ci(t){return(Ci=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $i(t,e){return($i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Pi.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:He.number(0)}};var Ri=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ti(this,Ci(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$i(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ei(Ci(e.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values.join(" ");return'<feColorMatrix type="matrix" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&_i(n.prototype,r),o&&_i(n,o),e}();function Vi(t){return(Vi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ai(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Di(t,e){return!e||"object"!==Vi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ii(t,e,n){return(Ii="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Mi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Mi(t){return(Mi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Li(t,e){return(Li=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ri.spec={values:{title:"values",inputType:"color-matrix",column:5,defaultValue:[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0]}};var Bi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Di(this,Mi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Li(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ii(Mi(e.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:e.spec.kernelMatrix.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.kernelMatrix.join(" ");return'<feConvolveMatrix kernelMatrix="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Ai(n.prototype,r),o&&Ai(n,o),e}();function zi(t){return(zi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gi(t,e){return!e||"object"!==zi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hi(t,e,n){return(Hi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Xi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Xi(t){return(Xi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yi(t,e){return(Yi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Bi.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Ni=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gi(this,Xi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yi(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Hi(Xi(e.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:e.spec.stdDeviationX.defaultValue,stdDeviationY:e.spec.stdDeviationY.defaultValue,edgeMode:e.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=He.parse(t.stdDeviationX),t.stdDeviationY=He.parse(t.stdDeviationY),t}},{key:"toString",value:function(){var t=this.json,e=t.stdDeviationX,n=t.stdDeviationY,r=t.edgeMode,o="".concat(e," ").concat(n);return e===n&&(o=e),'<feGaussianBlur  stdDeviation="'.concat(o,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Fi(n.prototype,r),o&&Fi(n,o),e}();function Ki(t){return(Ki="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ui(t,e){return!e||"object"!==Ki(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zi(t,e,n){return(Zi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qi(t){return(qi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ji(t,e){return(Ji=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ni.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var Qi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ui(this,qi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ji(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Zi(qi(e.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue,color:e.spec.color.defaultValue,opacity:e.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.opacity,n=t.color,r=t.x,o=t.y,i=t.width,a=t.height;return"<feFlood ".concat(K({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Wi(n.prototype,r),o&&Wi(n,o),e}();function ta(t){return(ta="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ea(t,e){return oa(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||ra()}function na(t){return oa(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||ra()}function ra(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function oa(t){if(Array.isArray(t))return t}function ia(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aa(t,e){return!e||"object"!==ta(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ca(t,e,n){return(ca="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ua(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ua(t){return(ua=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sa(t,e){return(sa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Qi.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var la=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aa(this,ua(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ca(ua(e.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:e.spec.r.defaultValue,g:e.spec.g.defaultValue,b:e.spec.b.defaultValue,a:e.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=na(t.split(" ")),n=e[0],r=e.slice(1);if("table"===n||"discrete"===n)return{type:n,tableValues:r.join(" ")};if("linear"===n){var o=ea(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=ea(r,3);return{type:n,amplitude:i[0],exponent:i[1],offset:i[2]}}return{type:n}}},{key:"toString",value:function(){var t=this.json,e=t.r,n=t.g,r=t.b,o=t.a;return e=this.parse(e),n=this.parse(n),r=this.parse(r),o=this.parse(o),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(e&&"<feFuncR ".concat(K(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(K(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(K(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(K(o)," />"),"\n    </feComponentTransfe>")}}])&&ia(n.prototype,r),o&&ia(n,o),e}();function fa(t){return(fa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ha(t,e){return!e||"object"!==fa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ya(t,e,n){return(ya="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=da(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function da(t){return(da=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function va(t,e){return(va=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}la.spec={r:{title:"R",inputType:"FuncFilter",defaultValue:"identity"},g:{title:"G",inputType:"FuncFilter",defaultValue:"identity"},b:{title:"B",inputType:"FuncFilter",defaultValue:"identity"},a:{title:"A",inputType:"FuncFilter",defaultValue:"identity"}};var ba=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ha(this,da(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&va(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ya(da(e.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:e.spec.azimuth.defaultValue,elevation:e.spec.elevation.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var t=this.json,e=t.azimuth,n=t.elevation;return"<feDistantLight ".concat(K({azimuth:e,elevation:n})," />")}}])&&pa(n.prototype,r),o&&pa(n,o),e}();function ga(t){return(ga="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ma(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wa(t,e){return!e||"object"!==ga(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ka(t,e,n){return(ka="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Oa(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Oa(t){return(Oa=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sa(t,e){return(Sa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ba.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ja=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wa(this,Oa(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ka(Oa(e.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,z:e.spec.z.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.z;return"<fePointLight ".concat(K({x:e,y:n,z:r})," />")}}])&&ma(n.prototype,r),o&&ma(n,o),e}();function Pa(t){return(Pa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _a(t,e){return!e||"object"!==Pa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ta(t,e,n){return(Ta="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ea(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ea(t){return(Ea=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ca(t,e){return(Ca=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ja.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var $a=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_a(this,Ea(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ca(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ta(Ea(e.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:e.spec.x.defaultValue,y:e.spec.x.defaultValue,z:e.spec.x.defaultValue,pointsAtX:e.spec.pointsAtX.defaultValue,pointsAtY:e.spec.pointsAtY.defaultValue,pointsAtZ:e.spec.pointsAtZ.defaultValue,specularExponent:e.spec.specularExponent.defaultValue,limitingConeAngle:e.spec.limitingConeAngle.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){}},{key:"toLightString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.z,o=t.pointsAtX,i=t.pointsAtY,a=t.pointsAtZ,c=t.specularExponent,u=t.limitingConeAngle;return"<feSpotLight ".concat(K({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />")}}])&&xa(n.prototype,r),o&&xa(n,o),e}();function Ra(t){return(Ra="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Va(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Aa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Da(t,e){return!e||"object"!==Ra(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ia(t,e,n){return(Ia="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ma(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ma(t){return(Ma=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function La(t,e){return(La=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}$a.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)}};var Ba=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Da(this,Ma(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&La(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ia(Ma(e.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:e.spec.surfaceScale.defaultValue,lightingColor:e.spec.lightingColor.defaultValue,diffuseConstant:e.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Va(t,e,n[e])})}return t}({},Ia(Ma(e.prototype),"toCloneObject",this).call(this),{surfaceScale:this.json.surfaceScale,lightingColor:this.json.lightingColor,diffuseConstant:this.json.diffuseConstant,lightInfo:this.json.lightInfo})}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.surfaceScale,n=t.diffuseConstant,r=t.lightingColor;return"<feDiffuseLighting ".concat(K({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}])&&Aa(n.prototype,r),o&&Aa(n,o),e}();function za(t){return(za="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ga(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ha(t,e){return!e||"object"!==za(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xa(t,e,n){return(Xa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ya(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ya(t){return(Ya=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Na(t,e){return(Na=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ba.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Ka=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ha(this,Ya(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Na(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Xa(Ya(e.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:e.spec.surfaceScale.defaultValue,lightingColor:e.spec.lightingColor.defaultValue,specularConstant:e.spec.specularConstant.defaultValue,specularExponent:e.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Fa(t,e,n[e])})}return t}({},Xa(Ya(e.prototype),"toCloneObject",this).call(this),{surfaceScale:this.json.surfaceScale,lightingColor:this.json.lightingColor,specularConstant:this.json.specularConstant,specularExponent:this.json.specularExponent,lightInfo:""})}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.surfaceScale,n=t.specularConstant,r=t.specularExponent,o=t.lightingColor;return"<feSpecularLighting ".concat(K({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}])&&Ga(n.prototype,r),o&&Ga(n,o),e}();function Wa(t){return(Wa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ua(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Za(t,e){return!e||"object"!==Wa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qa(t,e,n){return(qa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ja(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ja(t){return(Ja=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qa(t,e){return(Qa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ka.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var tc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Za(this,Ja(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return qa(Ja(e.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:e.spec.dx.defaultValue,dy:e.spec.dy.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.dx,n=t.dy;return"<feOffset \n      ".concat(K({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}])&&Ua(n.prototype,r),o&&Ua(n,o),e}();function ec(t){return oc(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||rc()}function nc(t,e){return oc(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||rc()}function rc(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function oc(t){if(Array.isArray(t))return t}function ic(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}tc.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ac=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=nc(e.split("data:"),2),o=(r[0],ec(r[1].split(","))),i=o[0],a=o.slice(1),c=nc(i.split(";"),2),u=c[0],s=c[1];return a=a.join(","),{mimeType:u,local:n&&t.getLink(u,s,a)}}},{key:"getLink",value:function(t,e,n){if("base64"===e){for(var r=atob(n),o=r.length,i=new Uint8Array(o),a=0;a<o;a++)i[a]=r.charCodeAt(a);var c=new Blob([i],{type:t});return URL.createObjectURL(c)}return""}}],(n=null)&&ic(e.prototype,n),r&&ic(e,r),t}();function cc(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function uc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var sc=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=cc(t.dataTransfer.types).map(function(e,n){if(e.includes("text"))return{kind:"string",type:e,data:t.dataTransfer.getData(e)}}).filter(function(t){return t}));var n=[];return t.dataTransfer&&(n=cc(t.dataTransfer.files)),[].concat(cc(e),cc(n))}}],(n=null)&&uc(e.prototype,n),r&&uc(e,r),t}(),lc=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),fc={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},pc={d:!0},hc={position:!0,x:!0,y:!0,right:!0,bottom:!0,width:!0,height:!0,rootVariable:!0,variable:!0,transform:!0,filter:!0,"backdrop-filter":!0,"background-color":!0,"background-clip":!0,"background-image":!0,"border-radius":!0,"box-shadow":!0,"text-shadow":!0,"text-clip":!0,"clip-path":!0,color:!0,"font-size":!0,"font-stretch":!0,"line-height":!0,"text-align":!0,"text-transform":!0,"text-decoration":!0,"letter-spacing":!0,"word-spacing":!0,"text-indent":!0,"perspective-origin":!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"mix-blend-mode":!0,opacity:!0,rotate:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"offset-path":!0,"offset-distance":!0,border:!0,outline:!0,borderRadius:!0,animations:!0,transitions:!0,fill:!0,"fill-opacity":!0,stroke:!0,"stroke-width":!0,"stroke-dasharray":!0,"stroke-dashoffset":!0,"fill-rule":!0,"stroke-linecap":!0,"stroke-linejoin":!0},yc=function(t){return fc[t]||!1},dc=function(t){return pc[t]||!1},vc=function(t){return hc[t]||!1},bc=function(t){var e=pl.selection.currentProject,n={};return e.images.forEach(function(e){t.indexOf(e.local)>-1&&(n[e.local]=e.original)}),Object.keys(n).forEach(function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))}),t},gc=function(t){var e,n,r,o=JSON.stringify(t);return e=o,n=pl.projects,r={},n.forEach(function(t){t.images.forEach(function(t){e.indexOf(t.local)>-1&&(r[t.local]="#"+t.id)})}),Object.keys(r).forEach(function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),r[t]))}),o=e},mc=function(t){var e=JSON.parse(t||"[]"),n={};return e.forEach(function(t){t.images.forEach(function(t){n["#".concat(t.id)]=t})}),Object.keys(n).map(function(t){var e=n[t],r=ac.parse(e.original,!0);e.local=r.local}),e.forEach(function(t){t.layers=function t(e,n){return $(e)?e=e.map(function(e){return t(e,n)}):D(e)?Object.keys(e).forEach(function(r){e[r]=t(e[r],n)}):V(e)&&Object.keys(n).forEach(function(t){var r=n[t];e.indexOf("#".concat(r.id))>-1&&(e=e.replace(new RegExp("#".concat(r.id),"g"),r.local))}),e}(t.layers,n)}),e};function wc(t){return(wc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Oc(t,e){return!e||"object"!==wc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Sc(t,e,n){return(Sc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=jc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function jc(t){return(jc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pc(t,e){return(Pc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Oc(this,jc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pc(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Sc(jc(e.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:e.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(K({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&kc(n.prototype,r),o&&kc(n,o),e}();function _c(t){return(_c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ec(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cc(t,e){return!e||"object"!==_c(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $c(t,e,n){return($c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Rc(t){return(Rc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vc(t,e){return(Vc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}xc.spec={mode:{title:"mode",inputType:"select",options:lc,defaultValue:"normal"}};var Ac=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Cc(this,Rc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vc(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $c(Rc(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Tc(t,e,n[e])})}return t}({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&Ec(n.prototype,r),o&&Ec(n,o),e}();function Dc(t){return(Dc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ic(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mc(t,e){return!e||"object"!==Dc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lc(t,e,n){return(Lc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Bc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Bc(t){return(Bc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zc(t,e){return(zc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Fc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Mc(this,Bc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zc(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Lc(Bc(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&Ic(n.prototype,r),o&&Ic(n,o),e}();function Gc(t){return(Gc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xc(t,e){return!e||"object"!==Gc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Yc(t,e,n){return(Yc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Nc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Nc(t){return(Nc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kc(t,e){return(Kc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Wc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Xc(this,Nc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kc(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Yc(Nc(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&Hc(n.prototype,r),o&&Hc(n,o),e}();function Uc(t){return(Uc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qc(t,e){return!e||"object"!==Uc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jc(t,e,n){return(Jc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qc(t){return(Qc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tu(t,e){return(tu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qc(this,Qc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Jc(Qc(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&Zc(n.prototype,r),o&&Zc(n,o),e}();function nu(t){return(nu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ru(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ou(t,e){return!e||"object"!==nu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iu(t,e,n){return(iu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=au(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function au(t){return(au=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cu(t,e){return(cu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ou(this,au(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return iu(au(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&ru(n.prototype,r),o&&ru(n,o),e}();function su(t){return(su="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fu(t,e){return!e||"object"!==su(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pu(t,e,n){return(pu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=hu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function hu(t){return(hu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yu(t,e){return(yu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var du=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fu(this,hu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return pu(hu(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&lu(n.prototype,r),o&&lu(n,o),e}();function vu(t){return(vu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gu(t,e){return!e||"object"!==vu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mu(t,e,n){return(mu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=wu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function wu(t){return(wu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ku(t,e){return(ku=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ou=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gu(this,wu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ku(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return mu(wu(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&bu(n.prototype,r),o&&bu(n,o),e}();function Su(t){return(Su="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ju(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Pu(t,e){return!e||"object"!==Su(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xu(t,e,n){return(xu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_u(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function _u(t){return(_u=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tu(t,e){return(Tu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Eu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Pu(this,_u(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return xu(_u(e.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:e.spec.dx.defaultValue,dy:e.spec.dy.defaultValue,stdDeviation:e.spec.stdDeviation.defaultValue,color:e.spec.color.defaultValue,opacity:e.spec.opacity.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.dx,n=t.dy,r=t.stdDeviation,o=t.color,i=t.opacity;return"<feDropShadow ".concat(K({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />")}}])&&ju(n.prototype,r),o&&ju(n,o),e}();function Cu(t){return(Cu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $u(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ru(t,e){return!e||"object"!==Cu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vu(t,e,n){return(Vu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Au(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Au(t){return(Au=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Du(t,e){return(Du=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Eu.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:He.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Iu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ru(this,Au(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Du(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Vu(Au(e.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values;return'<feColorMatrix type="saturate" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&$u(n.prototype,r),o&&$u(n,o),e}();function Mu(t){return(Mu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bu(t,e){return!e||"object"!==Mu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zu(t,e,n){return(zu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Fu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Fu(t){return(Fu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gu(t,e){return(Gu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Iu.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:He.number(0)}};var Hu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bu(this,Fu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return zu(Fu(e.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values;return'<feColorMatrix type="hueRotate" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Lu(n.prototype,r),o&&Lu(n,o),e}();function Xu(t){return(Xu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nu(t,e){return!e||"object"!==Xu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ku(t,e,n){return(Ku="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Wu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Wu(t){return(Wu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uu(t,e){return(Uu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Hu.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:He.number(0)}};var Zu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Nu(this,Wu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ku(Wu(e.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}])&&Yu(n.prototype,r),o&&Yu(n,o),e}();function qu(t){return(qu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ju(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qu(t,e){return!e||"object"!==qu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ts(t,e,n){return(ts="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=es(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function es(t){return(es=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ns(t,e){return(ns=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Zu.spec={};var rs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qu(this,es(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ns(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ts(es(e.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.width,o=t.height;return"<feTile ".concat(K({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&Ju(n.prototype,r),o&&Ju(n,o),e}();function os(t){return(os="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function is(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function as(t,e){return!e||"object"!==os(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cs(t,e,n){return(cs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=us(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function us(t){return(us=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ss(t,e){return(ss=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}rs.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ls=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),as(this,us(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ss(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return cs(us(e.prototype),"getDefaultObject",this).call(this,{type:"Image",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue,src:e.spec.src.defaultValue,alignment:e.spec.alignment.defaultValue,scaleing:e.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.src,n=t.x,r=t.y,o=t.width,i=t.height,a=t.alignment,c=t.scaleing;return"<feImage ".concat(K({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&is(n.prototype,r),o&&is(n,o),e}();function fs(t){return(fs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ps(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hs(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ys(t,e){return!e||"object"!==fs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ds(t,e,n){return(ds="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function vs(t){return(vs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bs(t,e){return(bs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ls.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},alignment:{title:"alignment",inputType:"select",options:"xMinYMin,xMidYMin,xMaxYMin,xMinYMid,xMidYMid,xMaxYMid,xMinYMax,xMidYMax,xMaxYMax",defaultValue:"xMidYMid"},scaleing:{title:"scaleing",inputType:"select",options:"meet,slice",defaultValue:"meet"},src:{title:"Image",inputType:"ImageSelectEditor",defaultValue:""}};var gs=["result"],ms=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ys(this,vs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new(0,ws[t.type])(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ds(vs(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ps(t,e,n[e])})}return t}({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return gs.map(function(e){return"".concat(e,'="').concat(t.json[e],'"')}).join(" ")}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.value;return"<fe".concat(e,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&hs(n.prototype,r),o&&hs(n,o),e}(),ws={Image:ls,Tile:rs,Saturate:Iu,HueRotate:Hu,LuminanceAlpha:Zu,DropShadow:Eu,SourceGraphic:Fc,SourceAlpha:Wc,BackgroundImage:eu,BackgroundAlpha:uu,FillPaint:du,StrokePaint:Ou,ComponentTransfer:la,DistantLight:ba,PointLight:ja,SpotLight:$a,DiffuseLighting:Ba,SpecularLighting:Ka,Blend:xc,Offset:tc,RotaMatrix:Xo,GaussianBlur:Ni,Flood:Qi,Merge:qo,Composite:oi,Morphology:fi,Turbulence:gi,DisplacementMap:Pi,ColorMatrix:Ri,ConvolveMatrix:Bi},ks={Image:ls.spec,Tile:rs.spec,DropShadow:Eu.spec,Saturate:Iu.spec,HueRotate:Hu.spec,LuminanceAlpha:Zu.spec,Offset:tc.spec,ComponentTransfer:la.spec,SpecularLighting:Ka.spec,SpotLight:$a.spec,PointLight:ja.spec,DistantLight:ba.spec,DiffuseLighting:Ba.spec,Blend:xc.spec,RotaMatrix:Xo.spec,Merge:qo.spec,GaussianBlur:Ni.spec,Flood:Qi.spec,Morphology:fi.spec,Composite:oi.spec,Turbulence:gi.spec,DisplacementMap:Pi.spec,ColorMatrix:Ri.spec,ConvolveMatrix:Bi.spec};function Os(t){return(Os="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ss(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function js(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ps(t,e,n[e])})}return t}function Ps(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xs(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _s(t,e){return!e||"object"!==Os(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ts(t,e,n){return(Ts="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Es(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Es(t){return(Es=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Cs(t,e){return(Cs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $s=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_s(this,Es(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Cs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Ts(Es(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:He.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return js({},Ts(Es(e.prototype),"toCloneObject",this).call(this),{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map(function(t){return L(t)})})}},{key:"convert",value:function(t){return(t=Ts(Es(e.prototype),"convert",this).call(this,t)).offset=He.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Y(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(js({checked:!0,value:He.px(0)},t))}},{key:"addProperty",value:function(t){this.json.properties.push(t)}},{key:"removeProperty",value:function(t){this.json.properties.splice(t,1)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(Ss(t.splice(e,1))))}},{key:"sortProperty",value:function(t,e){this.sortItem(this.json.properties,t,e)}},{key:"updateProperty",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.assign(this.json.properties[+t],js({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=-1,r=0,o=this.json.properties.length;r<o;r++)if(this.json.properties[r].key===t){n=r;break}Object.assign(this.json.properties[+n],js({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach(function(e){t=js({},t,e.toCSS())}),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&xs(n.prototype,r),o&&xs(n,o),e}();function Rs(t){return(Rs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vs(t){return function(t){if(Array.isArray(t))return t}(t)||Ds(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function As(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||Ds(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ds(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function Is(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ms(t,e,n[e])})}return t}function Ms(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ls(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bs(t,e){return!e||"object"!==Rs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zs(t,e,n){return(zs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Fs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Fs(t){return(Fs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gs(t,e){return(Gs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Hs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bs(this,Fs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[],r={};if(t.keyframe){var o=se(t.keyframe);o.str.split("|").map(function(t){return t.trim()}).forEach(function(t,i){var a=Vs(t.split(" ")),c=a[0],u=a[1],s=a[2],l=a.slice(3).join(" ");r[c]||(r[c]=new e({name:c}),n[i]=c);var f=r[c].offsets.filter(function(t){return t.offset.equals(He.parse(u))}),p=null;f.length?p=f[0]:(p=new $s({offset:He.parse(u)}),r[c].offsets.push(p)),p.addProperty({key:s,value:fe(l,o.matches)})})}return n.map(function(t){return r[t].offsets.forEach(function(t){var e=[],n=[];t.properties.forEach(function(t){t.key.includes("--")?e.push(t):n.push(t)});var r=e.map(function(t){return"".concat(t.key,":").concat(t.value)}).join(";");e.length&&n.push({key:"var",value:r}),t.properties=n}),r[t]})}}],(r=[{key:"getDefaultObject",value:function(){return zs(Fs(e.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,n=t.name,r=t.selectedType,o=t.offsets;return Is({},zs(Fs(e.prototype),"toCloneObject",this).call(this),{name:n,selectedType:r,offsets:o.map(function(t){return t.clone()})})}},{key:"isMultiStyle",value:function(t){switch(t){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(t){switch(t.key){case"background-image":return t.value.toString()+";";case"var":return(t.value+"").split(";").map(function(t){return"--"+t}).join(";")+";"}return t.value.toString()+";"}},{key:"toOffsetString",value:function(t){var e=this;return"".concat(t.offset.toString()," {\n").concat("      ").concat(t.properties.map(function(t){if(e.isMultiStyle(t.key))return e.getMultiStyleString(t);var n=(t.value||"").toString();if(n){var r=t.key;return"x"===r?r="left":"y"===r&&(r="top"),"".concat(r,": ").concat(n,";")}return""}).join("").replace(/\;/g,";\n      ").trim(),"\n  }")}},{key:"toOffsetText",value:function(){var t=this,e=this.json.offsets.map(function(t){return t});return e.sort(function(t,e){return t.offset.value>e.offset.value?1:-1}),e.map(function(e){return 0===e.properties.length?"":t.toOffsetString(e)}).join("\n")}},{key:"toCSSText",value:function(){return this.json.offsets.map(function(t){return t}).sort(function(t,e){return t.offset.value>e.offset.value?1:-1}),"\n@keyframes ".concat(this.json.name," {\n\n  ").concat(this.toOffsetText(),"\n\n}\n")}},{key:"createOffset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addOffset(new $s(Is({checked:!0},t)))}},{key:"addOffset",value:function(t){this.json.offsets.push(t)}},{key:"removeOffset",value:function(t){this.json.offsets.splice(t,1)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(As(t.splice(e,1))))}},{key:"sortOffset",value:function(t,e){this.sortItem(this.json.offsets,t,e)}},{key:"updateOffset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.offsets[+t].reset(e)}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return this.toCSSText()}}])&&Ls(n.prototype,r),o&&Ls(n,o),e}();function Xs(t){return(Xs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ys(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ns(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ks(t,e,n[e])})}return t}function Ks(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ws(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Us(t,e){return!e||"object"!==Xs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zs(t,e,n){return(Zs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qs(t){return(qs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Js(t,e){return(Js=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Us(this,qs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Js(t,e)}(e,Dr),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zs(qs(e.prototype),"getDefaultObject",this).call(this,Ns({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[]},t))}},{key:"addKeyframe",value:function(t){return this.json.keyframes.push(t),t}},{key:"createKeyframe",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addKeyframe(new Hs(Ns({checked:!0},t)))}},{key:"removeKeyframe",value:function(t){this.removePropertyList(this.json.keyframes,t)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(Ys(t.splice(e,1))))}},{key:"sortKeyframe",value:function(t,e){this.sortItem(this.json.keyframes,t,e)}},{key:"updateKeyframe",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.keyframes[+t].reset(e)}},{key:"toKeyframeString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.keyframes.map(function(e){return e.toString(t)}).join("\n\n")}},{key:"copyPropertyList",value:function(t,e){var n=Ns({},t[e]);t.splice(e,0,n)}},{key:"toSVGString",value:function(){return this.json.svgfilters.map(function(t){var e=t.filters.map(function(t){return ms.parse(t)});return"<filter id='".concat(t.id,"'>\n  ").concat(e.join("\n"),"\n</filter>\n")}).join("\n\n")}},{key:"toCloneObject",value:function(){var t=this.json;return Ns({},Zs(qs(e.prototype),"toCloneObject",this).call(this),{colors:L(t.colors),gradients:L(t.gradients),svgfilters:L(t.svgfilters),svgimages:L(t.svgimages),images:L(t.images),keyframes:t.keyframes.map(function(t){return t.clone()})})}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeColor",value:function(t){this.removePropertyList(this.json.colors,t)}},{key:"copyColor",value:function(t){this.copyPropertyList(this.json.colors,t)}},{key:"sortColor",value:function(t,e){this.sortItem(this.json.colors,t,e)}},{key:"setColorValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.colors[t]=Ns({},this.json.colors[t],e)}},{key:"getColor",value:function(t){return this.json.colors.filter(function(e){return e.name===t})[0]}},{key:"addColor",value:function(t){return this.json.colors.push(t),t}},{key:"createColor",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addColor(t)}},{key:"removeImage",value:function(t){this.removePropertyList(this.json.images,t)}},{key:"copyImage",value:function(t){this.copyPropertyList(this.json.images,t)}},{key:"sortImage",value:function(t,e){this.sortItem(this.json.images,t,e)}},{key:"setImageValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.images[t]=Ns({},this.json.images[t],e)}},{key:"addImage",value:function(t){return this.json.images.push(t),t}},{key:"createImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addImage(t)}},{key:"removeGradient",value:function(t){this.removePropertyList(this.json.gradients,t)}},{key:"copyGradient",value:function(t){this.copyPropertyList(this.json.gradients,t)}},{key:"sortGradient",value:function(t,e){this.sortItem(this.json.gradients,t,e)}},{key:"setGradientValue",value:function(t,e){this.json.gradients[t]=Ns({},this.json.gradients[t],e)}},{key:"getGradient",value:function(t){return this.json.gradients.filter(function(e){return e.name===t})[0]}},{key:"addGradient",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.gradients.push(t),t}},{key:"createGradient",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addGradient(t)}},{key:"getSVGFilterIndex",value:function(t){var e=this.json.svgfilters.map(function(t,e){return{id:t.id,index:e}}).filter(function(e){return e.id===t})[0];return e?e.index:-1}},{key:"removeSVGFilter",value:function(t){this.removePropertyList(this.json.svgfilters,t)}},{key:"copySVGFilter",value:function(t){this.copyPropertyList(this.json.svgfilters,t)}},{key:"sortSVGFilter",value:function(t,e){this.sortItem(this.json.svgfilters,t,e)}},{key:"setSVGFilterValue",value:function(t,e){this.json.svgfilters[t]=Ns({},this.json.svgfilters[t],e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.svgfilters.push(t),this.json.svgfilters.length-1}},{key:"createSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGFilter(t)}},{key:"getSVGImageIndex",value:function(t){var e=this.json.svgimages.map(function(t,e){return{id:t.id,index:e}}).filter(function(e){return e.id===t})[0];return e?e.index:-1}},{key:"removeSVGImage",value:function(t){this.removePropertyList(this.json.svgimages,t)}},{key:"copySVGImage",value:function(t){this.copyPropertyList(this.json.svgimages,t)}},{key:"sortSVGImage",value:function(t,e){this.sortItem(this.json.svgimages,t,e)}},{key:"setSVGImageValue",value:function(t,e){this.json.svgimages[t]=Ns({},this.json.svgimages[t],e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.svgimages.push(t),this.json.svgimages.length-1}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&Ws(n.prototype,r),o&&Ws(n,o),e}();function tl(t){return(tl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function el(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){nl(t,e,n[e])})}return t}function nl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ol(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function il(t,e){return!e||"object"!==tl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function al(t,e,n){return(al="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=cl(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function cl(t){return(cl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ul(t,e){return(ul=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),il(this,cl(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ul(t,e)}(e,Qs),n=e,(r=[{key:"getDefaultTitle",value:function(){return"New Project"}},{key:"toRootVariableCSS",value:function(){var t={};return this.json.rootVariable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rl(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return al(cl(e.prototype),"getDefaultObject",this).call(this,el({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){var t=this.json,n=t.name,r=t.description,o=t.rootVariable;return el({},al(cl(e.prototype),"toCloneObject",this).call(this),{name:n,description:r,rootVariable:o})}},{key:"isAbsolute",get:function(){return!1}},{key:"artboards",get:function(){return this.json.layers||[]}},{key:"html",get:function(){return this.artboards.map(function(t){return t.html}).join("\n\n")}}])&&ol(n.prototype,r),o&&ol(n,o),e}();function ll(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var fl="SELECTION",pl=new(function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.config=new Cr(this),this.selection=new Oo,this.timeline=new xo(this),this.projects=[],this.popupZIndex=1e4,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=fl,this.addType="",this.initTheme()}var e,n,r;return e=t,(n=[{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t="light"===(t=window.localStorage.getItem("easylogic.studio.theme"))?"light":"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:fl;this.mode=t}},{key:"isMode",value:function(t){return this.mode===t}},{key:"isAddMode",value:function(){return this.isMode("ADD")}},{key:"isSelectionMode",value:function(){return this.isMode(fl)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.changeMode("ADD"),this.addType=t}},{key:"changeTheme",value:function(t){t="light"===t?"light":"dark",this.theme=t,window.localStorage.setItem("easylogic.studio.theme",t)}},{key:"getFile",value:function(t){return this.images[t]||t}},{key:"setStore",value:function(t){this.$store=t}},{key:"send",value:function(){this.emit.apply(this,arguments)}},{key:"emit",value:function(){var t;this.$store&&(this.$store.source="EDITOR_ID",(t=this.$store).emit.apply(t,arguments))}},{key:"load",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.projects=t}},{key:"add",value:function(t){return this.projects.push(t),t}},{key:"remove",value:function(t){this.projects.splice(t,1)}},{key:"clear",value:function(){this.projects=[]}},{key:"get",value:function(t){return this.projects[t]}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&ll(e.prototype,n),r&&ll(e,r),t}());function hl(t){return(hl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yl(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function dl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vl(t,e){return!e||"object"!==hl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bl(t){return(bl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gl(t,e){return(gl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ml={x:0,y:0},wl={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},kl=function(t){return new(function(e){function n(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),vl(this,bl(n).apply(this,arguments))}var r,o,i;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gl(t,e)}(n,_r),r=n,(o=[{key:"initialize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.$store=new Nn({modules:[].concat(yl(this.getModuleList()),yl(t))}),pl.setStore(this.$store),this.$container=Ke.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initializeEvent(),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(10)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;pl.config.set("body.move.ms",t),this.funcBodyMoves=k(this.loopBodyMoves.bind(this),pl.config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=pl.config.get("pos"),e=pl.config.get("lastPos")||wl;!(e.x===t.x&&e.y===t.y)&&this.moves.size&&(this.moves.forEach(function(e){var n=t.x-e.xy.x,r=t.y-e.xy.y;0==n&&0==r||e.func.call(e.context,n,r,"move")}),pl.config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=pl.config.get("pos");this.ends.forEach(function(e){e.func.call(e.context,t.x-e.xy.x,t.y-e.xy.y,"end")}),this.moves.clear(),this.ends.clear()}},{key:Pr("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:Pr("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{key:"getModuleList",value:function(){return t.modules||[]}},{key:"getClassName",value:function(){return t.className||"csseditor"}},{key:"getContainer",value:function(){return t.container||document.body}},{key:"template",value:function(){return"<div>".concat(t.template,"</div>")}},{key:"components",value:function(){return t.components||{}}},{key:On("document"),value:function(t){var e=t.xy||ml;pl.config.set("bodyEvent",t),pl.config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:Sn("document")+An(30),value:function(t){pl.config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null}}])&&dl(r.prototype,o),i&&dl(r,i),n}())(t)},Ol={App:v,Color:Ee,HueColor:$e,ColorNames:ne};function Sl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){jl(t,e,n[e])})}return t}function jl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var xl=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$store=e,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex",colorSetsList:[{name:"Material",edit:!0,colors:["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B"]},{name:"Custom",edit:!0,colors:[]},{name:"Color Scale",scale:["red","yellow","black"],count:5}],userList:[],currentColorSets:{}}}},{key:"changeFormat",value:function(t){this.state.format=t,this.$store.emit("changeFormat")}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){V(t=t||"#FF0000")&&(t=Ee.parse(t)),this.state.alpha=E(t.a)?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hex"==this.state.format&&this.state.alpha<1&&(this.state.format="rgb"),"hsl"==t.type?(this.state.hsl=Sl({},this.state.hsl,t),this.state.rgb=Ee.HSLtoRGB(this.state.hsl),this.state.hsv=Ee.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=Sl({},this.state.rgb,t),this.state.hsl=Ee.RGBtoHSL(this.state.rgb),this.state.hsv=Ee.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=Sl({},this.state.rgb,t),this.state.hsl=Ee.RGBtoHSL(this.state.rgb),this.state.hsv=Ee.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=Sl({},this.state.hsv,t),this.state.rgb=Ee.HSVtoRGB(this.state.hsv),this.state.hsl=Ee.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return $e.checkHueColor(this.state.hsv.h/360)}},{key:"toString",value:function(t){t=t||this.state.format;var e=this.state[t]||this.state.rgb;return Ee.format(Sl({},e,{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}},{key:"setUserPalette",value:function(t){this.state.userList=t||[],this.resetUserPalette(),this.setCurrentColorSets()}},{key:"resetUserPalette",value:function(){var t=this;this.state.userList=this.state.userList.map(function(e,n){if(I(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return Sl({name:"color-".concat(n),colors:[]},e)})}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();E(t)?this.state.currentColorSets=e[0]:M(t)?this.state.currentColorSets=e[t]:this.state.currentColorSets=e.filter(function(e){return e.name==t})[0],this.$store.emit("changeCurrentColorSets")}},{key:"getCurrentColorSets",value:function(){return this.state.currentColorSets}},{key:"addCurrentColor",value:function(t){Array.isArray(this.state.currentColorSets.colors)&&(this.state.currentColorSets.colors.push(t),this.$store.emit("changeCurrentColorSets"))}},{key:"setCurrentColorAll",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.state.currentColorSets.colors=t,this.$store.emit("changeCurrentColorSets")}},{key:"removeCurrentColor",value:function(t){this.state.currentColorSets.colors[t]&&(this.state.currentColorSets.colors.splice(t,1),this.$store.emit("changeCurrentColorSets"))}},{key:"removeCurrentColorToTheRight",value:function(t){this.state.currentColorSets.colors[t]&&(this.state.currentColorSets.colors.splice(t,Number.MAX_VALUE),this.$store.emit("changeCurrentColorSets"))}},{key:"clearPalette",value:function(){this.state.currentColorSets.colors&&(this.state.currentColorSets.colors=[],this.$store.emit("changeCurrentColorSets"))}},{key:"getUserList",value:function(){return Array.isArray(this.state.userList)&&this.state.userList.length?this.state.userList:this.state.colorSetsList}},{key:"getCurrentColors",value:function(){return this.getColors(this.state.currentColorSets)}},{key:"getColors",value:function(t){return t.scale?Ee.scale(t.scale,t.count):t.colors||[]}},{key:"getColorSetsList",value:function(){var t=this;return this.getUserList().map(function(e){return{name:e.name,edit:e.edit,colors:t.getColors(e)}})}},{key:"hsv",get:function(){return this.state.hsv}},{key:"rgb",get:function(){return this.state.rgb}},{key:"hsl",get:function(){return this.state.hsl}},{key:"hex",get:function(){return this.state.hex}},{key:"alpha",get:function(){return this.state.alpha}},{key:"format",get:function(){return this.state.format}}])&&Pl(e.prototype,n),r&&Pl(e,r),t}();function _l(t){return(_l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function El(t,e){return!e||"object"!==_l(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cl(t,e,n){return(Cl="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$l(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $l(t){return($l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rl(t,e){return(Rl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),El(this,$l(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rl(t,e)}(e,_r),n=e,(r=[{key:"created",value:function(){this.manager=new xl(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+T(this.opt.hideDeplay,2e3),this.timerCloseColorPicker,this.autoHide=this.opt.autoHide||!0,this.outputFormat=this.opt.outputFormat,this.$checkColorPickerClass=this.checkColorPickerClass.bind(this)}},{key:"initialize",value:function(){var t=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$body=null,this.$root=null,this.$store=new Nn,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=Ke.create(this.getContainer()),this.$root=Ke.create("div","codemirror-colorpicker"),"inline"==this.opt.position&&this.$body.append(this.$root),this.opt.type&&this.$root.addClass(this.opt.type),this.opt.hideInformation&&this.$root.addClass("hide-information"),this.opt.hideColorsets&&this.$root.addClass("hide-colorsets"),this.opt.width&&this.$root.css("width",this.opt.width),this.$arrow=Ke.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color),this.initializeEvent()}},{key:"initColorWithoutChangeEvent",value:function(t){this.manager.initColor(t),this.emit("initColor")}},{key:"show",value:function(t,e,n,r){this.colorpickerShowCallback=n,this.colorpickerHideCallback=r,this.$root.css(this.getInitalizePosition()).show(),this.definePosition(t),this.isColorPickerShow=!0,this.isShortCut=t.isShortCut||!1,this.outputFormat=t.outputFormat,this.hideDelay=+T(t.hideDelay,2e3),this.hideDelay>0&&this.setHideDelay(this.hideDelay),this.$root.appendTo(this.$body),this.initColorWithoutChangeEvent(e)}},{key:"initColor",value:function(t,e){this.manager.changeColor(t,e),this.emit("changeColor")}},{key:"changeColor",value:function(t,e){this.manager.changeColor(t,e)}},{key:"hide",value:function(){this.isColorPickerShow&&(this.$root.hide(),this.$root.remove(),this.isColorPickerShow=!1,this.callbackHideValue())}},{key:"setColorsInPalette",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.manager.setCurrentColorAll(t)}},{key:"setUserPalette",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.manager.setUserPalette(t)}},{key:"getOption",value:function(t){return this.opt[t]}},{key:"setOption",value:function(t,e){this.opt[t]=e}},{key:"getContainer",value:function(){return this.opt.container||document.body}},{key:"getColor",value:function(t){return this.manager.toColor(t)}},{key:"definePositionForArrow",value:function(t,e,n){}},{key:"definePosition",value:function(t){var e=this.$root.width(),n=this.$root.height(),r=t.left-this.$body.scrollLeft();e+r>window.innerWidth&&(r-=e+r-window.innerWidth),r<0&&(r=0);var o=t.top-this.$body.scrollTop();n+o>window.innerHeight&&(o-=n+o-window.innerHeight),o<0&&(o=0),this.$root.css({left:He.px(r),top:He.px(o)})}},{key:"getInitalizePosition",value:function(){return"inline"==this.opt.position?{position:"relative",left:"auto",top:"auto",display:"inline-block"}:{position:"absolute"==this.opt.position?"absolute":"fixed",left:He.px(-1e4),top:He.px(-1e4)}}},{key:"setHideDelay",value:function(t){var e=this;t=t||0;var n=this.hide.bind(this);this.$root.off("mouseenter"),this.$root.off("mouseleave"),this.$root.on("mouseenter",function(){clearTimeout(e.timerCloseColorPicker)}),this.$root.on("mouseleave",function(){clearTimeout(e.timerCloseColorPicker),e.timerCloseColorPicker=setTimeout(n,t)}),clearTimeout(this.timerCloseColorPicker)}},{key:"callbackChangeValue",value:function(t){t=t||this.getCurrentColor(),I(this.opt.onChange)&&this.opt.onChange.call(this,t),I(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),I(this.opt.onHide)&&this.opt.onHide.call(this,t),I(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=Ke.create(t),n=e.closest("codemirror-colorview"),r=e.closest("codemirror-colorpicker"),o=e.closest("CodeMirror");t.nodeName;return!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){Cl($l(e.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){Cl($l(e.prototype),"destroy",this).call(this),this.$store.off("changeColor",this.callbackChange),this.$store.off("changeFormat",this.callbackChange),this.callbackChange=void 0,this.colorpickerShowCallback=void 0,this.colorpickerHideCallback=void 0}},{key:an("document"),value:function(t){this.checkInHtml(t.target)||0==this.checkColorPickerClass(t.target)&&this.hide()}},{key:"hsv",get:function(){return this.manager.hsv}},{key:"rgb",get:function(){return this.manager.rgb}},{key:"hsl",get:function(){return this.manager.hsl}},{key:"hex",get:function(){return this.manager.hex}},{key:"alpha",get:function(){return this.manager.alpha}},{key:"format",get:function(){return this.manager.format}}])&&Tl(n.prototype,r),o&&Tl(n,o),e}();function Al(t){return(Al="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Dl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Il(t,e){return!e||"object"!==Al(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ml(t){return(Ml=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ll(t,e){return(Ll=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Il(this,Ml(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ll(t,e)}(e,_r),n=e,(r=[{key:"refresh",value:function(){}},{key:"refreshColorUI",value:function(t){}},{key:"changeColor",value:function(t){this.parent.changeColor(t||{}),this.emit("changeColor")}},{key:Sn("document"),value:function(t){this.onDragEnd(t)}},{key:On("document"),value:function(t){this.onDragMove(t)}},{key:kn("$bar"),value:function(t){this.isDown=!0}},{key:kn("$container"),value:function(t){this.isDown=!0,this.onDragStart(t)}},{key:"onDragStart",value:function(t){this.isDown=!0,this.refreshColorUI(t)}},{key:"onDragMove",value:function(t){this.isDown&&this.refreshColorUI(t)}},{key:"onDragEnd",value:function(t){this.isDown=!1}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}}])&&Dl(n.prototype,r),o&&Dl(n,o),e}();function zl(t){return(zl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gl(t,e){return!e||"object"!==zl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hl(t){return(Hl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Xl(t,e){return(Xl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gl(this,Hl(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xl(t,e)}(e,Bl),n=e,(r=[{key:"initState",value:function(){return{minValue:0,maxValue:1,maxDist:null,minPosition:null}}},{key:"getMinMaxPosition",value:function(){var t=this.getMinPosition(),e=this.getMaxDist();return{min:t,max:t+e,width:e}}},{key:"getCurrent",value:function(t){return min+this.getMaxDist()*t}},{key:"getMinPosition",value:function(){return this.state.minPosition||(this.state.minPosition=this.refs.$container.offset().left),this.state.minPosition}},{key:"getMaxDist",value:function(){return this.state.maxDist||(this.state.maxDist=this.refs.$container.width()),this.state.maxDist}},{key:"getDist",value:function(t){var e=this.getMinMaxPosition(),n=e.min,r=e.max;return t<n?0:t>r?100:(t-n)/(r-n)*100}},{key:"getCalculatedDist",value:function(t){var e=t?this.getMousePosition(t):this.getCurrent(this.getDefaultValue()/this.state.maxValue);return this.getDist(e)}},{key:"getDefaultValue",value:function(){return 0}},{key:"setMousePosition",value:function(t){this.refs.$bar.css({left:He.px(t)})}},{key:"getMousePosition",value:function(t){return Hn.pos(t).pageX}},{key:"refresh",value:function(){this.setColorUI()}},{key:"setColorUI",value:function(t){(t=t||this.getDefaultValue())<=this.state.minValue?this.refs.$bar.addClass("first").removeClass("last"):t>=this.maxValue?this.refs.$bar.addClass("last").removeClass("first"):this.refs.$bar.removeClass("last").removeClass("first"),this.setMousePosition(this.getMaxDist()*((t||0)/this.state.maxValue))}}])&&Fl(n.prototype,r),o&&Fl(n,o),e}();function Nl(t){return(Nl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wl(t,e){return!e||"object"!==Nl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ul(t){return(Ul=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zl(t,e){return(Zl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ql=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wl(this,Ul(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zl(t,e)}(e,Yl),n=e,(r=[{key:"template",value:function(){return'\n            <div class="value">\n                <div ref="$container" class="value-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:Gn("$container"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:"getDefaultValue",value:function(){return this.parent.hsv.v}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({type:"hsv",v:e/100*this.state.maxValue})}}])&&Kl(n.prototype,r),o&&Kl(n,o),e}();function Jl(t){return(Jl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ql(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ef(t,e){return!e||"object"!==Jl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nf(t,e,n){return(nf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=rf(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function rf(t){return(rf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function of(t,e){return(of=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var af=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ef(this,rf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&of(t,e)}(e,Yl),n=e,(r=[{key:"template",value:function(){return'\n        <div class="opacity">\n            <div ref="$container" class="opacity-container">\n                <div ref="$colorbar" class="color-bar"></div>\n                <div ref="$bar" class="drag-bar2"></div>\n            </div>\n        </div>\n        '}},{key:"refresh",value:function(){nf(rf(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ql(t,e,n[e])})}return t}({},this.parent.rgb);t.a=0;var e=Ee.format(t,"rgb");t.a=1;var n=Ee.format(t,"rgb");this.refs.$colorbar.css("background","linear-gradient(to right, "+e+", "+n+")")}},{key:"getDefaultValue",value:function(){return this.parent.alpha}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({a:Math.floor(e)/100*this.state.maxValue})}}])&&tf(n.prototype,r),o&&tf(n,o),e}();function cf(t){return(cf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sf(t,e){return!e||"object"!==cf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lf(t){return(lf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ff(t,e){return(ff=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sf(this,lf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ff(t,e)}(e,_r),n=e,(r=[{key:"templateClass",value:function(){return"color"}},{key:Gn("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}}])&&uf(n.prototype,r),o&&uf(n,o),e}();function hf(t){return(hf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yf(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function df(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vf(t,e){return!e||"object"!==hf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bf(t,e,n){return(bf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=gf(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function gf(t){return(gf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mf(t,e){return(mf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vf(this,gf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mf(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){bf(gf(e.prototype),"initialize",this).call(this),this.width=214,this.height=214,this.thinkness=0,this.half_thinkness=0}},{key:"template",value:function(){return'\n        <div class="wheel">\n            <canvas class="wheel-canvas" ref="$colorwheel" ></canvas>\n            <div class="wheel-canvas" ref="$valuewheel" ></div>\n            <div class="drag-pointer" ref="$drag_pointer"></div>\n        </div>\n        '}},{key:"refresh",value:function(t){this.setColorUI(t)}},{key:"setColorUI",value:function(t){this.renderCanvas(),this.renderValue(),this.setHueColor(null,t)}},{key:"renderValue",value:function(){var t=1-this.parent.hsv.v;this.refs.$valuewheel.css("background-color","rgba(0, 0, 0, ".concat(t,")"))}},{key:"renderWheel",value:function(t,e){this.width&&!t&&(t=this.width),this.height&&!e&&(e=this.height);var n=Ke.create("canvas"),r=n.el.getContext("2d");n.el.width=t,n.el.height=e,n.px("width",t),n.px("height",e);for(var o=r.getImageData(0,0,t,e),i=o.data,a=Math.floor(t/2),c=Math.floor(e/2),u=t>e?c:a,s=a,l=c,f=0;f<e;f++)for(var p=0;p<t;p++){var h=p-s+1,y=f-l+1,d=h*h+y*y,v=yt(h,y),b=Ee.HSVtoRGB(v,Math.min(Math.sqrt(d)/u,1),1),g=4*(f*t+p);i[g]=b.r,i[g+1]=b.g,i[g+2]=b.b,i[g+3]=255}return r.putImageData(o,0,0),this.thinkness>0&&(r.globalCompositeOperation="destination-out",r.fillStyle="black",r.beginPath(),r.arc(s,l,u-this.thinkness,0,2*Math.PI),r.closePath(),r.fill()),n}},{key:"renderCanvas",value:function(){if(!this.parent.createdWheelCanvas){var t=this.refs.$colorwheel,e=t.el.getContext("2d"),n=yf(t.size(),2),r=n[0],o=n[1];this.width&&!r&&(r=this.width),this.height&&!o&&(o=this.height),t.el.width=r,t.el.height=o,t.px("width",r),t.px("height",o);var i=this.renderWheel(r,o);e.drawImage(i.el,0,0),this.parent.createdWheelCanvas=!0}}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"getDefaultSaturation",value:function(){return this.parent.hsv.s}},{key:"getCurrentXY",value:function(t,e,n,r,o){return t?t.xy:pt(e,n,r,o)}},{key:"getRectangle",value:function(){var t=this.$el.width(),e=this.$el.height(),n=this.refs.$colorwheel.width()/2,r=this.$el.offsetLeft(),o=r+t/2,i=this.$el.offsetTop();return{minX:r,minY:i,width:t,height:e,radius:n,centerX:o,centerY:i+e/2}}},{key:"setHueColor",value:function(t,e){var n=this.getRectangle(),r=n.minX,o=n.minY,i=n.radius,a=n.centerX,c=n.centerY,u=this.getCurrentXY(t,this.getDefaultValue(),this.getDefaultSaturation()*i,a,c),s=(y=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=yt(s,l);if(f>i*i)var h=this.getCurrentXY(null,p,i,a,c),y=h.x,d=h.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",y-r),this.refs.$drag_pointer.px("top",d-o),e||this.changeColor({type:"hsv",h:p,s:v})}},{key:"changeColor",value:function(t){this.parent.manager.changeColor(t||{})}},{key:Pr("changeColor"),value:function(){this.refresh(!0)}},{key:Pr("initColor"),value:function(){this.refresh(!0)}},{key:Sn("document"),value:function(t){this.isDown=!1}},{key:On("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:kn("$drag_pointer"),value:function(t){this.isDown=!0}},{key:kn(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&df(n.prototype,r),o&&df(n,o),e}();function kf(t){return(kf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Of(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sf(t,e){return!e||"object"!==kf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jf(t){return(jf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pf(t,e){return(Pf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sf(this,jf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"setCurrentFormat",value:function(t){this.format=t,this.initFormat()}},{key:"initFormat",value:function(){var t=this,e=this.format||"hex";["hex","rgb","hsl"].filter(function(t){return t!==e}).forEach(function(e){t.$el.removeClass(e)}),this.$el.addClass(e)}},{key:"nextFormat",value:function(){var t=this.format||"hex",e="hex";"hex"==t?e="rgb":"rgb"==t?e="hsl":"hsl"==t&&(e=1==this.parent.alpha?"hex":"rgb"),this.format=e,this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"goToFormat",value:function(t){this.format=t,"rgb"!==t&&"hsl"!==t||this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.changeColor({type:"rgb",r:this.refs.$rgb_r.int(),g:this.refs.$rgb_g.int(),b:this.refs.$rgb_b.int(),a:this.refs.$rgb_a.float()})}},{key:"changeHslColor",value:function(){this.parent.changeColor({type:"hsl",h:this.refs.$hsl_h.int(),s:this.refs.$hsl_s.int(),l:this.refs.$hsl_l.int(),a:this.refs.$hsl_a.float()})}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}},{key:yn("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:yn("$hsl_h"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_s"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_l"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_a"),value:function(t){this.changeHslColor()}},{key:un("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:rn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:rn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:rn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:rn("$el .information-item.hsl .input-field .title"),value:function(t){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.parent.rgb.r),this.refs.$rgb_g.val(this.parent.rgb.g),this.refs.$rgb_b.val(this.parent.rgb.b),this.refs.$rgb_a.val(this.parent.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.parent.hsl.h),this.refs.$hsl_s.val(this.parent.hsl.s),this.refs.$hsl_l.val(this.parent.hsl.l),this.refs.$hsl_a.val(this.parent.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.parent.manager.toString("hex"))}},{key:"refresh",value:function(){this.setCurrentFormat(this.parent.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}}])&&Of(n.prototype,r),o&&Of(n,o),e}();function _f(t){return(_f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ef(t,e){return!e||"object"!==_f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cf(t,e,n){return(Cf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$f(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $f(t){return($f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rf(t,e){return(Rf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ef(this,$f(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'<div class="color-chooser">\n            <div class="color-chooser-container">\n                <div class="colorsets-item colorsets-item-header">\n                    <h1 class="title">Color Palettes</h1>\n                    <span ref="$toggleButton" class="items">&times;</span>\n                </div>\n                <div ref="$colorsetsList" class="colorsets-list"></div>\n            </div>\n        </div>'}},{key:Pr("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Pr("toggleColorChooser"),value:function(){this.toggle()}},{key:zn("$colorsetsList"),value:function(){var t=this.parent.manager.getColorSetsList();return"\n            <div>\n                ".concat(t.map(function(t,e){return'\n                        <div class="colorsets-item" data-colorsets-index="'.concat(e,'" >\n                            <h1 class="title">').concat(t.name,'</h1>\n                            <div class="items">\n                                <div>\n                                    ').concat(t.colors.filter(function(t,e){return e<5}).map(function(t){return'<div class="color-item" title="'.concat(t=t||"rgba(255, 255, 255, 1)",'">\n                                                <div class="color-view" style="background-color: ').concat(t,'"></div>\n                                            </div>')}).join(""),"\n                                </div>\n                            </div>\n                        </div>")}).join(""),"\n            </div>\n        ")}},{key:"show",value:function(){this.$el.addClass("open")}},{key:"hide",value:function(){this.$el.removeClass("open")}},{key:"toggle",value:function(){this.$el.toggleClass("open")}},{key:rn("$toggleButton"),value:function(t){this.toggle()}},{key:rn("$colorsetsList .colorsets-item"),value:function(t,e){if(e){var n=parseInt(e.attr("data-colorsets-index"));this.parent.manager.setCurrentColorSets(n),this.hide()}}},{key:"destroy",value:function(){Cf($f(e.prototype),"destroy",this).call(this),this.hide()}}])&&Tf(n.prototype,r),o&&Tf(n,o),e}();function Af(t){return(Af="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Df(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function If(t,e){return!e||"object"!==Af(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mf(t){return(Mf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Lf(t,e){return(Lf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),If(this,Mf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n            <div class="colorsets">\n                <div class="menu" title="Open Color Palettes">\n                    <button ref="$colorSetsChooseButton" type="button" class="color-sets-choose-btn arrow-button"></button>\n                </div>\n                <div ref="$colorSetsColorList" class="color-list"></div>\n            </div>\n        '}},{key:zn("$colorSetsColorList"),value:function(){var t=this.parent.manager.getCurrentColorSets(),e=this.parent.manager.getCurrentColors();return'<div class="current-color-sets">\n            '.concat(e.map(function(t,e){return'<div class="color-item" title="'.concat(t,'" data-index="').concat(e,'" data-color="').concat(t,'">\n                    <div class="empty"></div>\n                    <div class="color-view" style="background-color: ').concat(t,'"></div>\n                </div>')}).join(""),"   \n            ").concat(t.edit?'<div class="add-color-item">+</div>':"","         \n            </div>")}},{key:"addColor",value:function(t){this.parent.manager.addCurrentColor(t),this.refresh()}},{key:Pr("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Pr("initColor"),value:function(){this.refresh()}},{key:rn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:pn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=Ke.create(t.target).closest("color-item");if(e){var n=parseInt(e.attr("data-index"));this.emit("showContextMenu",t,n)}else this.emit("showContextMenu",t)}}},{key:rn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:rn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&Df(n.prototype,r),o&&Df(n,o),e}();function zf(t){return(zf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ff(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gf(t,e){return!e||"object"!==zf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hf(t){return(Hf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Xf(t,e){return(Xf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gf(this,Hf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n            <ul class="colorsets-contextmenu">\n                <li class="menu-item small-hide" data-type="remove-color">Remove color</li>\n                <li class="menu-item small-hide" data-type="remove-all-to-the-right">Remove all to the right</li>\n                <li class="menu-item" data-type="clear-palette">Clear palette</li>\n            </ul>\n        '}},{key:"show",value:function(t,e){var n=Hn.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,E(this.selectedColorIndex)?this.$el.addClass("small"):this.$el.removeClass("small")}},{key:"hide",value:function(){this.$el.removeClass("show")}},{key:"runCommand",value:function(t){switch(t){case"remove-color":this.parent.manager.removeCurrentColor(this.selectedColorIndex);break;case"remove-all-to-the-right":this.parent.manager.removeCurrentColorToTheRight(this.selectedColorIndex);break;case"clear-palette":this.parent.manager.clearPalette()}}},{key:Pr("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:rn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&Ff(n.prototype,r),o&&Ff(n,o),e}();function Nf(t){return(Nf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wf(t,e){return!e||"object"!==Nf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uf(t){return(Uf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zf(t,e){return(Zf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wf(this,Uf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zf(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n            <div class=\'colorpicker-body\'>\n                <ColorWheel />\n                <div class="control">\n                    <Value />\n                    <Opacity />\n                    <div class="empty"></div>\n                    <ColorView />\n                </div>\n                <Information />\n                <CurrentColorSets />\n                <ColorSetsChooser >\n                <ContextMenu />\n            </div> \n        '}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorWheel:wf,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&Kf(n.prototype,r),o&&Kf(n,o),e}();function Jf(t){return(Jf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tp(t,e){return!e||"object"!==Jf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ep(t){return(ep=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function np(t,e){return(np=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tp(this,ep(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&np(t,e)}(e,Yl),n=e,(r=[{key:"initState",value:function(){return{minValue:0,maxValue:360}}},{key:"template",value:function(){return'\n            <div class="hue">\n                <div ref="$container" class="hue-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({h:e/100*this.state.maxValue,type:"hsv"})}}])&&Qf(n.prototype,r),o&&Qf(n,o),e}();function op(t){return(op="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ip(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ap(t,e){return!e||"object"!==op(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cp(t){return(cp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function up(t,e){return(up=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ap(this,cp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&up(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <div class="color-panel">\n            <div ref="$saturation" class="saturation">\n                <div ref="$value" class="value">\n                    <div ref="$drag_pointer" class="drag-pointer"></div>\n                </div>\n            </div>        \n        </div>        \n        '}},{key:"setBackgroundColor",value:function(t){this.$el.css("background-color",t)}},{key:"refresh",value:function(){this.setColorUI()}},{key:"calculateSV",value:function(){var t=this.drag_pointer_pos||{x:0,y:0},e=this.$el.width(),n=this.$el.height(),r=t.x/e,o=(n-t.y)/n;this.parent.initColor({type:"hsv",s:r,v:o})}},{key:"setColorUI",value:function(){var t=this.$el.width()*this.parent.hsv.s,e=this.$el.height()*(1-this.parent.hsv.v);this.refs.$drag_pointer.px("left",t),this.refs.$drag_pointer.px("top",e),this.drag_pointer_pos={x:t,y:e},this.setBackgroundColor(this.parent.manager.getHueColor())}},{key:"setMainColor",value:function(t){var e=this.$el.offset(),n=this.$el.contentWidth(),r=this.$el.contentHeight(),o=Hn.pos(t).pageX-e.left,i=Hn.pos(t).pageY-e.top;o<0?o=0:o>n&&(o=n),i<0?i=0:i>r&&(i=r),this.refs.$drag_pointer.px("left",o),this.refs.$drag_pointer.px("top",i),this.drag_pointer_pos={x:o,y:i},this.calculateSV()}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}},{key:Sn("document"),value:function(t){this.isDown=!1}},{key:On("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:kn(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Sn(),value:function(t){this.isDown=!1}}])&&ip(n.prototype,r),o&&ip(n,o),e}();function lp(t){return(lp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pp(t,e){return!e||"object"!==lp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hp(t){return(hp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yp(t,e){return(yp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pp(this,hp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n      <div class=\'colorpicker-body\'>\n        <Palette />\n        <div class="control">\n            <Hue />\n            <Opacity />\n            <div class="empty"></div>\n            <ColorView />\n        </div>\n        <Information />\n        <CurrentColorSets />\n        <ColorSetsChooser />\n        <ContextMenu />\n      </div>\n    '}},{key:"components",value:function(){return{Hue:rp,Opacity:af,ColorView:pf,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&fp(n.prototype,r),o&&fp(n,o),e}();function vp(t){return(vp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gp(t,e){return!e||"object"!==vp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mp(t){return(mp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wp(t,e){return(wp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gp(this,mp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <Palette />\n                <div class=\"control\">\n                    <Hue />\n                    <Opacity />\n                </div>\n            </div>\n        "}},{key:"components",value:function(){return{Hue:rp,Opacity:af,Palette:sp}}}])&&bp(n.prototype,r),o&&bp(n,o),e}();function Op(t){return(Op="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jp(t,e){return!e||"object"!==Op(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pp(t){return(Pp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xp(t,e){return(xp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _p=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jp(this,Pp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xp(t,e)}(e,Yl),n=e,(r=[{key:"getMaxDist",value:function(){return this.refs.$container.height()}},{key:"setMousePosition",value:function(t){this.refs.$bar.px("top",t)}},{key:"getMousePosition",value:function(t){return Hn.pos(t).pageY}},{key:"getMinPosition",value:function(){return this.refs.$container.offset().top}},{key:"getCalculatedDist",value:function(t){var e=t?this.getMousePosition(t):this.getCurrent(this.getDefaultValue()/this.state.maxValue);return 100-this.getDist(e)}},{key:"setColorUI",value:function(t){(t=t||this.getDefaultValue())<=this.minValue?this.refs.$bar.addClass("first").removeClass("last"):t>=this.maxValue?this.refs.$bar.addClass("last").removeClass("first"):this.refs.$bar.removeClass("last").removeClass("first");var e=1-(t||0)/this.state.maxValue;this.setMousePosition(this.getMaxDist()*e)}}])&&Sp(n.prototype,r),o&&Sp(n,o),e}();function Tp(t){return(Tp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ep(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cp(t,e){return!e||"object"!==Tp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $p(t,e,n){return($p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Rp(t){return(Rp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vp(t,e){return(Vp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ap=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Cp(this,Rp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vp(t,e)}(e,_p),n=e,(r=[{key:"initialize",value:function(){$p(Rp(e.prototype),"initialize",this).call(this),this.minValue=0,this.maxValue=360}},{key:"template",value:function(){return'\n            <div class="hue">\n                <div ref="$container" class="hue-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.maxValue),this.changeColor({h:e/100*this.maxValue,type:"hsv"})}}])&&Ep(n.prototype,r),o&&Ep(n,o),e}();function Dp(t){return(Dp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ip(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Mp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lp(t,e){return!e||"object"!==Dp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bp(t,e,n){return(Bp="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zp(t){return(zp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fp(t,e){return(Fp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Lp(this,zp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fp(t,e)}(e,_p),n=e,(r=[{key:"template",value:function(){return'\n        <div class="opacity">\n            <div ref="$container" class="opacity-container">\n                <div ref="$colorbar" class="color-bar"></div>\n                <div ref="$bar" class="drag-bar2"></div>\n            </div>\n        </div>\n        '}},{key:"refresh",value:function(){Bp(zp(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ip(t,e,n[e])})}return t}({},this.parent.rgb);t.a=0;var e=Ee.format(t,"rgb");t.a=1;var n=Ee.format(t,"rgb");this.refs.$colorbar.css("background","linear-gradient(to top, "+e+", "+n+")")}},{key:"getDefaultValue",value:function(){return this.parent.alpha}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.maxValue),this.changeColor({a:Math.floor(e)/100*this.maxValue})}}])&&Mp(n.prototype,r),o&&Mp(n,o),e}();function Hp(t){return(Hp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yp(t,e){return!e||"object"!==Hp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Np(t){return(Np=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kp(t,e){return(Kp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Wp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yp(this,Np(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <Palette /><div class=\"control\"><Hue /><Opacity /></div>\n            </div>\n        "}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp}}}])&&Xp(n.prototype,r),o&&Xp(n,o),e}();function Up(t){return(Up="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qp(t,e){return!e||"object"!==Up(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jp(t,e,n){return(Jp="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qp(t){return(Qp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function th(t,e){return(th=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qp(this,Qp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&th(t,e)}(e,wf),n=e,(r=[{key:"initialize",value:function(){Jp(Qp(e.prototype),"initialize",this).call(this),this.width=214,this.height=214,this.thinkness=16,this.half_thinkness=this.thinkness/2}},{key:"template",value:function(){return'<div class="wheel" data-type="ring">\n            <canvas class="wheel-canvas" ref="$colorwheel" ></canvas>\n            <div class="drag-pointer" ref="$drag_pointer"></div>\n        </div>'}},{key:"setColorUI",value:function(t){this.renderCanvas(),this.setHueColor(null,t)}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"setHueColor",value:function(t,e){var n=this.getRectangle(),r=n.minX,o=n.minY,i=n.radius,a=n.centerX,c=n.centerY,u=this.getCurrentXY(t,this.getDefaultValue(),i,a,c),s=yt((f=u.x)-a,(p=u.y)-c),l=this.getCurrentXY(null,s,i-this.half_thinkness,a,c),f=l.x,p=l.y;this.refs.$drag_pointer.px("left",f-r),this.refs.$drag_pointer.px("top",p-o),e||this.changeColor({type:"hsv",h:s})}}])&&Zp(n.prototype,r),o&&Zp(n,o),e}();function nh(t){return(nh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oh(t,e){return!e||"object"!==nh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ih(t){return(ih=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ah(t,e){return(ah=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ch=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oh(this,ih(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ah(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n            <div class=\'colorpicker-body\'>\n                <ColorRing />\n                <Palette />\n                <div class="control">\n                    <Value />\n                    <Opacity />\n                    <div class="empty"></div>\n                    <ColorView />\n                </div>\n                <Information />\n                <CurrentColorSets />\n                <ColorSetsChooser />\n                <ContextMenu />\n            </div>\n        '}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorRing:eh,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&rh(n.prototype,r),o&&rh(n,o),e}();function uh(t){return(uh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lh(t,e){return!e||"object"!==uh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fh(t){return(fh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ph(t,e){return(ph=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lh(this,fh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ph(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <palette />\n                <div class=\"control\">\n                    <Hue />\n                    <Opacity />\n                </div>\n                <information />\n                <currentColorSets />\n                <colorSetsChooser />\n                <contextMenu />\n            </div>\n        "}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&sh(n.prototype,r),o&&sh(n,o),e}();function yh(t){return(yh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vh(t,e){return!e||"object"!==yh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bh(t){return(bh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gh(t,e){return(gh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vh(this,bh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gh(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <div class='color-tab' ref=\"$tab\">\n                    <div class='color-tab-header' ref=\"$tabHeader\">\n                        <div class='color-tab-item active' item-id=\"color\"><span >".concat(this.opt.tabTitle,'</span> Color</div>\n                        <div class=\'color-tab-item\' item-id="swatch">Swatch</div>\n                        <div class=\'color-tab-item\' item-id="colorset">Color Set</div>\n                    </div>\n                    <div class=\'color-tab-body\' ref="$tabBody">\n                        <div class=\'color-tab-content active\'  item-id="color">\n                            <ColorRing />\n                            <Palette />\n                            <div class="control">\n                                <Value />\n                                <Opacity />\n                                <div class="empty"></div>\n                                <ColorView />\n                            </div>\n                            <Information />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="swatch">\n                            <CurrentColorSets />\n                            <ContextMenu />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="colorset">\n                            <ColorSetsChooser />\n                        </div>                        \n                    </div>\n            </div>\n        ')}},{key:rn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorRing:eh,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&dh(n.prototype,r),o&&dh(n,o),e}();function wh(t){return(wh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Oh(t,e){return!e||"object"!==wh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Sh(t){return(Sh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jh(t,e){return(jh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ph,xh,_h,Th,Eh,Ch,$h=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Oh(this,Sh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jh(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <div class='color-tab xd' ref=\"$tab\">\n                    <div class='color-tab-header' ref=\"$tabHeader\">\n                        <div class='color-tab-item active' item-id=\"color\"><span >".concat(this.opt.tabTitle,'</span> Color</div>\n                        <div class=\'color-tab-item\' item-id="swatch">Swatch</div>\n                        <div class=\'color-tab-item\' item-id="colorset">Color Set</div>\n                    </div>\n                    <div class=\'color-tab-body\' ref="$tabBody">\n                        <div class=\'color-tab-content active\'  item-id="color">\n                            <palette />\n                            <div class="control">\n                                <Hue />\n                                <Opacity />\n                            </div>\n                            <information />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="swatch">\n                            <CurrentColorSets />\n                            <ContextMenu />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="colorset">\n                            <ColorSetsChooser />\n                        </div>                        \n                    </div>\n\n            </div>\n        ')}},{key:rn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&kh(n.prototype,r),o&&kh(n,o),e}(),Rh={create:function(t){switch(t.type){case"macos":return new qf(t);case"xd":return new hh(t);case"xd-tab":return new $h(t);case"ring":return new ch(t);case"ring-tab":return new mh(t);case"mini":return new kp(t);case"mini-vertical":return new Wp(t);case"sketch":case"palette":default:return new dp(t)}},ColorPicker:dp,ChromeDevToolColorPicker:dp,MacOSColorPicker:qf,RingColorPicker:ch,MiniColorPicker:kp,MiniVerticalColorPicker:Wp,XDColorPicker:hh};function Vh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ah(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Dh=Ah({},"move",!0),Ih=(Ah(Ph={},"to right",!0),Ah(Ph,"to top right",!0),Ah(Ph,"to bottom right",!0),Ph),Mh=(Ah(xh={},"to left",!0),Ah(xh,"to top left",!0),Ah(xh,"to bottom left",!0),xh),Lh=(Ah(_h={},"to top",!0),Ah(_h,"to top right",!0),Ah(_h,"to top left",!0),_h),Bh=(Ah(Th={},"to bottom",!0),Ah(Th,"to bottom left",!0),Ah(Th,"to bottom right",!0),Th),zh=(Ah(Eh={},"to right",2),Ah(Eh,"to top right",2),Ah(Eh,"to bottom right",2),Ah(Eh,"to left",0),Ah(Eh,"to top left",0),Ah(Eh,"to bottom left",0),Eh),Fh=(Ah(Ch={},"to bottom",2),Ah(Ch,"to bottom left",2),Ah(Ch,"to bottom right",2),Ah(Ch,"to top",0),Ah(Ch,"to top left",0),Ah(Ch,"to top right",0),Ch),Gh=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"isMove",value:function(t){return Dh[t]}},{key:"isTop",value:function(t){return Lh[t]}},{key:"isRight",value:function(t){return Ih[t]}},{key:"isBottom",value:function(t){return Bh[t]}},{key:"isLeft",value:function(t){return Mh[t]}},{key:"getXDirection",value:function(t){return zh[t]}},{key:"getYDirection",value:function(t){return Fh[t]}}],(n=null)&&Vh(e.prototype,n),r&&Vh(e,r),t}();function Hh(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Xh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}Gh.MOVE="move",Gh.RIGHT="to right",Gh.TOP_RIGHT="to top right",Gh.BOTTOM_RIGHT="to bottom right",Gh.LEFT="to left",Gh.TOP_LEFT="to top left",Gh.BOTTOM_LEFT="to bottom left",Gh.TOP="to top",Gh.BOTTOM="to bottom",Gh.LIST=[Gh.MOVE,Gh.RIGHT,Gh.TOP_RIGHT,Gh.BOTTOM_RIGHT,Gh.LEFT,Gh.TOP_LEFT,Gh.BOTTOM_LEFT,Gh.TOP,Gh.BOTTOM];var Yh=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return He.px(t).round(e)},Nh=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=pl.selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.cachedExtraItems=e.allLayers.filter(function(t){return!pl.selection.check(t)}),this.rect=pl.selection.allRect?pl.selection.allRect.clone():null),this.cachedPosition={},pl.selection.items.map(function(e){t.cachedPosition[e.id]={x:t.setupX(e),y:t.setupY(e)}}),this.rect}},{key:"move",value:function(t,e,n){var r=pl.selection.allRect;this.pointerType=t,"move"===t?this.rect.move(Yh(r.x.value+e),Yh(r.y.value+n)):(Gh.isRight(t)?this.rect.resizeWidth(Yh(r.width.value+e)):Gh.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(Yh(r.x.value+e)),this.rect.resizeWidth(Yh(r.width.value-e))),Gh.isBottom(t)?this.rect.resizeHeight(Yh(r.height.value+n)):Gh.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(Yh(r.y.value+n)),this.rect.resizeHeight(Yh(r.height.value-n))))}},{key:"recover",value:function(t){if(this.rect){var e=this.cachedPosition[t.id].x,n=e.xDistRate,r=e.x2DistRate,o=this.cachedPosition[t.id].y,i=o.yDistRate,a=o.y2DistRate,c=this.rect.screenX.value,u=this.rect.screenX2.value,s=this.rect.screenY.value,l=this.rect.screenY2.value,f=u-c,p=f*n,h=f*r,y=l-s,d=y*i,v=y*a;this.setX(t,c,u,p,h),this.setY(t,s,l,d,v)}}},{key:"setY",value:function(t,e,n,r,o){var i=Math.round(r),a=Math.round(o)-i;t.setScreenY(i+e),t.height.set(a)}},{key:"setX",value:function(t,e,n,r,o){var i=Math.round(r),a=Math.round(o)-i;t.setScreenX(i+e),t.width.set(a)}},{key:"setupX",value:function(t){var e=pl.selection.allRect,n=e.screenX.value,r=e.screenX2.value-n;return 0===r?{xDistRate:0,x2DistRate:1}:{xDistRate:(t.screenX.value-n)/r,x2DistRate:(t.screenX2.value-n)/r}}},{key:"setupY",value:function(t){var e=pl.selection.allRect,n=e.screenY.value,r=e.screenY2.value-n;return 0===r?{yDistRate:0,y2DistRate:1}:{yDistRate:(t.screenY.value-n)/r,y2DistRate:(t.screenY2.value-n)/r}}},{key:"compareX",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,r=[t.screenX.value,t.centerX.value,t.screenX2.value],o=[e.screenX.value,e.centerX.value,e.screenX2.value],i=[];if(r.forEach(function(r,a){o.forEach(function(o,c){Math.abs(r-o)<=n&&i.push({A:t,B:e,source:a,target:c,ax:r,bx:o})})}),i.length){var a=Gh.getXDirection(this.pointerType),c=i.filter(function(t){return t.source==a});return c.length?c:[i[0]]}return i}},{key:"compareY",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,r=[t.screenY.value,t.centerY.value,t.screenY2.value],o=[e.screenY.value,e.centerY.value,e.screenY2.value],i=[];if(r.forEach(function(r,a){o.forEach(function(o,c){Math.abs(r-o)<=n&&i.push({A:t,B:e,source:a,target:c,ay:r,by:o})})}),i.length){var a=Gh.getYDirection(this.pointerType),c=i.filter(function(t){return t.source==a});return c.length?c:[i[0]]}return i}},{key:"compare",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3;return{x:this.compareX(t,e,n),y:this.compareY(t,e,n)}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3,n=this.cachedExtraItems,r=[],o=[];return n.forEach(function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,Hh(i.x)),o.push.apply(o,Hh(i.y))}),[r[0],o[0]].filter(function(t){return C(t)})}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3,n=this.getLayers(e);return Gh.isMove(this.pointerType)?n.forEach(function(e){return t.moveSnap(e)}):n.forEach(function(e){return t.sizeSnap(e)}),n}},{key:"sizeSnap",value:function(t){var e,n,r,o;if(C(t.ax))switch(t.source){case 2:e=this.rect.screenX.value,n=t.bx-e,this.rect.width.set(n);break;case 0:e=t.bx,n=this.rect.screenX2.value-e,this.rect.x.set(e),this.rect.width.set(n)}else switch(t.source){case 2:r=this.rect.screenY.value,o=t.by-r,this.rect.y.set(r),this.rect.height.set(o);break;case 0:r=t.by,o=this.rect.screenY2.value-r,this.rect.y.set(r),this.rect.height.set(o)}}},{key:"moveSnap",value:function(t){if(C(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(C(t.ay)){var r=Math.round(this.rect.height.value/2*t.source),o=t.by-r;this.rect.y.set(o)}}},{key:"recoverAll",value:function(){var t=this;pl.selection.items.forEach(function(e){t.recover(e),e.recover()})}}])&&Xh(e.prototype,n),r&&Xh(e,r),t}();function Kh(t){return(Kh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wh(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Uh(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Zh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qh(t,e){return!e||"object"!==Kh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jh(t,e,n){return(Jh="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qh(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qh(t){return(Qh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ty(t,e){return(ty=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ey={top:"50% 0%",right:"100% 50%",left:"0% 50%",bottom:"50% 100%","top-left":"0% 0%","top-right":"100% 0%","bottom-left":"0% 100%","bottom-right":"100% 100%"},ny={move:"move","to top":"move","to top right":"move","to top left":"move","to bottom":"move","to bottom right":"move","to bottom left":"move","to left":"move","to right":"move",translate:"transform","transform-origin":"transform",rotate3d:"transform"},ry=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qh(this,Qh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ty(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){Jh(Qh(e.prototype),"initialize",this).call(this),this.guideView=new Nh}},{key:"template",value:function(){return"\n    <div class='selection-view' ref='$selectionView' >\n        <div class='selection-tool' ref='$selectionTool' style='left:-100px;top:-100px;'>\n            <div class='selection-tool-item' data-position='move'></div>       \n            \n            <div class='selection-tool-item' data-position='transform-origin' ref='$transformOrigin'>\n                <div class='transform-origin' >\n                    <div class='handle handle-top' data-value='top'></div>\n                    <div class='handle handle-right' data-value='right'></div>\n                    <div class='handle handle-left' data-value='left'></div>\n                    <div class='handle handle-bottom' data-value='bottom'></div>\n                    <div class='handle handle-top-left' data-value='top-left'></div>\n                    <div class='handle handle-top-right' data-value='top-right'></div>\n                    <div class='handle handle-bottom-left' data-value='bottom-left'></div>\n                    <div class='handle handle-bottom-right' data-value='bottom-right'></div>\n                </div>                \n            </div>\n            <div class='selection-tool-item' data-position='rotate3d' ref='$rotate3d'>\n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='y'></div>                \n                    <div class='x'></div>\n                </div>            \n                <div class='z' ref='$rotateZ'>\n                    <div class='point'></div>                    \n                    <div class='handle-top'></div>                    \n                </div>\n                <div class='translate' ref='$translateZ'>\n                    <div class='perspective-handle'></div>\n                </div>\n\n            </div>                      \n\n            <div class='selection-tool-item' data-position='to top'></div>\n            <div class='selection-tool-item' data-position='to right'></div>\n            <div class='selection-tool-item' data-position='to bottom'></div>\n            <div class='selection-tool-item' data-position='to left'></div>\n            <div class='selection-tool-item' data-position='to top right'></div>\n            <div class='selection-tool-item' data-position='to bottom right'></div>\n            <div class='selection-tool-item' data-position='to top left'></div>\n            <div class='selection-tool-item' data-position='to bottom left'></div>\n        </div>\n        <div class='selection-pointer' ref='$selectionPointer'></div>\n        <svg class='transform-translate' ref='$pathMaker'></svg>\n    </div>"}},{key:Gn("$pathMaker"),value:function(){var t=pl.selection.current;if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};if(1!==pl.selection.length)return{style:{display:"none"}};var e={translate:{x:0,y:0,z:0}},n=0,r=0;if(t){var o=Uh((t["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t||"50%")}),2),i=o[0],a=o[1];i=i.toPx(t.screenWidth.value),a=a.toPx(t.screenHeight.value);n=(t.screenX.value+i.value)*pl.scale,r=(t.screenY.value+a.value)*pl.scale;var c=Uh(to.get(t.transform,"translate"),2),u=c[0],s=c[1];if(!u)u=Uh(to.get(t.transform,"translateX"),1)[0];if(!s)s=Uh(to.get(t.transform,"translateY"),1)[0];u=u||He.px(0),s=s||He.px(0),e.translate.x=n+u.value*pl.scale,e.translate.y=r+s.value*pl.scale}return{style:{display:"block"},innerHTML:'\n                <path d="M'.concat(n,", ").concat(r,"L").concat(e.translate.x,",").concat(e.translate.y,'Z" fill="transparent" />\n            ')}}},{key:on("$rotate3d"),value:function(t){t.altKey?(pl.selection.each(function(t){t.reset({"transform-origin":""})}),this.bindData("$rotate3d"),this.bindData("$pathMaker")):t.shiftKey?(pl.selection.each(function(t){var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"translate":case"translateX":case"translateY":case"translateZ":return!1}return!0}));t.reset({transform:e})}),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(pl.selection.each(function(t){var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotate":case"rotate3d":case"rotateX":case"rotateY":case"rotateZ":return!1}return!0}));t.reset({transform:e})}),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")),this.emit("refreshSelectionStyleView")}},{key:rn('$selectionTool .selection-tool-item[data-position="path"]'),value:function(t){this.trigger("openPathEditor")}},{key:"toggleEditingPath",value:function(t){this.refs.$selectionTool.toggleClass("editing-path",t)}},{key:"toggleEditingPolygon",value:function(t){this.refs.$selectionTool.toggleClass("editing-polygon",t)}},{key:Pr("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:Pr("hideSubEditor"),value:function(t){this.toggleEditingPath(!1),this.toggleEditingPolygon(!1)}},{key:Pr("openPathEditor"),value:function(){var t=pl.selection.current;t&&t.is("svg-path","svg-textpath")?(this.toggleEditingPolygon(!1),this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:t.is("svg-textpath")?"box":"canvas",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight})):t.is("svg-polygon")&&this.trigger("openPolygonEditor")}},{key:Pr("openPolygonEditor"),value:function(){var t=pl.selection.current;t&&t.is("svg-polygon")&&(this.toggleEditingPath(!1),this.toggleEditingPolygon(!0),this.emit("showPolygonEditor","modify",{changeEvent:"updatePolygonItem",current:t,points:t.points,screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:Pr("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Pr("finishPolygonEdit"),value:function(){this.toggleEditingPolygon(!1)}},{key:Pr("updatePathItem"),value:function(t){var e,n=pl.selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache(),this.emit("refreshSelectionStyleView")))}},{key:Pr("updatePolygonItem"),value:function(t){var e,n=pl.selection.current;n&&(n.is("svg-polygon")&&(n.updatePolygonItem(t),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache(),this.emit("refreshSelectionStyleView"),this.emit("refreshCanvasForPartial",n)))}},{key:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];pl.selection.each(function(t,n){t.transformObj=to.parseStyle(t.transform),n.transformObj=to.parseStyle(n.transform),e.forEach(function(t){n[t]=n.transformObj.filter(function(e){return e.type===t})[0]})})}},{key:"setCacheRotateZ",value:function(t){var e=this.$target.rect();this.rotateZCenter={x:e.x+e.width/2,y:e.y+e.height/2},this.rotateZStart={x:t.x+t.width/2,y:t.y+t.height/2},this.setCacheBaseTrasnform("rotateZ","rotate")}},{key:"setCachePerspective",value:function(){this.setCacheBaseTrasnform("perspective")}},{key:"setCacheTransformOrigin",value:function(){this.hasTransformOrigin=!0,pl.selection.each(function(t,e){t.transformOrigin=t["transform-origin"].split(" ").map(function(t){return t?He.parse(t):He.percent(50)}),e.transformOrigin=t["transform-origin"].split(" ").map(function(t){return t?He.parse(t):He.percent(50)}),e.transformOriginX=e.transformOrigin[0]||He.percent(50),e.transformOriginXtoPx=e.transformOriginX.toPx(e.screenWidth),e.transformOriginY=e.transformOrigin[1]||He.percent(50),e.transformOriginYtoPx=e.transformOriginY.toPx(e.screenHeight)})}},{key:"setCacheTranslate",value:function(){this.hasTranslate=!0,this.setCacheBaseTrasnform("translateX","translateY")}},{key:"setCacheTranslateZ",value:function(){this.hasTranslateZ=!0,this.setCacheBaseTrasnform("translateZ")}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"checkEditMode",value:function(){return pl.isSelectionMode()}},{key:kn("$selectionView .selection-tool-item")+En("checkEditMode")+In()+Mn(),value:function(t){var e;if(this.$target=t.$delegateTarget,this.pointerType=t.$delegateTarget.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",ny[this.pointerType]),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache("move"!==this.pointerType),"transform-origin"===this.pointerType){var n=Ke.create(t.target);this.transformOriginValue=n.attr("data-value")}else if("rotate3d"===this.pointerType){var r=(n=Ke.create(t.target)).rect();this.hasRotateZ=n.hasClass("point"),this.hasPerspective=n.hasClass("perspective-handle"),this.hasTransformOrigin=!1,this.hasTranslate=!1,this.hasTranslateZ=!1,this.hasRotateZ?this.setCacheRotateZ(r):this.hasPerspective?this.setCachePerspective():t.altKey?this.setCacheTransformOrigin():t.shiftKey?this.setCacheTranslate():t.metaKey?this.setCacheTranslateZ():this.setCacheRotateXY()}else this.initSelectionTool()}},{key:"setTransformValue",value:function(t,e,n){var r=t.transformObj.filter(function(t){return t.type===e})[0];r?r.value[0]=n.clone():t.transformObj.push({type:e,value:[n.clone()]})}},{key:Gn("$rotate3d"),value:function(){var t=pl.selection.current||{"transform-origin":"50% 50%"};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=Uh(t["transform-origin"].split(" ").map(function(t){return He.parse(t||"50%")}),2),n=e[0],r=e[1];return{style:{display:"block",left:n=n||He.percent(50),top:r=r||He.percent(50)}}}},{key:Gn("$transformOrigin"),value:function(){var t=pl.selection.current||{"transform-origin":"50% 50%"};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=Uh(t["transform-origin"].split(" ").map(function(t){return He.parse(t||"50%")}),2),n=e[0],r=e[1];return{style:{display:"block",left:n=n||He.percent(50),top:r=r||He.percent(50)}}}},{key:Gn("$rotateArea"),value:function(){var t=pl.selection.current||{transform:""};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotateX":case"rotateY":return!0}return!1}));return{style:{display:"block",transform:"".concat(e)}}}},{key:Gn("$rotateZ"),value:function(){var t=pl.selection.current||{transform:""};return t&&t.is&&t.is("artboard")?{style:{display:"none"}}:{style:{display:"block",transform:to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotate":case"rotateZ":return!0}return!1}))}}}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=pl.config.get("bodyEvent"),o=yt(this.rotateZStart.x-this.rotateZCenter.x,this.rotateZStart.y-this.rotateZCenter.y),i=yt(this.rotateZStart.x+t-this.rotateZCenter.x,this.rotateZStart.y+e-this.rotateZCenter.y),a=He.deg(i-o);pl.selection.each(function(t,e){var o=He.deg(0);e.rotateZ?o.set(e.rotateZ.value[0].value):e.rotate&&o.set(e.rotate.value[0].value),o.add(a.value),r.altKey&&o.add(-o.value%10),n.setTransformValue(t,"rotateZ",o),t.transform=to.join(t.transformObj)})}},{key:"modifyPerspective",value:function(t,e){var n=this,r=He.px(-e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"perspective",r),t.transform=to.join(t.transformObj)})}},{key:"modifyTransformOrigin",value:function(t,e){pl.selection.each(function(n,r){var o=He.px(0),i=He.px(0);r.transformOriginXtoPx&&o.set(r.transformOriginXtoPx.value),r.transformOriginYtoPx&&i.set(r.transformOriginYtoPx.value),o.add(t/pl.scale),i.add(e/pl.scale);var a=o.to(r.transformOriginX.unit,r.screenWidth),c=i.to(r.transformOriginY.unit,r.screenHeight);n["transform-origin"]="".concat(a," ").concat(c)})}},{key:"modifyTranslate",value:function(t,e){var n=this,r=He.px(t/pl.scale),o=He.px(e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"translateX",r),n.modifyCacheItem(t,e,He.px(0),"translateY",o),t.transform=to.join(t.transformObj)})}},{key:"modifyTranslateZ",value:function(t,e){var n=this,r=He.px(e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"translateZ",r),t.transform=to.join(t.transformObj)})}},{key:"modifyCacheItem",value:function(t,e,n,r,o){e[r]&&n.set(e[r].value[0].value),n.add(o),this.setTransformValue(t,r,n)}},{key:"modifyRotateXY",value:function(t,e){var n=this,r=He.deg(-e/pl.scale),o=He.deg(t/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.deg(0),"rotateX",r),n.modifyCacheItem(t,e,He.deg(0),"rotateY",o),t.transform=to.join(t.transformObj)})}},{key:"move",value:function(t,e){var n=this,r=pl.config.get("bodyEvent");"transform-origin"===this.pointerType||("rotate3d"===this.pointerType?(this.hasRotateZ?(this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.bindData("$pathMaker")):this.hasPerspective?(this.modifyPerspective(t,e),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(this.hasTransformOrigin?this.modifyTransformOrigin(t,e):this.hasTranslate?this.modifyTranslate(t,e):this.hasTranslateZ?this.modifyTranslateZ(t,e):this.modifyRotateXY(t,e),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")),this.emit("refreshStylePosition")):(r.altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshCanvasForPartial",null,!1),"move"===this.pointerType||pl.selection.each(function(t){t.is("component")&&n.emit("refreshStyleView",t)})))}},{key:Pr("updateRealTransform"),value:function(){this.parent.updateRealTransform()}},{key:"end",value:function(t,e){"move"!==this.pointerType||0!==t||0!==e?"transform-origin"===this.pointerType?(pl.selection.reset({"transform-origin":ey[this.transformOriginValue]||"50% 50%"}),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(pl.config.get("bodyEvent").altKey&&(e=t),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.parent.trigger("removeRealPosition"),this.emit("refreshCanvasForPartial",null,!1),this.emit("refreshStylePosition"),this.emit("removeGuideLine"),this.refreshSelectionToolView(t,e)):this.trigger("openPathEditor")}},{key:"refreshSelectionToolView",value:function(t,e,n){0===t&&0===e||this.guideView.move(n||this.pointerType,t/pl.scale,e/pl.scale);var r=this.guideView.calculate();this.makeSelectionTool(),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}},{key:"getOriginalRect",value:function(){return this.originalRect||(this.originalRect=this.parent.$el.rect()),this.originalRect}},{key:"getOriginalArtboardRect",value:function(){return this.originalArtboardRect||(this.originalArtboardRect=this.parent.refs.$view.rect()),this.originalArtboardRect}},{key:Pr("refreshSelectionTool","initSelectionTool"),value:function(){this.initSelectionTool()}},{key:Pr("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}},{key:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=pl.selection.current;if(t){var e=t.is("svg-path","svg-textpath");this.refs.$selectionTool.toggleClass("path",e);var n=t.is("svg-polygon");this.refs.$selectionTool.toggleClass("polygon",n)}pl.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker"),this.makeSelectionTool()}},{key:"isNoMoveArea",value:function(){return 1===pl.selection.items.length&&pl.selection.current.is("text")}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=He.px(0),e=He.px(0),n=He.px(0),r=He.px(0);if(this.guideView.rect){var o=this.calculateWorldPosition(this.guideView.rect);t=o.x,e=o.y,n=o.width,r=o.height}this.isNoMoveArea()?this.refs.$selectionTool.addClass("remove-move-area"):this.refs.$selectionTool.removeClass("remove-move-area"),t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):pl.selection.currentArtboard||(t.add(-1e4),e.add(-1e4));var i=t,a=e;this.refs.$selectionTool.css({left:i,top:a,width:n,height:r}),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker"),this.refreshPositionText(t,e,n,r)}},{key:Gn("$selectionPointer"),value:function(){var t="<div></div>",e=pl.selection.current||{id:""},n=this.parent.getElement(e.id);if(n){var r=e.verties(n,this.parent.refs.$view.el),o=e.screenX.value+e.width.value/2,i=e.screenY.value+e.height.value/2,a=["a","b","c","d"].map(function(t,e){var n=He.px(r[t].x+o),a=He.px(r[t].y+i),c=He.px(r[t].z);return"<div class='marker' data-index='".concat(e+1,"' style='transform:translate3d(").concat(n,",").concat(a,",").concat(c,")'></div>")}).join("");t="<div >".concat(a,"</div>")}return{innerHTML:t}}},{key:"refreshPositionText",value:function(t,e,n,r){if(pl.selection.currentArtboard){var o=He.px(t.value-pl.selection.currentArtboard.x.value/pl.scale).round(1),i=He.px(e.value-pl.selection.currentArtboard.y.value/pl.scale).round(1),a=He.px(n.value/pl.scale).round(1),c=He.px(r.value/pl.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to right":u="W: ".concat(a);break;case"to left":u="X: ".concat(o,", W: ").concat(a);break;case"to top":u="Y: ".concat(i,", H: ").concat(c);break;case"to bottom":u="H: ".concat(c);break;case"to top right":case"to top left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c);break;case"to bottom right":u="W: ".concat(a,", H: ").concat(c);break;case"to bottom left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c)}this.setPositionText(u)}}},{key:"setPositionText",value:function(t){this.$target&&(pl.selection.current&&pl.selection.current.is("artboard")&&(t=t.split(",").filter(function(t){return!t.includes("X:")&&!t.includes("Y:")}).join(",")),this.$target.attr("data-position-text",t))}},{key:"calculateWorldPositionForGuideLine",value:function(){var t=this;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(function(e){var n,r,o,i,a=new go(t.calculateWorldPosition(e.A)),c=new go(t.calculateWorldPosition(e.B));return C(e.ax)&&(n=e.ax*pl.scale),C(e.bx)&&(r=e.bx*pl.scale),C(e.ay)&&(o=e.ay*pl.scale),C(e.by)&&(i=e.by*pl.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}})}},{key:"calculateWorldPosition",value:function(t){var e=He.px(t.x||0),n=He.px(t.y||0);return{x:He.px(e.value*pl.scale),y:He.px(n.value*pl.scale),width:He.px(t.width.value*pl.scale),height:He.px(t.height.value*pl.scale),transform:t.transform}}},{key:Pr("refreshCanvas"),value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];pl.selection.setRectCache(),this.initSelectionTool()}},{key:Pr("refreshSelectionStyleView"),value:function(){this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$rotateZ"),this.bindData("$pathMaker")}}])&&Zh(n.prototype,r),o&&Zh(n,o),e}();function oy(t){return(oy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ay(t,e){return!e||"object"!==oy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cy(t,e,n){return(cy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uy(t){return(uy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sy(t,e){return(sy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ly=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ay(this,uy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sy(t,e)}(e,Gr),n=e,(r=[{key:"getDefaultObject",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return cy(uy(e.prototype),"getDefaultObject",this).call(this,{itemType:"display",type:"block",direction:"row",alignItems:"normal",alignCentent:"normal",flexWrap:"nowrap",justifyContent:"flex-start",gap:He.px(0),rowGap:He.percent(1),columnGap:He.percent(1),columns:[He.fr(1)],rows:[He.fr(1)],areas:[]})}},{key:"toCSS",value:function(){var t=this.json,e={display:t.type};return"flex"==e.display?("row"!=t.direction&&(e["flex-direction"]=t.direction),"normal"!=t.alignItems&&(e["align-items"]=t.alignItems),"normal"!=t.alignContent&&(e["align-content"]=t.alignContent),"nowrap"!=t.flexWrap&&(e["flex-wrap"]=t.flexWrap),"flex-start"!=t.justifyContent&&(e["justify-content"]=t.justifyContent)):"grid"==e.display&&(t.gap.value>0&&(e["grid-gap"]=t.gap),t.rowGap.value>0&&(e["grid-row-gap"]=t.rowGap),t.columnGap.value>0&&(e["grid-column-gap"]=t.columnGap),t.columns.length&&(e["grid-template-columns"]=t.columns.join(" ")),t.rows.length&&(e["grid-template-rows"]=t.rows.join(" ")),t.areas.length&&(e["grid-template-areas"]=t.areas.map(function(t){return'"'.concat(t.join(" "),'"')}).join(" ")),"normal"!=t.alignItems&&(e["align-items"]=t.alignItems),"normal"!=t.alignContent&&(e["align-content"]=t.alignContent),"flex-start"!=t.justifyContent&&(e["justify-content"]=t.justifyContent)),e}},{key:"isLayout",value:function(){return this.isGrid()||this.isFlex()}},{key:"isFlex",value:function(){return"flex"==this.json.type}},{key:"isGrid",value:function(){return"grid"==this.json.type}},{key:"isInline",value:function(){return"inline"==this.json.type}},{key:"isInlineBlock",value:function(){return"inline-block"==this.json.type}},{key:"isBlock",value:function(){return"block"==this.json.type}},{key:"changeColumn",value:function(t,e){var n=this.json.columns[t],r=this.json.columns[e];this.json.columns[e]=n,this.json.columns[t]=r}},{key:"removeColumn",value:function(t){this.json.columns.splice(t,1)}},{key:"updateColumn",value:function(t,e){this.json.columns[t]=e}},{key:"changeRow",value:function(t,e){var n=this.json.rows[t],r=this.json.rows[e];this.json.rows[e]=n,this.json.rows[t]=r}},{key:"removeRow",value:function(t){this.json.rows.splice(t,1)}},{key:"updateRow",value:function(t,e){this.json.rows[t]=e}}])&&iy(n.prototype,r),o&&iy(n,o),e}();function fy(t){return(fy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function py(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hy(t,e){return!e||"object"!==fy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yy(t){return(yy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dy(t,e){return(dy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ly.parse=function(t){return new ly(t)},ly.isLayout=function(t){return"flex"==t||"grid"==t};var vy=function(t){return"flex"==t||"grid"==t},by=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hy(this,yy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dy(t,e)}(e,lo),n=e,(r=[{key:"isLayoutItem",value:function(){return!1}},{key:"changeDisplay",value:function(t){var e=this.json.display.type;vy(e)&&!vy(t)&&this.layers.forEach(function(t){return t.changeOffsetToPosition()}),this.json.display.type=t}},{key:"hasLayout",value:function(){return this.json.display.isLayout()}},{key:"refreshItem",value:function(t){t&&t(this),this.children.forEach(function(e){e.refreshItem(t)})}}])&&py(n.prototype,r),o&&py(n,o),e}();function gy(t){return(gy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function my(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ky(t,e){return!e||"object"!==gy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oy(t,e,n){return(Oy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Sy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Sy(t){return(Sy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jy(t,e){return(jy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Py=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ky(this,Sy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jy(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Oy(Sy(e.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:He.second(0),timingFunction:"ease",delay:He.second(0),iterationCount:He.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Oy(Sy(e.prototype),"convert",this).call(this,t)).duration=He.parse(t.duration),t.iterationCount=He.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){var t=this.json;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){my(t,e,n[e])})}return t}({},Oy(Sy(e.prototype),"toCloneObject",this).call(this),{checked:t.checked,name:t.name,direction:t.direction,duration:t.duration+"",timingFunction:t.timingFunction,delay:t.delay,iterationCount:t.iterationCount+"",playState:t.playState,fillMode:t.fillMode})}},{key:"togglePlayState",value:function(t){t?this.reset({playState:"running"===t?"running":"paused"}):"paused"===this.json.playState?this.reset({playState:"running"}):this.reset({playState:"paused"})}},{key:"toCSS",value:function(){return this.json.name?{animation:this.toString()}:{}}},{key:"toString",value:function(){var t=this.json;return[t.name,t.duration,t.timingFunction,t.delay,t.iterationCount,t.direction,t.fillMode,t.playState].join(" ")}}])&&wy(n.prototype,r),o&&wy(n,o),e}();function xy(t){return(xy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _y(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ty(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ey(t,e){return!e||"object"!==xy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cy(t,e,n){return(Cy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$y(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $y(t){return($y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ry(t,e){return(Ry=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vy=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ey(this,$y(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ry(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Cy($y(e.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:He.second(0),timingFunction:"ease",delay:He.second(0)})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){_y(t,e,n[e])})}return t}({},Cy($y(e.prototype),"toCloneObject",this).call(this),{checked:this.json.checked,property:this.json.property,duration:this.json.duration+"",timingFunction:this.json.timingFunction,delay:this.json.delay+""})}},{key:"toCSS",value:function(){return{transition:this.toString()}}},{key:"toString",value:function(){var t=this.json;return[t.property,t.duration,t.timingFunction,t.delay].join(" ")}}])&&Ty(n.prototype,r),o&&Ty(n,o),e}();function Ay(t){return(Ay="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Dy(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Iy(t,e,n[e])})}return t}function Iy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function My(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ly(t,e){return!e||"object"!==Ay(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function By(t,e,n){return(By="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zy(t){return(zy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fy(t,e){return(Fy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gy=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ly(this,zy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fy(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(t){return By(zy(e.prototype),"getDefaultObject",this).call(this,Dy({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Dy({},By(zy(e.prototype),"toCloneObject",this).call(this),{selector:this.json.selector,properties:this.json.properties.map(function(t){return L(t)})})}},{key:"isMultiStyle",value:function(t){switch(t){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(t){switch(t.key){case"background-image":return t.value.toString()+";"}return t.value.toString()+";"}},{key:"toPropertyString",value:function(){var t=this;return this.json.properties.map(function(e){if(t.isMultiStyle(e.key))return t.getMultiStyleString(e);var n=e.value.toString();if(n){var r=e.key;return"x"===r?r="left":"y"===r&&(r="top"),"".concat(r,": ").concat(n,";")}return""}).join("\n")}},{key:"toCSSText",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"".concat(t).concat(this.json.selector," {\n    ").concat(this.toPropertyString(),"\n}")}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.toCSSText(t)}}])&&My(n.prototype,r),o&&My(n,o),e}();function Hy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Xy=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parse",value:function(t){var e=t.split(" ").filter(function(t){return t.trim()}).map(function(t){return He.parse(t)}),n=He.percent(0),r=He.percent(0),o=He.percent(0),i=He.percent(0);return 1===e.length?(n=e[0].clone(),r=e[0].clone(),o=e[0].clone(),i=e[0].clone()):2===e.length?(n=e[0].clone(),r=e[1].clone(),o=e[0].clone(),i=e[1].clone()):3===e.length?(n=e[0].clone(),r=e[1].clone(),o=e[2].clone(),i=e[1].clone()):4===e.length&&(n=e[0].clone(),r=e[1].clone(),o=e[2].clone(),i=e[3].clone()),[e.length,n,r,o,i]}}],(n=null)&&Hy(e.prototype,n),r&&Hy(e,r),t}();function Yy(t){return(Yy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ny(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Ky(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Wy(t,e,n[e])})}return t}function Wy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Uy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Zy(t,e){return!e||"object"!==Yy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qy(t,e,n){return(qy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Jy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Jy(t){return(Jy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qy(t,e){return(Qy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var td=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,ed=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Zy(this,Jy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qy(t,e)}(e,Gr),n=e,o=[{key:"toCSS",value:function(t){return new e(t).toCSS()}},{key:"toString",value:function(t){return e.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(td)||[]).forEach(function(t,n){if(t.includes("-box"))e.box=t;else{var r=Ny(t.split("("),2),o=r[0],i=r[1];i=i||"",i="none"===o?"":i.split(")")[0],e.type=o,e.value=i}}),e):{}}},{key:"parseStyleForCircle",value:function(t){var e=new He("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=Ny(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=Ny(n.split(" "),2),i=o[0],a=o[1];return E(a)&&(a=i),{radius:e,x:i=He.parse(i),y:a=He.parse(a)}}},{key:"parseStyleForEllipse",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",e="50% 50%",n="";if((t=t||"50%").includes("at")){var r=Ny(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=Ny(n.split(" "),2),i=o[0],a=o[1];E(a)&&(a=i),i=He.parse(i),a=He.parse(a);var c=Ny(e.split(" "),2),u=c[0],s=c[1];return E(s)&&(s=u),{radiusX:u=He.parse(u),radiusY:s=He.parse(s),x:i,y:a}}},{key:"parseStyleForInset",value:function(){var t=Ny((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("round"),2),e=t[0],n=t[1],r=Ny(Xy.parse(e),5),o=r[0],i=r[1],a=r[2],c=r[3],u=r[4];if(n)var s=Ny(Xy.parse(n),5),l=s[0],f=s[1],p=s[2],h=s[3],y=s[4];return{isAll:1===o,top:i,right:a,bottom:c,left:u,round:n,isAllRadius:1===l,topRadius:f,rightRadius:p,bottomRadius:h,leftRadius:y}}},{key:"parseStyleForPolygon",value:function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(",").filter(function(t){return t.trim()}).map(function(t){var e=Ny(t.trim().split(" "),2),n=e[0],r=e[1];return{x:He.parse(n),y:He.parse(r)}})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return qy(Jy(e.prototype),"getDefaultObject",this).call(this,Ky({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Ky({},qy(Jy(e.prototype),"toCloneObject",this).call(this),{value:this.json.value})}},{key:"toString",value:function(){var t=this.json.type,e=this.json.value,n=this.json.box,r="";switch(t){case"circle":case"inset":case"ellipse":case"polygon":case"path":r="".concat(t,"(").concat(e,")");break;case"svg":r="url(#".concat(e,")");break;default:r="none"}return n?"".concat(n," ").concat(r):r}},{key:"toCSS",value:function(){return{"clip-path":this.toString()}}}])&&Uy(n.prototype,r),o&&Uy(n,o),e}();function nd(t){return(nd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function od(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function id(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ad(t,e,n[e])})}return t}function ad(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ud(t,e){return!e||"object"!==nd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sd(t,e,n){return(sd="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ld(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ld(t){return(ld=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fd(t,e){return(fd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pd=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ud(this,ld(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fd(t,e)}(e,by),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return sd(ld(e.prototype),"getDefaultObject",this).call(this,id({position:"absolute",x:He.px(0),y:He.px(0),right:"",bottom:"",width:He.px(300),height:He.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",border:"","border-radius":"","box-shadow":"","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":He.px(13),"font-stretch":"","line-height":"","text-align":"","text-transform":"","text-decoration":"","letter-spacing":"","word-spacing":"","text-indent":"","perspective-origin":"","transform-origin":"","transform-style":"",perspective:"","mix-blend-mode":"",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return id({},sd(ld(e.prototype),"toCloneObject",this).call(this),{position:t.position,right:t.right+"",bottom:t.bottom+"",rootVariable:t.rootVariable,variable:t.variable,transform:t.transform,filter:t.filter,"backdrop-filter":t["backdrop-filter"],"background-color":t["background-color"],"background-image":t["background-image"],"text-clip":t["text-clip"],"border-radius":t["border-radius"],border:t.border,"box-shadow":t["box-shadow"],"text-shadow":t["text-shadow"],"clip-path":t["clip-path"],color:t.color,"font-size":t["font-size"]+"","font-stretch":t["font-stretch"]+"","line-height":t["line-height"]+"","text-align":t["text-align"]+"","text-transform":t["text-transform"]+"","text-decoration":t["text-decoration"]+"","letter-spacing":t["letter-spacing"]+"","word-spacing":t["word-spacing"]+"","text-indent":t["text-indent"]+"","perspective-origin":t["perspective-origin"],"transform-origin":t["transform-origin"],"transform-style":t["transform-style"],perspective:t.perspective+"","mix-blend-mode":t["mix-blend-mode"],opacity:t.opacity+"",rotate:t.rotate+"",outline:L(t.outline),animations:t.animations.map(function(t){return t.clone()}),transitions:t.transitions.map(function(t){return t.clone()}),selectors:t.selectors.map(function(t){return t.clone()}),svg:t.svg.map(function(t){return t.clone()})})}},{key:"convert",value:function(t){return t=sd(ld(e.prototype),"convert",this).call(this,t)}},{key:"addAnimation",value:function(t){return this.json.animations.push(t),t}},{key:"addTransition",value:function(t){return this.json.transitions.push(t),t}},{key:"addSelector",value:function(t){return this.json.selectors.push(t),t}},{key:"createAnimation",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addAnimation(new Py(id({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new Gy(id({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new Vy(id({checked:!0},t)))}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeAnimation",value:function(t){this.removePropertyList(this.json.animations,t)}},{key:"removeSelector",value:function(t){this.removePropertyList(this.json.selectors,t)}},{key:"removeTransition",value:function(t){this.removePropertyList(this.json.transitions,t)}},{key:"enableHasChildren",value:function(){return!0}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(od(t.splice(e,1))))}},{key:"sortAnimation",value:function(t,e){this.sortItem(this.json.animations,t,e)}},{key:"sortTransition",value:function(t,e){this.sortItem(this.json.transitions,t,e)}},{key:"updateAnimation",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.animations[+t].reset(e)}},{key:"updateTransition",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.transitions[+t].reset(e)}},{key:"updateSelector",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+t].reset(e)}},{key:"setSize",value:function(t){this.reset(t)}},{key:"setBorder",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=this.json.border;if("all"===t)n?this.json.border={all:n}:["top","right","bottom","left"].forEach(function(t){delete e.json.border[t]});else{if(r.all&&E(n)){var o=id({},r.all);r.top=id({},o),r.bottom=id({},o),r.left=id({},o),r.right=id({},o)}r.all&&delete r.all,n&&(this.json.border[t]=n)}}},{key:"getBorder",value:function(t){return this.json.border[t]||{}}},{key:"setOutline",value:function(t){this.json.outline=id({},this.json.outline,t)}},{key:"setBorderRadius",value:function(t,e){this.json.borderRadius=e}},{key:"traverse",value:function(t,e,n){var r=this;t.isAttribute()||(n||!t.isLayoutItem()||t.isRootItem())&&(e.push(t),t.children.forEach(function(t){r.traverse(t,e)}))}},{key:"tree",value:function(t){var e=this,n=[];return this.children.forEach(function(r){e.traverse(r,n,t)}),n}},{key:"toPropertyCSS",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n={};return t.forEach(function(t){S(t.toCSS(e),function(t,e){n[t]||(n[t]=[]),n[t].push(e)})}),z(n)}},{key:"toStringPropertyCSS",value:function(t){return N(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.toStringPropertyCSS("background-image")}},{key:"toBorderCSS",value:function(){return this.toStringPropertyCSS("border")}},{key:"toOutlineCSS",value:function(){var t=this.json.outline;return t?0===Object.keys(t).length?{}:{outline:"".concat(t.color," ").concat(t.style," ").concat(t.width)}:{}}},{key:"toKeyCSS",value:function(t){return this.json[t]?ad({},t,this.json[t]):{}}},{key:"toAnimationKeyframes",value:function(t){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:t}]}},{key:"toAnimationCSS",value:function(){return this.toPropertyCSS(this.json.animations)}},{key:"toTransitionCSS",value:function(){return this.toPropertyCSS(this.json.transitions)}},{key:"toString",value:function(){return Y(this.toCSS())}},{key:"toExport",value:function(){return Y(this.toCSS(!0))}},{key:"toExportSVGCode",value:function(){return""}},{key:"toBoxModelCSS",value:function(){var t=this.json,e={};return t["margin-top"]&&(e["margin-top"]=t["margin-top"]),t["margin-bottom"]&&(e["margin-bottom"]=t["margin-bottom"]),t["margin-left"]&&(e["margin-left"]=t["margin-left"]),t["margin-right"]&&(e["margin-right"]=t["margin-right"]),t["padding-top"]&&(e["padding-top"]=t["padding-top"]),t["padding-bottom"]&&(e["padding-bottom"]=t["padding-bottom"]),t["padding-left"]&&(e["padding-left"]=t["padding-left"]),t["padding-right"]&&(e["padding-right"]=t["padding-right"]),e}},{key:"toKeyListCSS",value:function(){for(var t=this.json,e={},n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return r.forEach(function(n){C(t[n])&&""!==t[n]&&(e[n]=t[n]+"")}),e}},{key:"toFontCSS",value:function(){return this.toKeyListCSS()}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.isAbsolute&&(this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y)),t.visibility=this.json.visible?"visible":"hidden",id({},t,this.toKeyListCSS("position","right","bottom","width","height","overflow","background-color","color","opacity","mix-blend-mode","transform-origin","transform","transform-style","perspective","perspective-origin","font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","border-radius","filter","backdrop-filter","box-shadow","text-shadow","offset-path"))}},{key:"toDefaultSVGCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},{overflow:"visible"},this.toKeyListCSS("transform","font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent"))}},{key:"toVariableCSS",value:function(){var t={};return this.json.variable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"toRootVariableCSS",value:function(){var t={};return this.json.rootVariable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"toRootVariableString",value:function(){return Y(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return S(t,function(t,n){e["-webkit-".concat(t)]=n}),e}},{key:"toTextClipCSS",value:function(){var t={};return"text"===this.json["text-clip"]&&(t["-webkit-background-clip"]="text",t["-webkit-text-fill-color"]="transparent",t.color="transparent"),t}},{key:"toClipPathCSS",value:function(){var t=this.json["clip-path"];switch(ed.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultCSS(t),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(t),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultSVGCSS(t),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(t),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toEmbedCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toAnimationCSS(),this.toTransitionCSS(),this.toBackgroundImageCSS(t))}},{key:"toSelectorString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.selectors.map(function(e){return e.toString(t)}).join("\n\n")}},{key:"toNestedCSS",value:function(t){return[]}},{key:"toNestedBoundCSS",value:function(t){return[]}},{key:"generateEmbed",value:function(){return{css:this.toEmbedCSS(),selectorString:this.toSelectorString()}}},{key:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Y(this.toCSS(),"\n    "),"; \n    ").concat(e,"\n}\n").concat(this.toNestedCSS().map(function(e){return"".concat(t," ").concat(e.selector," { \n      ").concat(e.cssText?e.cssText:Y(e.css||{},"\n\t\t"),"; \n  }")}).join("\n"),"\n").concat(this.toSelectorString(t),"\n")}},{key:"generateViewBoundCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";arguments.length>1&&void 0!==arguments[1]&&arguments[1];return"\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Y(this.toBoundCSS(),"\n"),"; \n}\n\n\n").concat(this.toNestedBoundCSS().map(function(e){return"".concat(t," ").concat(e.selector," { \n      ").concat(e.cssText?e.cssText:Y(e.css||{},"\n\t\t"),"; \n  }")}).join("\n"),"\n\n")}},{key:"generateSVG",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0]){var t=this.json.width.value,e=this.json.height.value;return'\n<svg width="'.concat(t,'" height="').concat(e,'" viewBox="0 0 ').concat(t," ").concat(e,'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">\n  ').concat(this.rootSVG,"\n</svg>")}return this.svg}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.json,r=n.layers,o=n.width,i=n.height,a=n.elementType||"div",c=this.toCSS();return delete c.left,delete c.top,"absolute"===c.position&&delete c.position,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:o.value,height:i.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <').concat(a,' style="').concat(Y(c),'" ></').concat(a,">\n        </div>\n      </foreignObject>    \n      ").concat(r.map(function(t){return t.svg}).join("\n\t"),"      \n    </g>\n    ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():He.px(0),y:this.json.y?this.json.y.clone():He.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=He.px(t.x.value+t.width.value),t.y2=He.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]){var e=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(e){e.$("defs").html(this.toDefInnerString)}else{var n=Ke.createByHTML(this.toDefString);n&&t.prepend(n)}}}},{key:"html",get:function(){var t=this.json,e=t.elementType,n=t.id,r=t.name,o=t.layers,i=t.itemType,a=e||"div";return"<".concat(a,' class="').concat(W(ad({"element-item":!0},i,!0)),'" ').concat(K({"data-id":n,"data-title":r}),">\n    ").concat(this.toDefString,"\n  ").concat(o.map(function(t){return t.html}).join("\n\t"),"\n</").concat(a,">")}},{key:"svg",get:function(){var t=this.json,e=t.x,n=t.y;return e=e.value,n=n.value,this.toSVG(e,n)}},{key:"rootSVG",get:function(){return this.toSVG()}},{key:"toDefInnerString",get:function(){return"".concat(this.toClipPath)}},{key:"toClipPath",get:function(){var t=ed.parseStyle(this.json["clip-path"]),e=t.value;switch(t.type){case"path":return'<clipPath id="'.concat(this.clipPathId,'"><path d="').concat(e,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId,'">').concat(e,"</clipPath>")}return""}},{key:"innerSVGId",get:function(){return this.json.id+"inner-svg"}},{key:"toDefString",get:function(){var t=this.toDefInnerString.trim();return t&&"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId,'" width="0" height="0">\n      <defs>\n        ').concat(t,"\n      </defs>\n    </svg>\n    ")}},{key:"clipPathId",get:function(){return this.json.id+"clip-path"}}])&&cd(n.prototype,r),o&&cd(n,o),e}();function hd(t){return(hd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){dd(t,e,n[e])})}return t}function dd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bd(t,e){return!e||"object"!==hd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gd(t,e,n){return(gd="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=md(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function md(t){return(md=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wd(t,e){return(wd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kd=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bd(this,md(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wd(t,e)}(e,pd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gd(md(e.prototype),"getDefaultObject",this).call(this,yd({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"toCloneObject",value:function(){return yd({},gd(md(e.prototype),"toCloneObject",this).call(this),{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?He.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||He.px(0)}},{key:"screenY",get:function(){return this.json.parent?He.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||He.px(0)}}])&&vd(n.prototype,r),o&&vd(n,o),e}();function Od(t){return(Od="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jd(t,e){return!e||"object"!==Od(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pd(t){return(Pd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xd(t,e){return(xd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _d=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jd(this,Pd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xd(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"<div class='guide-line-view' ></div>"}},{key:"createBackgroundImage",value:function(t,e,n,r,o){return{"background-image":"linear-gradient(to right, ".concat(t,", ").concat(t,")"),"background-size":"".concat(r," ").concat(o),"background-position":"".concat(e," ").concat(n),"background-repeat":"no-repeat"}}},{key:"createGuideLine",value:function(t){var e=this,n=He.px(1),r=[];t.forEach(function(t){var o=t.B;if(C(t.ax)){r.push(e.createBackgroundImage("rgb(244, 140, 255)",He.px(t.bx),t.A.screenY,n,t.A.height)),o instanceof kd&&r.push(e.createBackgroundImage("rgb(244, 140, 255)",He.px(t.bx),o.screenY,n,o.height));var i=He.min(o.screenY,t.A.screenY),a=He.max(o.screenY2,t.A.screenY2);r.push(e.createBackgroundImage("rgb(180, 199, 254)",He.px(t.bx),i,n,He.px(a.value-i.value)))}else{r.push(e.createBackgroundImage("rgb(244, 140, 255)",t.A.screenX,He.px(t.by),t.A.width,n));var c=He.min(o.screenX,t.A.screenX),u=He.max(o.screenX2,t.A.screenX2);r.push(e.createBackgroundImage("rgb(180, 199, 254)",c,He.px(t.by),He.px(u.value-c.value),n))}});var o={};return r.forEach(function(t){S(t,function(t,e){o[t]||(o[t]=[]),o[t].push(e)})}),z(o)}},{key:"removeGuideLine",value:function(){this.$el.cssText("")}},{key:"setGuideLine",value:function(t){this.$el.cssText(Y(this.createGuideLine(t)))}},{key:Pr("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Pr("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&Sd(n.prototype,r),o&&Sd(n,o),e}();function Td(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ed(t,e,n[e])})}return t}function Ed(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Cd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var $d=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.segmentList=[]}var e,n,r;return e=t,(n=[{key:"reset",value:function(){return this.segmentList=[],this}},{key:"addLine",value:function(t,e){return this.segmentList.push({line:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addGuideLine",value:function(t,e){return this.segmentList.push({line:!0,guide:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addDistanceLine",value:function(t,e){return this.segmentList.push({line:!0,distance:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addDistanceAngle",value:function(t,e,n,r,o,i){return this.segmentList.push({angle:!0,rx:e,ry:n,line:i,degree:r,center:t,last:o}),this}},{key:"addPoint",value:function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(Td({},t,{cx:e.x,cy:e.y,selected:o,index:n,segment:r,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond})),this}},{key:"addStartPoint",value:function(t,e){return this.segmentList.push(Td({},t,{cx:e.x,cy:e.y,start:!0})),this}},{key:"addCurvePoint",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.segmentList.push({curve:!0,cx:t.x,cy:t.y,index:e,selected:r,segment:n,isFirst:t.isFirst,isLast:t.isLast,isSecond:t.isSecond}),this}},{key:"addText",value:function(t,e){return this.segmentList.push({type:"text",cx:t.x,cy:t.y,text:e+""}),this}},{key:"toString",value:function(){return this.segmentList.sort(function(t,e){return t.line&&!e.line?-1:!t.line&&e.line?1:0}),this.segmentList.map(function(t){return t.angle?"\n                <path stroke-width='1' \n                    data-distance='true'\n                    fill=\"rgba(0,0,0,0.5)\"\n                    d=\"M ".concat(t.center.x,",").concat(t.center.y," A ").concat(t.rx," ").concat(t.ry,",").concat(t.degree,",0,0,").concat(t.last.x," ").concat(t.last.y," L").concat(t.line.x," ").concat(t.line.y,' Z"\n                />'):t.line?'\n                <line stroke-width=\'1\' \n                    data-segment="true"\n                    data-is-last="'.concat(t.isLast,"\"                \n                    data-guide='").concat(t.guide,"'\n                    data-distance='").concat(t.distance,"'\n                    x1='").concat(t.x1,"' x2='").concat(t.x2,"' y1='").concat(t.y1,"' y2='").concat(t.y2,"' \n                />"):t.text?'\n                <text x="'.concat(t.cx,'" y="').concat(t.cy,'" dx="5" dy="-5" text-anchor="start">').concat(t.text,"</text>\n                "):t.curve?"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                     \n                    class='curve' \n                    data-selected='").concat(t.selected,"'                    \n                    data-is-last=\"").concat(t.isLast,'"                \n                    data-is-first="').concat(t.isFirst,'"      \n                    data-is-second="').concat(t.isSecond,'"                                  \n                    title="').concat(t.segment," curve\"                \n                    data-index='").concat(t.index,"' \n                    data-segment-point='").concat(t.segment,'\' \n                    data-segment="true" \n                />'):t.start?"\n                <rect \n                    x='".concat(t.cx-4,"' \n                    y='").concat(t.cy-4,"' \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'                                   \n                    title="Center"\n                    data-start="true" \n                />'):"\n                <rect \n                    x='".concat(t.cx-4,"' \n                    y='").concat(t.cy-4,"' \n                    class='segment'\n                    data-selected='").concat(t.selected,"'\n                    title=\"").concat(t.segment,'"\n                    data-is-last="').concat(t.isLast,'"\n                    data-is-first="').concat(t.isFirst,'"\n                    data-is-second="').concat(t.isSecond,"\"\n                    data-index='").concat(t.index,"' \n                    data-segment-point='").concat(t.segment,'\' \n                    data-segment="true" \n                />')}).join("")}}])&&Cd(e.prototype,n),r&&Cd(e,r),t}();function Rd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Vd=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"isEqual",value:function(t,e){return t.x===e.x&&t.y===e.y}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"isInLine",value:function(t,e,n){return t.x===n.x?e.x===n.x:t.y===n.y?e.y===n.y:(t.x-n.x)*(t.y-n.y)==(n.x-e.x)*(n.y-e.y)}},{key:"isLine",value:function(e){return t.isInLine(e.endPoint,e.startPoint,e,reversePoint)}},{key:"getReversePoint",value:function(t,e){var n=t.x-e.x,r=t.y-e.y;return{x:t.x+n,y:t.y+r}}},{key:"getIndexPoint",value:function(t,e){return t[e]}},{key:"getPoint",value:function(e,n){return e.filter(function(e){return t.isEqual(e.startPoint,n)})[0]}},{key:"getIndex",value:function(e,n){for(var r=-1,o=0,i=e.length;o<i;o++){var a=e[o];if(t.isEqual(a.startPoint,n)){r=o;break}}return r}},{key:"getPointIndex",value:function(e,n){for(var r=-1,o=0,i=e.length;o<i;o++){var a=e[o];if(t.isEqual(a,n)){r=o;break}}return r}},{key:"getLastPoint",value:function(t,e){if(!t.length)return null;for(var n=-1,r=e+1,o=t.length;r<o;r++)if("M"===t[r].command){n=r-1;break}-1==n&&(n=t.length-1),t[n]&&"Z"===t[n].command&&(n-=1);var i=t[n];return i&&(i.index=n),i}},{key:"getFirstPoint",value:function(t,e){for(var n=-1,r=e-1;r>0;r--)if("M"===t[r].command){n=r;break}-1===n&&(n=0);var o=t[n];return o&&(o.index=n),o}},{key:"getPrevPoint",value:function(e,n){var r=n-1;if(r<0)return t.getLastPoint(e,n);var o=e[r];return o&&(o.index=r),o}},{key:"getNextPoint",value:function(e,n){var r=e[n],o=e[n+1];return o&&(o.index=n+1),r.connected&&(o=t.getFirstPoint(e,n)),o}}],(n=null)&&Rd(e.prototype,n),r&&Rd(e,r),t}();function Ad(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Dd(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Id(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Md=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Ld=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Bd={multiply:function(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=+e[n],o=+e[n+1];return[t[0][0]*r+t[0][1]*o+t[0][2],t[1][0]*r+t[1][1]*o+t[1][2],1]}},translate:function(t,e){return this.multiply([[1,0,t],[0,1,e],[0,0,1]])},rotate:function(t){return this.multiply([[Math.cos(t),-Math.sin(t),0],[Math.sin(t),Math.cos(t),0],[0,0,1]])},rotateCenter:function(t,e,n){return this.multiply([[Math.cos(t),-Math.sin(t),-e*Math.cos(t)+n*Math.sin(t)+e],[Math.sin(t),Math.cos(t),-e*Math.sin(t)-n*Math.cos(t)+n],[0,0,1]])},scale:function(t,e){return this.multiply([[t,0,0],[0,e,0],[0,0,1]])},skewX:function(t){return this.multiply([[1,t,0],[0,1,0],[0,0,1]])},skewY:function(t){return this.multiply([[1,0,0],[t,1,0],[0,0,1]])},reflectionOrigin:function(){return this.multiply([[-1,0,0],[0,-1,0],[0,0,1]])},flipX:function(){return this.multiply([[1,0,0],[0,-1,0],[0,0,1]])},flipY:function(){return this.multiply([[-1,0,0],[0,1,0],[0,0,1]])}},zd=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.reset(e)}var e,n,r;return e=t,(n=[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.pathString=t,this.parse()}},{key:"resetSegments",value:function(t){this.segments=t||[],this.pathString=this.joinPath()}},{key:"trim",value:function(){return((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").match(Ld)||[]).filter(function(t){return""!=t})}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Md)||[];this.segments=e.map(function(e){var n=e[0];return{command:n,values:t.trim(e.replace(n,"")).map(function(t){return+t})}}),this.segments=this.segments.map(function(e,n){switch(e.command){case"c":case"m":case"l":case"q":case"s":case"t":case"v":case"h":for(var r=t.segments[n-1],o=r.values[r.values.length-2],i=r.values[r.values.length-1],a=0,c=e.values.length;a<c;a+=2)e.values[a]+=o,e.values[a+1]+=i;return{command:e.command.toUpperCase(),values:Dd(e.values)};default:return e}})}},{key:"convertGenerator",value:function(){for(var t=[],e=0,n=this.segments.length;e<n;e++){var r=this.segments[e],o=this.segments[e+1],i=r.command,a=r.values;if("M"===i){var c=Ad(a,2),u=c[0],s=c[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:{x:u,y:s},curve:!1})}else if("L"===i){if((O=Vd.getPrevPoint(t,t.length)).curve){var l=Ad(a,2);u=l[0],s=l[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:L(O.endPoint),curve:!0})}else{var f=Ad(a,2);u=f[0],s=f[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:{x:u,y:s},curve:!1})}}else if("Q"===i){var p=Ad(a,4),h=p[0],y=p[1];u=p[2],s=p[3];if((O=Vd.getPrevPoint(t,t.length)).curve){var d={x:u,y:s},v={x:u,y:s},b={x:u,y:s};t.push({command:"L",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1}),O.endPoint={x:h,y:y}}else if(o&&"L"===o.command){O.curve=!0,O.endPoint={x:h,y:y};d={x:u,y:s},b={x:u,y:s},v={x:u,y:s};t.push({command:"L",originalCommand:i,curve:!1,startPoint:d,endPoint:v,reversePoint:b})}else{d={x:u,y:s},b={x:h,y:y},v={x:u,y:s};t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b})}}else if("T"===i){var g=Ad(a,2);u=g[0],s=g[1];if((x=segments[e-1])&&"Q"===x.command){var m=Ad(x.values,4),w=(h=m[0],y=m[1],m[2]),k=m[3];(O=Vd.getPrevPoint(t,t.length)).endPoint=Vd.getReversePoint({x:w,y:k},{x:h,y:y});d={x:u,y:s},v={x:u,y:s},b={x:u,y:s};t.push({command:"L",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("C"===i){var O=Vd.getPrevPoint(t,t.length),S=Ad(a,6),j=(h=S[0],y=S[1],S[2]),P=S[3];d={x:u=S[4],y:s=S[5]},b={x:j,y:P},v={x:u,y:s};t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}),O&&(O.curve=!0,O.endPoint={x:h,y:y})}else if("S"===i){var x,_=Ad(a,2);u=_[0],s=_[1];if((x=segments[e-1])&&"C"===x.command){var T=Ad(x.values,4);j=T[0],P=T[1],w=T[2],k=T[3];(O=Vd.getPrevPoint(t,t.length)).endPoint=Vd.getReversePoint(O.startPoint,O.reversePoint);d={x:u,y:s},v={x:u,y:s},b={x:j,y:P};t.push({command:"Q",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("Z"===i){O=Vd.getPrevPoint(t,t.length);var E=Vd.getFirstPoint(t,t.length);Vd.isEqual(O.startPoint,E.startPoint)&&(O.connected=!0,O.endPoint=L(E.endPoint),E.reversePoint=L(O.reversePoint)),O.close=!0}}return t=t.filter(function(t){return!!t})}},{key:"length",value:function(){return this.segments.length}},{key:"setSegments",value:function(t,e){this.segments[t]=e}},{key:"getSegments",value:function(t){return C(t)?this.segments[t]:this.segments}},{key:"joinPath",value:function(t){return(t||this.segments).map(function(t){return"".concat(t.command," ").concat(t.values.length?t.values.join(" "):"")}).join("")}},{key:"each",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map(function(n){return t.call(e,n)});if(n)return r;this.segments=r}},{key:"_loop",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each(function(e){var n=e.values;switch(e.command){case"M":case"L":var r=t(n,0);e.values=[r[0],r[1]];break;case"V":r=t([+n[0],0]);e.values=[r[0]];break;case"H":r=t([0,+n[0]]);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var o=0,i=n.length;o<i;o+=2){r=t(n,o);e.values[o]=r[0],e.values[o+1]=r[1]}}return e},e)}},{key:"clone",value:function(){return new t(this.joinPath())}},{key:"translate",value:function(t,e){return this._loop(Bd.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(Bd.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(Bd.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(Bd.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return C(e)&&C(n)?this._loop(Bd.rotateCenter(t,e,n)):this._loop(Bd.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(Bd.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(Bd.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(Bd.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(Bd.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(Bd.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(Bd.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(Bd.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(Bd.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(Bd.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(Bd.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(Bd.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&Id(e.prototype,n),r&&Id(e,r),t}();function Fd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Gd=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.pathArray=[]}var e,n,r;return e=t,r=[{key:"makeRect",value:function(e,n,r,o){return(new t).M({x:e,y:n}).L({x:e+r,y:n}).L({x:e+r,y:n+o}).L({x:e,y:n+o}).L({x:e,y:n}).Z().d}},{key:"makeLine",value:function(e,n,r,o){return(new t).M({x:e,y:n}).L({x:r,y:o}).d}},{key:"makeCircle",value:function(e,n,r,o){var i=(new t).M({x:0,y:-1}).C({x:.552284749831,y:-1},{x:1,y:-.552284749831},{x:1,y:0}).C({x:1,y:.552284749831},{x:.552284749831,y:1},{x:0,y:1}).C({x:-.552284749831,y:1},{x:-1,y:.552284749831},{x:-1,y:0}).C({x:-1,y:-.552284749831},{x:-.552284749831,y:-1},{x:0,y:-1}).Z().d,a=new zd(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}}],(n=[{key:"reset",value:function(){this.pathArray=[]}},{key:"getPointString",value:function(t){return t.map(function(t){return"".concat(t.x," ").concat(t.y)}).join(" ")}},{key:"makeString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return this.pathArray.push("".concat(t," ").concat(this.getPointString(e))),this}},{key:"M",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("M",e)}},{key:"L",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("L",e)}},{key:"Q",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("Q",e)}},{key:"C",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("C",e)}},{key:"Z",value:function(){return this.makeString("Z")}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"object";return'<path d="'.concat(this.d,"\" class='").concat(t,"'/>")}},{key:"d",get:function(){return this.pathArray.join(" ").trim()}}])&&Fd(e.prototype,n),r&&Fd(e,r),t}();function Hd(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Xd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Yd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Kd(t,e,n[e])})}return t}function Kd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Wd=["startPoint","endPoint","reversePoint"];function Ud(t,e,n,r,o){var i=t.filter(function(t){return!!t&&Math.abs(t[e]-n)<=o}).map(function(t){return{dist:Math.abs(t[e]-n),point:t}});i.sort(function(t,e){return t.dist>e.dist?-1:1});var a=null;return i.length&&(r+=(a=i[0].point)[e]-n),{point:a,distanceValue:r}}function Zd(t,e,n,r){var o=[],i=Wd;return t.filter(function(t){return t}).forEach(function(t){i.filter(function(e){return t[e]}).forEach(function(i){var a=t[i],c=Math.abs(a[e]-n);c<=r&&o.push({dist:c,point:a})})}),o.sort(function(t,e){return t.dist>e.dist?1:-1}),o.length?o[0].point:null}function qd(t,e,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=[],i=0,a=t.length;i<a;i++){var c=t[i];if(c){if("M"===c.command)o.push({command:"M",values:[c.startPoint]});else{var u=Vd.getPrevPoint(t,i);!1===c.curve?!1===u.curve?o.push({command:"L",values:[c.startPoint]}):o.push({command:"Q",values:[u.endPoint,c.startPoint]}):!1===u.curve?Vd.isEqual(c.reversePoint,c.startPoint)?o.push({command:"L",values:[c.startPoint]}):o.push({command:"Q",values:[c.reversePoint,c.startPoint]}):o.push({command:"C",values:[u.endPoint,c.reversePoint,c.startPoint]})}c.close&&o.push({command:"Z"})}}return{d:o.map(function(t){return function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=n.command,i=n.values;switch(o){case"Z":return"Z";default:var a=i.map(function(n){var o=n.x-t==0?0:(n.x-t)/r,i=n.y-e==0?0:(n.y-e)/r;return"".concat(o," ").concat(i)}).join(" ");return"".concat(o," ").concat(a)}}(e,n,t,r)}).join(" ")}}var Jd=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.pathEditor=e,this.pathStringManager=new Gd,this.guideLineManager=new Gd,this.segmentManager=new $d,this.initialize(),this.initializeSelect()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.splitLines=[],this.guideLineManager.reset(),this.segmentManager.reset(),this.pathStringManager.reset()}},{key:"initializeSelect",value:function(){this.selectedPointKeys={},this.selectedPointList=[]}},{key:"selectInBox",value:function(t){var e=[],n=["startPoint","endPoint","reversePoint"];this.state.points.forEach(function(r,o){n.forEach(function(n){var i=r[n];(function(t,e){return!(t.x2.value<e.x||t.y2.value<e.y||t.x.value>e.x||t.y.value>e.y)})(t,i)&&e.push({x:i.x,y:i.y,key:n,index:o})})}),this.select.apply(this,e)}},{key:"select",value:function(){var t=this;this.selectedPointKeys={};for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this.selectedPointList=n,n.forEach(function(e){var n="".concat(e.key,"_").concat(e.index);t.selectedPointKeys[n]=!0})}},{key:"selectKeyIndex",value:function(t,e){if(this.state.points[e]){var n=this.state.points[e][t];n&&!this.isSelectedSegment(t,e)&&this.select({x:n.x,y:n.y,key:t,index:e})}}},{key:"reselect",value:function(){var t=this;this.selectedPointList.forEach(function(e){var n=t.state.points[e.index][e.key];e.x=n.x,e.y=n.y})}},{key:"isSelectedSegment",value:function(t,e){var n="".concat(t,"_").concat(e);return this.selectedPointKeys[n]}},{key:"applyMatrix",value:function(t){for(var e=t.x,n=t.y,r=arguments.length,o=new Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return o.forEach(function(t){if(t){var r=Xd(t([e,n],0),2);e=r[0],n=r[1]}}),{x:e,y:n}}},{key:"applyTransform",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=it.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=it.matrix2d.translate(this.transformRect.x,this.transformRect.y);this.transformPoints.forEach(function(e,r){var a=t.state.points[r];Object.assign(a.startPoint,t.applyMatrix.apply(t,[e.startPoint,o].concat(n,[i]))),Object.assign(a.endPoint,t.applyMatrix.apply(t,[e.endPoint,o].concat(n,[i]))),Object.assign(a.reversePoint,t.applyMatrix.apply(t,[e.reversePoint,o].concat(n,[i])))})}},{key:"transform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.transformRect,o=(r.x,r.y,r.width),i=r.height;switch(t){case"flipX":this.applyTransform(it.matrix2d.translate(-e,0),it.matrix2d.flipX());break;case"flipY":this.applyTransform(it.matrix2d.translate(0,-n),it.matrix2d.flipY());break;case"flip":this.applyTransform(it.matrix2d.translate(-e,-n),it.matrix2d.flip());break;case"to move":this.applyTransform(it.matrix2d.translate(e,n));break;case"to skewX":var a=(s=yt(c=o/2,u=i/2))-yt(c+e,u);this.applyTransform(it.matrix2d.skewX(ct(a)));break;case"to skewY":var c,u,s=yt(c=o/2,u=i/2),l=yt(c,u+n)-s;this.applyTransform(it.matrix2d.skewY(ct(l)));break;case"to bottom right":var f=ut(o+e,o),p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(f,p));break;case"to right":f=ut(o+e,o);this.applyTransform(it.matrix2d.scale(f,1));break;case"to bottom":p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(1,p));break;case"to top right":f=ut(o+e,o),p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(0,n));break;case"to top left":f=ut(o-e,o),p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(e,n));break;case"to left":f=ut(o-e,o);this.applyTransform(it.matrix2d.scale(f,1),it.matrix2d.translate(e,0));break;case"to top":p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(1,p),it.matrix2d.translate(0,n));break;case"to bottom left":f=ut(o-e,o),p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=L(t),this.transformPoints=this.clonePoints.map(function(t){return{startPoint:L(t.startPoint),endPoint:L(t.endPoint),reversePoint:L(t.reversePoint)}})}},{key:"setConnectedPoint",value:function(t,e){var n=this.state,r=n.dragXY.x+t,o=n.dragXY.y+e,i={x:r,y:o},a={x:r,y:o};n.dragPoints&&(n.reversePoint=Vd.getReversePoint(n.startPoint,i));var c={startPoint:n.startPoint,endPoint:i,curve:!!n.dragPoints,reversePoint:a,connected:!0,close:!0};n.points.push(c)}},{key:"setCachePoint",value:function(t,e){var n=this.state,r=n.points;if(this.snapPointList=[],n.selectedIndex=t,n.connectedPoint=Vd.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Vd.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Vd.getNextPoint(r,t)),Vd.isFirst(n.segment)){var o=Vd.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=L(n.segment),n.connectedPoint&&(n.originalConnectedPoint=L(n.connectedPoint)),n.cachedPoints=[],r.filter(function(t){return t&&t!=n.segment}).forEach(function(t){n.cachedPoints.push(t.startPoint,t.reversePoint,t.endPoint)})}},{key:"moveSegment",value:function(t,e,n){var r=this.state,o=r.originalSegment[t],i=r.segment[t];o&&(i.x=o.x+e,i.y=o.y+n)}},{key:"calculateToCurve",value:function(t,e,n){var r=(e.startPoint.x+n.startPoint.x)/2,o=(e.startPoint.y+n.startPoint.y)/2,i=(e.startPoint.x-r)/2,a=(e.startPoint.y-o)/2;return t.endPoint={x:t.startPoint.x+i,y:t.startPoint.y+a},t.reversePoint={x:t.startPoint.x-i,y:t.startPoint.y-a},{dx:i,dy:a}}},{key:"convertToCurve",value:function(t){var e=this.state.points,n=e[t];if(n.curve)if(n.curve=!1,n.reversePoint=L(n.startPoint),n.endPoint=L(n.startPoint),"M"===n.command){var r=Vd.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=L(r.startPoint),r.endPoint=L(r.startPoint))}else{if((o=Vd.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=L(a.startPoint),a.endPoint=L(a.startPoint)}else{n.curve=!0;var o,i=Vd.getPrevPoint(e,t);if((o=Vd.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Vd.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=L(n.endPoint),a.reversePoint=L(n.reversePoint)}else if(o&&o.index>t&&"M"!==o.command)this.calculateToCurve(n,o,i);else if(!o&&i){var c=(n.startPoint.x-i.startPoint.x)/3,u=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+u},n.reversePoint=Vd.getReversePoint(n.startPoint,n.endPoint)}else if(!i&&o){c=(n.startPoint.x-o.startPoint.x)/3,u=(n.startPoint.y-o.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+u},n.reverse=Vd.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(t,e,n){var r=this.state;this.moveSegment(t,e,n);var o="endPoint"===t?"reversePoint":"endPoint";r.segment[o]=Vd.getReversePoint(r.segment.startPoint,r.segment[t])}},{key:"rotateSegmentTarget",value:function(t,e){var n=this.state;if(n.originalSegment&&n.segment){var r=n.originalSegment.startPoint,o=r.x,i=r.y,a=n.segment[t],c=a.x,u=a.y,s=n.originalSegment[e],l=s.x,f=s.y,p=pt(dt(c-o,u-i),ht(l,f,o,i),o,i),h=p.x,y=p.y;n.segment[e]={x:h,y:y}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.state,i=o.cachedPoints,a=o.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var c=a.x+e,u=a.y+n,s=Ud(i,"x",c,e,r),l=s.point,f=(e=s.distanceValue,Ud(i,"y",u,n,r)),p=f.point,h=(n=f.distanceValue,{x:a.x+e,y:a.y+n}),y=[];return l&&y.push({startPoint:l,endPoint:h}),p&&y.push({startPoint:p,endPoint:h}),{dx:e,dy:n,snapPointList:y}}},{key:"copySegment",value:function(t,e){e.startPoint=L(t.startPoint),e.endPoint=L(t.endPoint),e.reversePoint=L(t.reversePoint)}},{key:"moveSelectedSegment",value:function(t,e){var n=this;this.selectedPointList.forEach(function(r){var o=n.state.points[r.index][r.key];o.x=r.x+t,o.y=r.y+e})}},{key:"move",value:function(t,e,n){var r=this.state,o=r.isCurveSegment,i=r.segmentKey,a=r.connectedPoint,c=this.calculateSnap(i,t,e,2),u=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=u||[],this.selectedPointList.length>1)this.moveSelectedSegment(t,e);else if(o)if(n.shiftKey){this.moveSegment(i,t,e);var s="endPoint"===i?"reversePoint":"endPoint";r.segment[s]=Vd.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?this.moveSegment(i,t,e):(this.moveSegment(i,t,e),this.rotateSegment(i));else this.moveSegment("startPoint",t,e),this.moveSegment("endPoint",t,e),this.moveSegment("reversePoint",t,e);a&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.points,o=n.dragXY.x+t,i=n.dragXY.y+e,a={x:o,y:i},c={x:o,y:i};n.dragPoints&&(c=Vd.getReversePoint(n.startPoint,a)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,o=Vd.getPoint(r,e),i=Vd.getPoint(r,n),a=[Nd({},o,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},Nd({},i,{reversePoint:t.second[2]})],c=Vd.getIndex(r,e);r.splice.apply(r,[c,2].concat(a)),this.state.points=r}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=(t.second[t.second.length-1],this.clonePoints),r=Vd.getPoint(n,e),o=[Nd({},r,{endPoint:{x:r.startPoint.x+(r.endPoint.x-r.startPoint.x)/3,y:r.startPoint.y+(r.endPoint.y-r.startPoint.y)/3}}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],i=Vd.getIndex(n,e);n.splice.apply(n,[i,1].concat(o)),this.state.points=n}},{key:"setPointLine",value:function(t){var e=t.first[0],n=this.clonePoints,r=[{command:"L",startPoint:t.first[1],curve:!1,endPoint:t.first[1],reversePoint:t.first[1]}],o=Vd.getIndex(n,e);n.splice.apply(n,[o+1,0].concat(r)),this.state.points=n}},{key:"toPath",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return qd(this.clonePoints,t,e,n)}},{key:"changeScale",value:function(){this.pathEditor.scale}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makePointGuide(this.clonePoints),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeTriangleDistancePointGuide",value:function(t,e){var n=Math.min(t.startPoint.x,e.startPoint.x),r=Math.max(t.startPoint.x,e.startPoint.x),o=Math.min(t.startPoint.y,e.startPoint.y),i=Math.max(t.startPoint.y,e.startPoint.y);if(t.startPoint.x<e.startPoint.x&&t.startPoint.y<e.startPoint.y){this.segmentManager.addDistanceLine({x:n,y:o},{x:r,y:o}).addDistanceLine({x:r,y:o},{x:r,y:i});var a=n,c=o,u=dt(r-n,i-o)-180,s=pt(0,20,a,c),l=s.x,f=s.y,p=pt(u/2,20,a,c),h=p.x,y=p.y,d=pt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:h-5,y:y+15},u)}else t.startPoint.x<e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:o},{x:r,y:i}):t.startPoint.x>e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:o},{x:n,y:i}).addDistanceLine({x:n,y:i},{x:r,y:i}):t.startPoint.x>e.startPoint.x&&t.startPoint.y<e.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:o},{x:r,y:i})}},{key:"makeDistancePointGuide",value:function(t,e,n,r){e.selected&&(t&&this.makeTriangleDistancePointGuide(t,e),n&&this.makeTriangleDistancePointGuide(e,n))}},{key:"makeStartPointGuide",value:function(t,e,n,r){e.startPoint.isFirst=!0,this.pathStringManager.M(e.startPoint),!1===e.curve?(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||this.segmentManager.addText(e.startPoint,r+1)):this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint).addCurvePoint(e.endPoint,r,"endPoint",this.isSelectedSegment("endPoint",r))}},{key:"makeMiddlePointGuideSegment",value:function(t,e,n,r){var o=this.segmentManager;!1===e.curve?!1===t.curve?(o.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):(o.addGuideLine(t.startPoint,t.endPoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Vd.isEqual(e.reversePoint,e.startPoint)?(o.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):(o.addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):e.connected?o.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)):(o.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(t,e,n,r){var o=this.pathStringManager;!1===e.curve?!1===t.curve?o.L(e.startPoint):o.Q(t.endPoint,e.startPoint):!1===t.curve?Vd.isEqual(e.reversePoint,e.startPoint)?o.L(e.startPoint):o.Q(e.reversePoint,e.startPoint):o.C(t.endPoint,e.reversePoint,e.startPoint)}},{key:"makeMiddlePointGuideSplitLine",value:function(t,e,n,r){!1===e.curve?!1===t.curve?this.splitLines.push((new Gd).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Gd).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Vd.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Gd).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Gd).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Gd).M(t.startPoint).C(t.endPoint,e.reversePoint,e.startPoint).toString("split-path"))}},{key:"makePointGuide",value:function(t){for(var e=this.state.selectedIndex,n=0,r=t.length;n<r;n++){var o=t[n];if(o){var i=Vd.getNextPoint(t,n),a=Vd.getPrevPoint(t,n);a&&"M"===a.command&&(o.startPoint.isSecond=!0),o.startPoint.isLast=i?"M"===i.command:n===r-1,o.selected=e===n,"M"===o.command?this.makeStartPointGuide(a,o,i,n):(this.makeMiddlePointGuideRealPath(a,o,i,n),this.makeMiddlePointGuideSplitLine(a,o,i,n),this.makeMiddlePointGuideSegment(a,o,i,n)),o.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.points,n=t.startPoint,r=t.moveXY,o=t.dragPoints,i=(t.altKey,t.snapPointList);if(r){var a;i=i||[];var c=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=Zd(t,"x",e.x,n),o=Zd(t,"y",e.y,n),i=Nd({},e);r&&(i.x=r.x),o&&(i.y=o.y);var a=[];return r&&a.push({startPoint:r,endPoint:i}),o&&a.push({startPoint:o,endPoint:i}),{snapPointList:a,moveXY:i}}(e,r,2),u=c.snapPointList,s=c.moveXY;(a=i).push.apply(a,Hd(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Vd.getReversePoint(n,r);y=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:y,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:y,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:y,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Vd.getReversePoint(n,r);y=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:y,y:d},n),this.segmentManager.addGuideLine(r,{x:y,y:d}).addPoint(!1,n).addCurvePoint({x:y,y:d}).addCurvePoint(r)}}else{var h=Vd.getReversePoint(n,r),y=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:y,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:y,y:d})}else l&&(l.curve?(this.guideLineManager.M(l.startPoint).Q(l.endPoint,r),this.segmentManager.addGuideLine(l.endPoint,l.startPoint).addCurvePoint(l.endPoint)):l.close||(this.guideLineManager.M(l.startPoint).L(r),this.segmentManager.addPoint(!1,l.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new Gd;t=this.snapPointList.map(function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).toString("snap-path")})}return t.join("")}},{key:"makeSelectedSVGZone",value:function(){var t=this.state,e=t.screenX,n=t.screenY,r=t.screenWidth,o=t.screenHeight,i=this.pathEditor.scale,a=e.value*i,c=n.value*i,u=r.value*i,s=o.value*i;return"<rect class='svg-canvas' ".concat(K({x:a,y:c,width:u,height:s})," />")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n            '.concat(this.makeSelectedSVGZone(),"\n            ").concat(this.guideLineManager.toString("guide"),"\n            ").concat(this.pathStringManager.toString("object"),"\n            ").concat(this.splitLines.join(""),"\n            ").concat(this.makeSnapLines(),"\n            ").concat(this.segmentManager.toString(),"\n        </svg>\n        ")}},{key:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return Hd(this.state.points)}}])&&Yd(e.prototype,n),r&&Yd(e,r),t}();function Qd(t){return(Qd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ev(t,e,n[e])})}return t}function ev(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rv(t,e){return!e||"object"!==Qd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ov(t,e,n){return(ov="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=iv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function iv(t){return(iv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function av(t,e){return(av=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rv(this,iv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&av(t,e)}(e,Dr),n=e,o=[{key:"parse",value:function(t){var n=[],r=se(t),o=r.str.split(" ").filter(function(t){return t.trim()}),i=+o[0].replace("@",""),a=r.matches[i].color;if(1===o.length)n.push(new e({color:a,unit:"%",percent:0,hasNotUnit:!0}));else if(2===o.length){var c=He.parse(o[1]),u={unit:c.unit};c.isPercent()?u.percent=c.value:c.isPx()?u.px=c.value:c.isEm()&&(u.em=c.value),n.push(new e(tv({color:a},u)))}else 3===o.length&&[1,2].forEach(function(t){var r=He.parse(o[t]),i={unit:r.unit};r.isPercent()?i.percent=r.value:r.isPx()?i.px=r.value:r.isEm()&&(i.em=r.value),n.push(new e(tv({color:a},i)))});return n}}],(r=[{key:"getDefaultObject",value:function(){return ov(iv(e.prototype),"getDefaultObject",this).call(this,{cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null})}},{key:"toCloneObject",value:function(){return tv({},ov(iv(e.prototype),"toCloneObject",this).call(this),{cut:this.json.cut,percent:this.json.percent,unit:this.json.unit,px:this.json.px,em:this.json.em,color:this.json.color})}},{key:"on",value:function(){this.json.cut=!0}},{key:"off",value:function(){this.json.cut=!1}},{key:"toggle",value:function(){this.json.cut=!this.json.cut}},{key:"getUnit",value:function(){return"%"==this.json.unit?"percent":this.json.unit}},{key:"add",value:function(t){var e=this.getUnit();return this.json[e]+=+t,this}},{key:"sub",value:function(t){var e=this.getUnit();return this.json[e]-=+t,this}},{key:"mul",value:function(t){var e=this.getUnit();return this.json[e]*=+t,this}},{key:"div",value:function(t){var e=this.getUnit();return this.json[e]/=+t,this}},{key:"mod",value:function(t){var e=this.getUnit();return this.json[e]%=+t,this}},{key:"toLength",value:function(t){return He.parse(this.json)}},{key:"getPrevLength",value:function(){return this.json.prevColorStep?this.json.prevColorStep.toLength():""}},{key:"toString",value:function(){var t=this.json.cut?this.getPrevLength():"",e=this.json.color||"transparent";return"".concat(e," ").concat(t," ").concat(this.toLength())}},{key:"reset",value:function(t){ov(iv(e.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"isPx",get:function(){return"px"==this.json.unit}},{key:"isPercent",get:function(){return"%"==this.json.unit||"percent"===this.json.unit}},{key:"isEm",get:function(){return"em"==this.json.unit}}])&&nv(n.prototype,r),o&&nv(n,o),e}();function uv(t){return(uv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function lv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fv(t,e){return!e||"object"!==uv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pv(t,e,n){return(pv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=hv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function hv(t){return(hv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yv(t,e){return(yv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fv(this,hv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yv(t,e)}(e,Gr),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return pv(hv(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){sv(t,e,n[e])})}return t}({itemType:"image-resource",type:"image"},t))}},{key:"isGradient",value:function(){return!1}},{key:"isLinear",value:function(){return!1}},{key:"isRadial",value:function(){return!1}},{key:"isConic",value:function(){return!1}},{key:"isStatic",value:function(){return!1}},{key:"isImage",value:function(){return!1}},{key:"hasAngle",value:function(){return!1}},{key:"isUrl",value:function(){return!1}},{key:"isFile",value:function(){return!1}},{key:"isAttribute",value:function(){return!0}},{key:"toString",value:function(){return"none"}}])&&lv(n.prototype,r),o&&lv(n,o),e}();function vv(t){return(vv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){gv(t,e,n[e])})}return t}function gv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function mv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wv(t,e){return!e||"object"!==vv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kv(t,e,n){return(kv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ov(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ov(t){return(Ov=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sv(t,e){return(Sv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jv={"to top":0,"to top right":45,"to right":90,"to bottom right":135,"to bottom":180,"to bottom left":225,"to left":270,"to top left":315},Pv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wv(this,Ov(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sv(t,e)}(e,dv),n=e,o=[{key:"toColorString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!t.length)return"";var e=t.map(function(e,n){return e.prevColorStep=e.cut&&n>0?t[n-1]:null,e});return 1===e.length&&e.push(new cv({color:e[0].color||"transparent",percent:100})),e.map(function(t){return"".concat(t)}).join(",")}},{key:"random",value:function(){var t=Math.floor(1e3*Math.random())%360;return"linear-gradient(".concat(t,"deg, ").concat(Ee.random()," 0%, ").concat(Ee.random()," 100%)")}}],(r=[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return kv(Ov(e.prototype),"getDefaultObject",this).call(this,bv({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return bv({},kv(Ov(e.prototype),"toCloneObject",this).call(this),{colorsteps:this.json.colorsteps.map(function(t){return t.clone()})})}},{key:"convert",value:function(t){return t.colorsteps=t.colorsteps.map(function(t){return new cv(t)}),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return E(jv[t])?t:jv[t]||0}},{key:"addColorStep",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this.json.colorsteps.push(t),e&&this.sortColorStep(),t}},{key:"insertColorStep",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(216,216,216,0)",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(216,216,216,1)",r=this.colorsteps;if(r.length){if(t<r[0].percent)return r[0].index=1,void this.addColorStep(new cv({index:0,color:r[0].color,percent:t}));var o=r.length-1;if(r[o].percent<t){var i=r[o].color,a=r[o].index+1;this.addColorStep(new cv({index:a,color:i,percent:t}))}else for(var c=0,u=r.length-1;c<u;c++){var s=r[c],l=r[c+1];if(s.percent<=t&&t<=l.percent){i=Ee.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb");return void this.addColorStep(new cv({index:s.index+1,color:i,percent:t}))}}}else this.addColorStepList([new cv({color:e,percent:t,index:0}),new cv({color:n,percent:100,index:100})])}},{key:"sortColorStep",value:function(){var t=this.colorsteps;t.sort(function(t,e){return t.percent>e.percent?1:t.percent<e.percent?-1:t.percent==e.percent?t.index===e.index?0:t.index>e.index?1:-1:void 0}),t.forEach(function(t,e){t.index=100*e})}},{key:"addColorStepList",value:function(){var t=this;(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach(function(e){t.addColorStep(e,!1)}),this.sortColorStep()}},{key:"getColorStep",value:function(t){return this.json.colorsteps.filter(function(e){return e.id==t})[0]}},{key:"clear",value:function(){arguments.length?this.json.colorsteps.splice(+(arguments.length<=0?void 0:arguments[0]),1):this.json.colorsteps=[]}},{key:"removeColorStep",value:function(t){this.json.colorsteps=this.json.colorsteps.filter(function(e){return e.id!=t})}},{key:"getColorString",value:function(){var t=this.colorsteps;return e.toColorString(t)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}])&&mv(n.prototype,r),o&&mv(n,o),e}();function xv(t){return(xv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Tv(t,e){return!e||"object"!==xv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ev(t){return(Ev=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Cv(t,e){return(Cv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $v=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Tv(this,Ev(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Cv(t,e)}(e,Pv),n=e,(r=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&_v(n.prototype,r),o&&_v(n,o),e}();function Rv(t){return(Rv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vv(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Av(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Dv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Iv(t,e,n[e])})}return t}function Iv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Mv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lv(t,e){return!e||"object"!==Rv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bv(t,e,n){return(Bv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zv(t){return(zv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fv(t,e){return(Fv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Lv(this,zv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fv(t,e)}(e,$v),n=e,o=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=se(t),r={},o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),o.push.apply(o,Av(cv.parse(t)));else{var i=Vv(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];r.x1=He.parse(a),r.y1=He.parse(c),r.x2=He.parse(u),r.y2=He.parse(s),r.spreadMethod=l||"pad"}}),new e(Dv({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(t){return Bv(zv(e.prototype),"getDefaultObject",this).call(this,Dv({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Dv({},Bv(zv(e.prototype),"toCloneObject",this).call(this),{x1:this.json.x1,y1:this.json.y1,x2:this.json.x2,y2:this.json.y2,spreadMethod:this.json.spreadMethod})}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e=this.json,n=[e.x1,e.y1,e.x2,e.y2,e.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(t,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.x1,r=e.y1,o=e.x2,i=e.y2,a=e.spreadMethod;return"\n<linearGradient ".concat(K({id:t,x1:n,x2:o,y1:r,y2:i,spreadMethod:a})," >\n  ").concat(this.colorsteps.map(function(t){return'<stop offset="'.concat(t.percent,'%"  stop-color="').concat(t.color,'" ></stop>')}).join("\n"),"\n</linearGradient>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&Mv(n.prototype,r),o&&Mv(n,o),e}();function Hv(t){return(Hv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xv(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Yv(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Nv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Kv(t,e,n[e])})}return t}function Kv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Uv(t,e){return!e||"object"!==Hv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zv(t,e,n){return(Zv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qv(t){return(qv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jv(t,e){return(Jv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Uv(this,qv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jv(t,e)}(e,$v),n=e,o=[{key:"parse",value:function(t){var n=se(t),r={},o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),o.push.apply(o,Yv(cv.parse(t)));else{var i=Xv(t.split(" "),7),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4],f=i[5],p=i[6];r.cx=a,r.cy=c,r.r=u,r.fx=s,r.fy=l,r.fr=f,r.spreadMethod=p||"pad"}}),new e(Nv({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zv(qv(e.prototype),"getDefaultObject",this).call(this,Nv({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){var t=this.json,n=t.cx,r=t.cy,o=t.r,i=t.fx,a=t.fy,c=t.fr,u=t.spreadMethod;return Nv({},Zv(qv(e.prototype),"toCloneObject",this).call(this),{cx:n,cy:r,r:o,fx:i,fy:a,fr:c,spreadMethod:u})}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e=this.json,n=[e.cx,e.cy,e.r,e.fx,e.fy,e.fr,e.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(t,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.cx,r=e.cy,o=e.r,i=e.fx,a=e.fy,c=e.fr,u=e.spreadMethod;return"\n<radialGradient ".concat(K({id:t,cx:n,cy:r,r:o,fx:i,fy:a,fr:c,spreadMethod:u})," >\n  ").concat(this.colorsteps.map(function(t){return'<stop offset="'.concat(t.percent,'%"  stop-color="').concat(t.color,'" />')}).join("\n"),"\n</radialGradient>\n")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&Wv(n.prototype,r),o&&Wv(n,o),e}();function tb(t){return(tb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rb(t,e){return!e||"object"!==tb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ob(t,e,n){return(ob="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ib(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ib(t){return(ib=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ab(t,e){return(ab=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rb(this,ib(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ab(t,e)}(e,$v),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new cv({color:t,percent:0,index:0}),new cv({color:t,percent:100,index:0})]})}}],(r=[{key:"getDefaultObject",value:function(){return ob(ib(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new cv({color:"red",percent:0,index:0}),new cv({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){eb(t,e,n[e])})}return t}({},ob(ib(e.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"setColor",value:function(t){this.colorsteps.forEach(function(e){e.color=t})}},{key:"toString",value:function(){return this.json.colorsteps[0].color}},{key:"toSVGString",value:function(){return""}},{key:"toFillValue",value:function(){return this.toString()}},{key:"isStatic",value:function(){return!0}}])&&nb(n.prototype,r),o&&nb(n,o),e}();function ub(t){return(ub="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sb(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function lb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){fb(t,e,n[e])})}return t}function fb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hb(t,e){return!e||"object"!==ub(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yb(t,e,n){return(yb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=db(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function db(t){return(db=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vb(t,e){return(vb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bb=["jpg","jpeg","png","gif","svg"];var gb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hb(this,db(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vb(t,e)}(e,dv),n=e,o=[{key:"parse",value:function(t){var n=sb(t.split("(")[1].split(")")[0].trim().split("#"),2),r=n[0],o=n[1];if(!o)return new e({url:r});var i=sb(o.split(","),7);return new e({patternUnits:i[0],patternWidth:i[1],patternHeight:i[2],imageX:i[3],imageY:i[4],imageWidth:i[5],imageHeight:i[6],url:r})}},{key:"isImageFile",value:function(t){return bb.includes(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return yb(db(e.prototype),"getDefaultObject",this).call(this,lb({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return lb({},yb(db(e.prototype),"toCloneObject",this).call(this),{url:this.json.url,datauri:this.json.datauri,patternUnits:this.json.patternUnits,patternWidth:this.json.patternWidth,patternHeight:this.json.patternHeight,imageX:this.json.imageX,imageY:this.json.imageY,imageWidth:this.json.imageWidth,imageHeight:this.json.imageHeight})}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.json,n=e.patternUnits,r=e.patternWidth,o=e.patternHeight,i=e.imageX,a=e.imageY,c=e.imageWidth,u=e.imageHeight,s=e.url,l=[n,r,o,i,a,c,u].join(",").trim();return t?"url(".concat(pl.getFile(s),")"):"url(".concat(s,"#").concat(l,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,o=e.patternHeight,i=e.imageX,a=e.imageY,c=e.imageWidth,u=e.imageHeight;return"\n  <pattern ".concat(K({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(K({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&pb(n.prototype,r),o&&pb(n,o),e}();function mb(t){return(mb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){kb(t,e,n[e])})}return t}function kb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ob(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sb(t,e){return!e||"object"!==mb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jb(t){return(jb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pb(t,e){return(Pb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xb=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,_b=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sb(this,jb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pb(t,e)}(e,Gr),n=e,o=[{key:"createImage",value:function(t){return new SVGLImageResource({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=e.toJSON();switch(delete r.itemType,delete r.type,t.type){case"linear-gradient":return new Gv(wb({},r,{colorsteps:n}));case"radial-gradient":return new Qv(wb({},r,{colorsteps:n}));default:return new cb(wb({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=se(t),n=null,r=e.str.match(xb);return r?(r.forEach(function(t,r){t=fe(t,e.matches),n=t.includes("linear")?Gv.parse(t):t.includes("radial")?Qv.parse(t):t.includes("url")?gb.parse(t):cb.parse(t)}),n):cb.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Gv(t);case"radial-gradient":return new Qv(t);case"image-resource":case"url":return new gb(t);default:return new cb(t)}}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:e.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:e.createGradient(t,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&Ob(n.prototype,r),o&&Ob(n,o),e}();function Tb(t){return(Tb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Eb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Cb(t,e,n[e])})}return t}function Cb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $b(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rb(t,e){return!e||"object"!==Tb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vb(t,e,n){return(Vb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ab(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ab(t){return(Ab=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Db(t,e){return(Db=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ib=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Rb(this,Ab(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Db(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Vb(Ab(e.prototype),"getDefaultObject",this).call(this,Eb({itemType:"svg",name:"New SVG",elementType:"svg",overflow:"visible",stroke:"black","stroke-width":1,svgfilter:"",fill:"transparent","fill-rule":"","fill-opacity":"","stroke-linecap":"","stroke-linejoin":"","stroke-dashoffset":"","stroke-dasharray":" ","text-anchor":"start","motion-based":!1},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Eb({},Vb(Ab(e.prototype),"toCloneObject",this).call(this),{overflow:t.overflow,stroke:t.stroke,"stroke-width":t["stroke-width"],svgfilter:t.svgfilter,fill:t.fill,"fill-rule":t["fill-rule"],"fill-opacity":t["fill-opacity"],"stroke-linecap":t["stroke-linecap"],"stroke-linejoin":t["stroke-linejoin"],"stroke-dashoffset":t["stroke-dashoffset"],"stroke-dasharray":t["stroke-dasharray"],"text-anchor":t["text-anchor"],"motion-based":t["motion-based"]})}},{key:"toDefaultCSS",value:function(){return Eb({},Vb(Ab(e.prototype),"toDefaultCSS",this).call(this),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toSVGAttribute",value:function(){return Eb({},this.toDefaultSVGCSS(),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"updateDefString",value:function(t){var e=t.$("defs");if(e)e.html(this.toDefInnerString);else{var n=this.toDefString.trim();t.prepend(Ke.createByHTML(n))}}},{key:"toExportSVGCode",value:function(){return"\n      ".concat(this.toFillSVG,"\n      ").concat(this.toStrokeSVG,"\n    ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n    ")}},{key:"toDefString",get:function(){var t=this.toDefInnerString.trim();return"\n      <defs>\n        ".concat(t,"\n      </defs>\n    ")}},{key:"fillId",get:function(){return this.getInnerId("fill")}},{key:"strokeId",get:function(){return this.getInnerId("stroke")}},{key:"toFillSVG",get:function(){return _b.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return _b.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return _b.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return _b.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&$b(n.prototype,r),o&&$b(n,o),e}();function Mb(t){return(Mb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Bb(t,e,n[e])})}return t}function Bb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function zb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Fb(t,e){return!e||"object"!==Mb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gb(t,e,n){return(Gb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Hb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Hb(t){return(Hb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Xb(t,e){return(Xb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Fb(this,Hb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xb(t,e)}(e,Ib),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Gb(Hb(e.prototype),"getDefaultObject",this).call(this,Lb({itemType:"svg-path",name:"New Path",d:"",segments:[],totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new zd(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=He.px(t.rect.width),this.json.height=He.px(t.rect.height),this.setScreenX(He.px(t.rect.x)),this.setScreenY(He.px(t.rect.y)))}},{key:"setCache",value:function(){this.rect=this.clone(),this.cachePath=this.json.path.clone()}},{key:"recover",value:function(){var t=this.rect.width.value;0===t&&(t=1);var e=this.rect.height.value;0===e&&(e=1);var n=this.json.width.value/t,r=this.json.height.value/e;this.scale(n,r)}},{key:"scale",value:function(t,e){this.json.d=this.cachePath.clone().scaleTo(t,e),this.json.path.reset(this.json.d)}},{key:"convert",value:function(t){return(t=Gb(Hb(e.prototype),"convert",this).call(this,t)).d&&(t.path=new zd(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return Lb({},Gb(Hb(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:L(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return yc(t.property)&&dc(t.property)}),n=t.filter(function(t){return vc(t.property)});return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("path");n.attr("d",this.json.d),e&&(n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),this.json.totalLength=n.totalLength}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return'\n      <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <path ").concat(K(Lb({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"html",get:function(){var t=this.json.id,e={"motion-based":this.json["motion-based"]};return"\n  <svg class='element-item path ".concat(W(e),"'  ").concat(K({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(K({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue})," />\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&zb(n.prototype,r),o&&zb(n,o),e}();function Nb(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var Kb={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},Wb={ease:"cubic-bezier(0.25, 0.1, 0.25, 1)","ease-in":"cubic-bezier(0.42, 0, 1, 1)","ease-out":"cubic-bezier(0, 0, 0.58, 1)"},Ub=[[0,0,1,1,"linear",!0],[.25,.1,.25,1,"ease",!0],[.42,0,1,1,"ease-in",!0],[0,0,.58,1,"ease-out",!0],[.47,0,.745,.715,"ease-in-sine"],[.39,.575,.565,1,"ease-out-sine"],[.445,.05,.55,.95,"ease-in-out-sine"],[.55,.085,.68,.53,"ease-in-quad"],[.25,.46,.45,.94,"ease-out-quad"],[.455,.03,.515,.955,"ease-in-out-quad"],[.55,.055,.675,.19,"ease-in-cubic"],[.215,.61,.355,1,"ease-out-cubic"],[.645,.045,.355,1,"ease-in-out-cubic"],[.895,.03,.685,.22,"ease-in-quart"],[.165,.84,.44,1,"ease-out-quart"],[.77,0,.175,1,"ease-in-out-quart"],[.6,.04,.98,.335,"ease-in-circ"],[.075,.82,.165,1,"ease-out-circ"],[.785,.135,.15,.86,"ease-in-out-circ"],[.95,.05,.795,.035,"ease-in-expo"],[.19,1,.22,1,"ease-out-expo"],[1,0,0,1,"ease-in-out-expo"],[.755,.05,.855,.06,"ease-in-quint"],[.23,1,.32,1,"ease-out-quint"],[.86,0,.07,1,"ease-in-out-quint"],[.6,-.28,.735,.045,"ease-in-back"],[.175,.885,.32,1.275,"ease-out-back"],[.68,-.55,.265,1.55,"ease-in-out-back"]],Zb=function(t){return Nb(Jb(Wb[t]||t))},qb=function(t){t=t.map(function(t){return Math.floor(100*t)/100});for(var e=0,n=Ub.length;e<n;e++){var r=Ub[e];if(r[0]==t[0]&&r[1]==t[1]&&r[2]==t[2]&&r[3]==t[3]&&r[5])return r[4]}return"cubic-bezier( ".concat(t.filter(function(t,e){return e<4}).join(",")," )")},Jb=function(t){if("string"==typeof t){if(Kb[t])return Ub.filter(function(e){return e[4]===t})[0];var e=t.replace("cubic-bezier","").replace("(","").replace(")","").split(",");return e=e.map(function(t){return parseFloat(t.trim())})}return t},Qb=function(t,e,n,r){var o=[t,e,n,r];return function(t){return ug(o,t)}},tg=function(t,e,n){var r=[t,e,n];return function(t){return sg(r,t)}},eg=function(t,e,n,r,o){var i=e(n),a=ht(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},ng=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=Qb({x:t,y:e},{x:n,y:r},{x:o,y:i},{x:a,y:c}),l=0,f=s(0),p=0;p<=u;p++){var h=s(p/u);l+=ht(f.x,f.y,h.x,h.y),f=h}return l},rg=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=tg({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=c(l/a);u+=ht(s.x,s.y,f.x,f.y),s=f}return u},og=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,o){for(var i=0;i<=e;i++)eg(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)eg(n,t,c-a,r,o),eg(n,t,c+a,r,o),a/=2;return n.minT}},ig=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return og(function(t,e){var n=[t,e];return function(t){return lg(n,t)}}(t,e),n)},ag=function(t){var e=Jb(t),n={x:e[0],y:e[1]},r={x:e[2],y:e[3]};return Qb({x:0,y:0},n,r,{x:1,y:1})},cg=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},ug=function(t,e){var n=cg(t[0],t[1],e),r=cg(t[1],t[2],e),o=cg(t[2],t[3],e),i=cg(n,r,e),a=cg(r,o,e);return cg(i,a,e)},sg=function(t,e){var n=cg(t[0],t[1],e),r=cg(t[1],t[2],e);return cg(n,r,e)},lg=function(t,e){return cg(t[0],t[1],e)},fg=function(t,e){var n=cg(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function pg(t){return(pg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yg(t,e,n){return(yg="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=wg(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function dg(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function vg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gg(t,e,n){return e&&bg(t.prototype,e),n&&bg(t,n),t}function mg(t,e){return!e||"object"!==pg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wg(t){return(wg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kg(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Og(t,e)}function Og(t,e){return(Og=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Sg(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function jg(t){var e=Sg(t,2);return{x:e[0],y:e[1]}}var Pg=function(t){function e(){return vg(this,e),mg(this,wg(e).apply(this,arguments))}return kg(e,_r),gg(e,[{key:on("$view [data-segment]"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),e}(),xg=function(t){function e(){return vg(this,e),mg(this,wg(e).apply(this,arguments))}return kg(e,Pg),gg(e,[{key:rn("$view .split-path"),value:function(t){this.initRect();var e=new zd(t.$delegateTarget.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y};if("C"===e.segments[1].command){var r=[jg(e.segments[0].values),jg(e.segments[1].values.slice(0,2)),jg(e.segments[1].values.slice(2,4)),jg(e.segments[1].values.slice(4,6))],o=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return og(Qb(t,e,n,r),o)}.apply(void 0,dg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(function(t,e){var n=cg(t[0],t[1],e),r=cg(t[1],t[2],e),o=cg(t[2],t[3],e),i=cg(n,r,e),a=cg(r,o,e),c=cg(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}}(r,o))}else if("Q"===e.segments[1].command){r=[jg(e.segments[0].values),jg(e.segments[1].values.slice(0,2)),jg(e.segments[1].values.slice(2,4))],o=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return og(tg(t,e,n),r)}.apply(void 0,dg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(function(t,e){var n=cg(t[0],t[1],e),r=cg(t[1],t[2],e),o=cg(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}}(r,o))}else if("L"===e.segments[1].command){r=[jg(e.segments[0].values),jg(e.segments[1].values.slice(0,2))],o=ig.apply(void 0,dg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine(fg(r,o))}this.renderPath(),this.refreshPathLayer()}}]),e}(),_g=function(t){function e(){return vg(this,e),mg(this,wg(e).apply(this,arguments))}return kg(e,xg),gg(e,[{key:Pr("changePathTransform"),value:function(t){this.resetTransformZone();var e=this.state.transformZoneRect,n=e.width,r=e.height;switch(this.pathGenerator.initTransform(this.state.transformZoneRect),t){case"flipX":this.pathGenerator.transform("flipX",n,0);break;case"flipY":this.pathGenerator.transform("flipY",0,r);break;case"flip":this.pathGenerator.transform("flip",n,r)}this.renderPath(),this.refreshPathLayer()}},{key:kn("$tool .transform-tool-item")+In("moveTransformTool")+Mn("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$delegateTarget.attr("data-position"),this.resetTransformZone(),this.pathGenerator.initTransform(this.state.transformZoneRect),this.startXY=t.xy}},{key:"moveTransformTool",value:function(t,e){this.pathGenerator.transform(this.transformMoveType,t,e),this.renderPath(),this.refreshPathLayer()}},{key:"moveEndTransformTool",value:function(t,e){}}]),e}(),Tg=function(t){function e(){return vg(this,e),mg(this,wg(e).apply(this,arguments))}return kg(e,_g),gg(e,[{key:"initialize",value:function(){yg(wg(e.prototype),"initialize",this).call(this),this.pathParser=new zd,this.pathGenerator=new Jd(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"draw",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:He.px(0),screenY:He.px(0),screenWidth:He.px(0),screenHeight:He.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\" ref='$view'>\n            <div class='path-container' ref='$view'></div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to move'></div>\n                    <div class='transform-tool-item' data-position='to top'></div>\n                    <div class='transform-tool-item' data-position='to right'></div>\n                    <div class='transform-tool-item' data-position='to bottom'></div>\n                    <div class='transform-tool-item' data-position='to left'></div>\n                    <div class='transform-tool-item' data-position='to top right'></div>\n                    <div class='transform-tool-item' data-position='to bottom right'></div>\n                    <div class='transform-tool-item' data-position='to top left'></div>\n                    <div class='transform-tool-item' data-position='to bottom left'></div>  \n                </div>\n            </div>\n            <div class='segment-box' ref='$segmentBox'></div>\n        </div>"}},{key:Gn("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,style:{left:He.px(t.x),top:He.px(t.y),width:He.px(t.width),height:He.px(t.height)}}}},{key:"renderTransformTool",value:function(){this.bindData("$tool")}},{key:"isShow",value:function(){return this.state.isShow}},{key:"initRect",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!t||(this.state.rect=this.parent.refs.$body.rect())}},{key:un("document")+En("isShow")+Cn("Escape")+Cn("Enter")+Ln+Bn,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this.pathGenerator.toPath(t.x,t.y,this.scale).d,r=pl.selection.currentArtboard;if(r){var o=t.x/this.scale,i=t.y/this.scale,a=t.width/this.scale,c=t.height/this.scale;(e=r.add(new Yb({width:He.px(a),height:He.px(c),d:n,totalLength:this.totalPathLength}))).setScreenX(o),e.setScreenY(i)}return e}},{key:"updatePathLayer",value:function(){var t=this.getPathRect(),e=t.x,n=t.y,r=this.state.current;if(r&&this.isBoxMode)e=r.screenX.value/this.scale,n=r.screenY.value/this.scale;var o=this.pathGenerator.toPath(e,n,this.scale).d,i=new zd(o);this.emit(this.state.changeEvent,{d:i.toString(),totalLength:this.totalPathLength,rect:{x:0===t.x?0:t.x/this.scale,y:0===t.y?0:t.y/this.scale,width:0===t.width?0:t.width/this.scale,height:0===t.height?0:t.height/this.scale}}),this.emit("refreshPathLayer")}},{key:"addPathLayer",value:function(){var t=this.getPathRect();if(this.changeMode("modify"),0!==t.width&&0!==t.height){var e=this.makePathLayer(t);e&&(pl.selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){hg(t,e,n[e])})}return t}({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:Pr("changePathManager"),value:function(t){this.setState({mode:t,clickCount:0},!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Pr("changeScale"),value:function(){this.refresh()}},{key:"getCurrentObject",value:function(){var t=this.state.current;return t?{current:t,d:t.d,screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}:null}},{key:"refresh",value:function(t){if((t=t||this.getCurrentObject())&&t.d){this.pathParser.reset(t.d),this.pathParser.scale(this.scale,this.scale);var e=t.screenX.value*this.scale,n=t.screenY.value*this.scale;this.pathParser.translate(e,n),this.state.points=this.pathParser.convertGenerator(),this.state.hasTransform=!!t.current.transform}else this.state.hasTransform=!1;this.pathGenerator.initializeSelect(),this.renderPath()}},{key:Pr("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===t?(e.current=null,e.points=[]):e.current||(e.current=null),e.box=e.box||"canvas",this.changeMode(t,e),this.refresh(e),this.state.isShow=!0,this.$el.show(),this.$el.focus(),this.emit("showPathManager",{mode:this.state.mode})}},{key:Pr("hidePathEditor"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager")}},{key:Gn("$view"),value:function(){return{class:{draw:"draw"===this.state.mode,modify:"modify"===this.state.mode,transform:"transform"===this.state.mode,box:"box"===this.state.box,"has-transform":!!this.state.hasTransform,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{key:Gn("$splitCircle"),value:function(){return{cx:this.state.splitXY.x,cy:this.state.splitXY.y}}},{key:"renderPath",value:function(){this.bindData("$view"),this.renderTransformTool()}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:He.px(0),y:He.px(0),width:He.px(0),height:He.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:"resetTransformZone",value:function(){var t=this.getPathRect();this.state.transformZoneRect=t}},{key:On("$view"),value:function(t){(this.initRect(),this.isMode("draw")&&this.state.rect)?(this.state.moveXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.altKey=t.altKey,this.renderPath()):(Ke.create(t.target).hasClass("split-path")&&(this.state.splitXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.bindData("$splitCircle")),this.state.altKey=!1)}},{key:kn("$view :not(.split-path)")+In()+Mn(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("draw");this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.isOnCanvas=!1;var n=Ke.create(t.target);if(n.hasClass("svg-editor-canvas")&&!e?this.state.isOnCanvas=!0:(this.pathGenerator.reselect(),this.state.isSegment="true"===n.attr("data-segment"),this.state.isFirstSegment=this.state.isSegment&&"true"===n.attr("data-is-first")),e){if(this.state.isFirstSegment){var r=+n.attr("data-index");this.state.startPoint=this.state.points[r].startPoint}else this.state.startPoint=this.state.dragXY;this.state.dragPoints=!1,this.state.endPoint=null}else if(this.isOnCanvas)this.renderSelectBox(this.state.dragXY);else if(this.state.isSegment){this.changeMode("segment-move");var o=Sg(n.attrs("data-index","data-segment-point"),2),i=(r=o[0],o[1]);this.pathGenerator.setCachePoint(+r,i),this.pathGenerator.selectKeyIndex(i,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:He.px(-1e5)})}},{key:"renderSelectBox",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={left:He.px(t.x+(e<0?e:0)),top:He.px(t.y+(n<0?n:0)),width:He.px(Math.abs(e)),height:He.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=Sg(this.refs.$segmentBox.styles("left","top","width","height").map(function(t){return He.parse(t)}),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=He.px(e.x.value+e.width.value),e.y2=He.px(e.y.value+e.height.value),e}},{key:"move",value:function(t,e){if(this.state.isOnCanvas)this.renderSelectBox(this.state.dragXY,t,e);else if(this.isMode("segment-move")){var n=pl.config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("draw")){n=pl.config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"end",value:function(t,e){this.state.isOnCanvas?0===t&&0===e?(this.changeMode("modify"),this.trigger("hidePathEditor")):(this.changeMode("segment-move"),this.pathGenerator.selectInBox(this.getSelectBox()),this.renderPath(),this.hideSelectBox()):this.isMode("modify")||(this.isMode("segment-move")?(this.changeMode("modify"),this.renderPath()):this.isMode("draw")&&(this.state.isFirstSegment?(this.changeMode("modify"),this.pathGenerator.setConnectedPoint(t,e),this.renderPath(),this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("hidePathEditor"))):(this.pathGenerator.moveEnd(t,e),this.state.clickCount++,this.renderPath())))}},{key:"scale",get:function(){return pl.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"isBoxMode",get:function(){return"box"===this.state.box}}]),e}();function Eg(t){return(Eg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Cg(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function $g(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rg(t,e){return!e||"object"!==Eg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vg(t){return(Vg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ag(t,e){return(Ag=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Dg=/[\b\t \,]/g,Ig=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Rg(this,Vg(e).call(this,t))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ag(t,e)}(e,zd),n=e,(r=[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;$(t)&&(t=t.join(" "));for(var e=t.trim().split(Dg).filter(function(t){return t}),n=[],r=0,o=e.length;r<o;r+=2)n.push({x:+e[r],y:+e[r+1]});this.segments=n}},{key:"convertGenerator",value:function(){return this.segments}},{key:"length",value:function(){return this.segments.length}},{key:"toPathString",value:function(){for(var t=new Gd,e=0,n=this.segments.length;e<n;e++){var r=this.segments[e];0===e?t.M(r):e===n-1?t.L(r).L(this.segments[0]).Z():t.L(r)}return t.d}},{key:"joinPath",value:function(t){return this.joinPoints(t)}},{key:"joinPoints",value:function(t){return(t||this.segments).map(function(t){return"".concat(t.x,",").concat(t.y)}).join(" ")}},{key:"each",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map(function(n){return t.call(e,n)});if(n)return r;this.segments=r}},{key:"_loop",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each(function(e){var n=Cg(t([e.x,e.y],0),2),r=n[0],o=n[1];return e.x=r,e.y=o,e},e)}},{key:"clone",value:function(){return new e(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}])&&$g(n.prototype,r),o&&$g(n,o),e}();function Mg(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Lg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Bg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var zg=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.polygonEditor=e,this.segmentManager=new $d,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.splitLines=[],this.points=[],this.snapPointList=[],this.segmentManager.reset()}},{key:"setCachePoint",value:function(t){var e=this.state;e.segment=e.segments[t],e.originalSegment=L(e.segment),e.cachedPoints=[],e.segments.filter(function(t){return t&&t!=e.segment}).forEach(function(t){e.cachedPoints.push(t)})}},{key:"moveSegment",value:function(t,e){var n=this.state,r=n.originalSegment;if(r){var o=n.segment;o.x=r.x+t,o.y=r.y+e}}},{key:"calculateSnapPoint",value:function(t,e,n,r){var o=this.state.cachedPoints.filter(function(n){return!!n&&Math.abs(n[t]-e)<=r}).map(function(n){return{dist:Math.abs(n[t]-e),point:n}});o.sort(function(t,e){return t.dist>e.dist?-1:1});var i=null;return o.length&&(n+=(i=o[0].point)[t]-e),{point:i,distanceValue:n}}},{key:"calculateSnap",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=this.state.originalSegment,o=r.x+t,i=r.y+e,a=this.calculateSnapPoint("x",o,t,n),c=a.point,u=(t=a.distanceValue,this.calculateSnapPoint("y",i,e,n)),s=u.point,l=(e=u.distanceValue,{x:r.x+t,y:r.y+e}),f=[];return c&&f.push({startPoint:c,endPoint:l}),s&&f.push({startPoint:s,endPoint:l}),{dx:t,dy:e,snapPointList:f}}},{key:"calculatePointDist",value:function(t,e,n){var r=this.state,o=[];return r.segments.forEach(function(r){var i=Math.abs(r[t]-e);i<=n&&o.push({dist:i,point:r})}),o.sort(function(t,e){return t.dist>e.dist?1:-1}),o.length?o[0].point:null}},{key:"calculateMovePointSnap",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.calculatePointDist("x",t.x,e),r=this.calculatePointDist("y",t.y,e),o=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Lg(t,e,n[e])})}return t}({},t);n&&(o.x=n.x),r&&(o.y=r.y);var i=[];return n&&i.push({startPoint:n,endPoint:o}),r&&i.push({startPoint:r,endPoint:o}),{snapPointList:i,moveXY:o}}},{key:"move",value:function(t,e,n){var r=this.calculateSnap(t,e,2),o=(t=r.dx,e=r.dy,r.snapPointList);this.snapPointList=o,this.moveSegment(t,e)}},{key:"moveStart",value:function(){for(var t=[],e=0;e<100;e++)t[e]=et(e/100,100);this.state.randomTable=t}},{key:"moveStar",value:function(t,e,n){var r=this.state;r.starRadius=ht(t,e,0,0),r.starAngle=yt(t,e),this.refreshStar()}},{key:"refreshStar",value:function(){var t=this.state,e=t.starCount;t.innerRadius=t.starRadius*t.starInnerRadiusRate;for(var n=[t.starAngle],r=[],o=360/e,i=1;i<e;i++)n.push(n[i-1]+o);i=0;for(var a=n.length;i<a;i++)r[i]=n[i]+o/2;var c=n.map(function(e){return pt(e,t.starRadius)}),u=r.map(function(e){return pt(e,t.innerRadius)}),s=[];c.forEach(function(t,e){s.push(t,u[e])}),t.segments=s.map(function(e){return e.x+=t.dragXY.x,e.y+=t.dragXY.y,e})}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.dragXY.x+t,o=n.dragXY.y+e;n.segments.push({x:r,y:o})}},{key:"moveEndStar",value:function(t,e){}},{key:"setPointLine",value:function(t){var e=t.first[0],n=this.cloneSegments,r=Vd.getPointIndex(n,e);n.splice(r+1,0,t.first[1]),this.state.segments=n}},{key:"toPolygon",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return{points:this.cloneSegments.map(function(r){var o=(r.x-t)/n,i=(r.y-e)/n;return"".concat(o," ").concat(i)}).join(" ")}}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makeMoveGuide(this.cloneSegments),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeMoveGuide",value:function(t){var e=this;this.points=[];t.length;t.forEach(function(n,r){var o=0===r;e.points.push(n),e.splitLines.push((new Gd).M(Vd.getPrevPoint(t,r)).L(n).toString("split-path")),e.segmentManager.addPoint({isFirst:o},n,r),e.segmentManager.addText(n,r+1)})}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.moveXY,n=t.snapPointList;if(e){var r;n=n||[];var o=this.calculateMovePointSnap(e,2),i=o.snapPointList,a=o.moveXY;(r=n).push.apply(r,Mg(i)),t.moveXY=a,this.snapPointList=n,this.points.push(t.moveXY),this.segmentManager.addStartPoint({},t.dragXY)}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new Gd;t=this.snapPointList.map(function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).toString("snap-path")})}return t.join("")}},{key:"makeSelectedSVGZone",value:function(){var t=this.state,e=t.screenX,n=t.screenY,r=t.screenWidth,o=t.screenHeight,i=this.polygonEditor.scale,a=e.value*i,c=n.value*i,u=r.value*i,s=o.value*i;return"<rect class='svg-canvas' ".concat(K({x:a,y:c,width:u,height:s})," />")}},{key:"makeDeluanay",value:function(){return""}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n            '.concat(this.makeSelectedSVGZone(),"\n            ").concat(this.makeDeluanay(),"\n            <polygon class='object' points=\"").concat(this.points.map(function(t){return"".concat(t.x," ").concat(t.y)}).join(" "),'" />        \n            ').concat(this.makeSnapLines(),"\n            ").concat(this.splitLines.join(""),"            \n            ").concat(this.segmentManager.toString(),"\n        </svg>\n        ")}},{key:"state",get:function(){return this.polygonEditor.state}},{key:"cloneSegments",get:function(){return Mg(this.state.segments)}}])&&Bg(e.prototype,n),r&&Bg(e,r),t}();function Fg(t){return(Fg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gg(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Hg(t,e,n[e])})}return t}function Hg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yg(t,e){return!e||"object"!==Fg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ng(t,e,n){return(Ng="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Kg(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Kg(t){return(Kg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Wg(t,e){return(Wg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ug=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yg(this,Kg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Wg(t,e)}(e,Ib),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ng(Kg(e.prototype),"getDefaultObject",this).call(this,Gg({itemType:"svg-polygon",name:"New Polygon",points:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePolygonItem",value:function(t){this.json.points=t.points,this.json.totalLength=t.totalLength,this.json.polygon=new Ig(t.points),this.json.width=He.px(t.rect.width),this.json.height=He.px(t.rect.height),this.setScreenX(He.px(t.rect.x)),this.setScreenY(He.px(t.rect.y))}},{key:"setCache",value:function(){this.rect={width:this.json.width.clone(),height:this.json.height.clone()},this.cachePolygon=this.json.polygon.clone()}},{key:"recover",value:function(){var t=this.json.width.value/this.rect.width.value,e=this.json.height.value/this.rect.height.value;this.scale(t,e)}},{key:"scale",value:function(t,e){this.json.points=this.cachePolygon.clone().scaleTo(t,e),this.json.polygon.reset(this.json.points)}},{key:"convert",value:function(t){return(t=Ng(Kg(e.prototype),"convert",this).call(this,t)).points&&(t.polygon=new Ig(t.points)),t}},{key:"toCloneObject",value:function(){var t=this.json;return Gg({},Ng(Kg(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,points:t.points})}},{key:"getDefaultTitle",value:function(){return"Polygon"}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("polygon");n.attr("points",this.json.points),e&&(n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),this.json.totalLength=n.totalLength}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return hasSVGProperty(t.property)});return[{properties:t.filter(function(t){return hasCSSProperty(t.property)}),selector:'[data-id="'.concat(this.json.id,'"]')},{properties:e,selector:'[data-id="'.concat(this.json.id,'"] polygon')}]}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <polygon ").concat(K(Gg({class:"svg-polygon-item",points:this.json.points,filter:this.json.svgfilter,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," />\n    </g>\n    ")}},{key:"d",get:function(){return this.json.polygon.toPathString()}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.points;return"<svg class='element-item polygon' ".concat(K({"motion-based":this.json["motion-based"]}),' data-id="').concat(e,'">\n      ').concat(this.toDefString,"\n      <polygon ").concat(K({class:"svg-polygon-item",points:n,filter:this.json.svgfilter,fill:this.toFillValue,stroke:this.toStrokeValue})," />\n    </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Xg(n.prototype,r),o&&Xg(n,o),e}();function Zg(t){return(Zg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qg(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Jg(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Qg(t,e,n[e])})}return t}function Qg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function em(t,e){return!e||"object"!==Zg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nm(t,e,n){return(nm="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=rm(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function rm(t){return(rm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function om(t,e){return(om=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var im=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),em(this,rm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&om(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){nm(rm(e.prototype),"initialize",this).call(this),this.polygonParser=new Ig,this.polygonGenerator=new zg(this)}},{key:"initState",value:function(){return{isShow:!1,points:"",segments:[],mode:"draw",starCount:5,starRadius:5,starInnerRadiusRate:.5,$target:null,screenX:He.px(0),screenY:He.px(0),screenWidth:He.px(0),screenHeight:He.px(0)}}},{key:"template",value:function(){return"<div class='polygon-editor-view' tabIndex=\"-1\" ref='$view' ></div>"}},{key:"isStarMode",value:function(){return this.isMode("star")}},{key:"isShow",value:function(){return this.state.isShow}},{key:un()+Cn(1)+Cn(2)+En("isStarMode")+Ln+Bn,value:function(t){var e=1;"1"===t.key&&(e=-1),this.state.starCount+=e,this.refreshStar(),this.emit("changeStarManager",this.state.starCount,this.state.starInnerRadiusRate)}},{key:"refreshStar",value:function(){this.polygonGenerator.refreshStar(),this.bindData("$view"),this.updatePolygonLayer()}},{key:un()+Cn(3)+Cn(4)+En("isStarMode")+Ln+Bn,value:function(t){var e=.1;"3"===t.key&&(e=-.1),this.state.starInnerRadiusRate+=e,this.refreshStar(),this.emit("changeStarManager",this.state.starCount,this.state.starInnerRadiusRate)}},{key:un("document")+En("isShow")+Cn("Escape")+Cn("Enter")+Ln,value:function(t){this.state.current?this.refreshPolygonLayer():this.addPolygonLayer(),this.trigger("hidePolygonEditor")}},{key:"makePolygonLayer",value:function(t){var e,n=this.refs.$view.$("polygon.object").totalLength,r=this.polygonGenerator.toPolygon(t.x,t.y,this.scale).points,o=pl.selection.currentArtboard;if(o){var i=t.x/this.scale,a=t.y/this.scale,c=t.width/this.scale,u=t.height/this.scale;(e=o.add(new Ug({width:He.px(c),height:He.px(u),points:r,totalLength:n}))).setScreenX(i),e.setScreenY(a)}return e}},{key:"updatePolygonLayer",value:function(){var t=this.getViewRect(),e=this.refs.$view.$("polygon.object").totalLength,n=this.polygonGenerator.toPolygon(t.x*this.scale,t.y*this.scale,this.scale).points;this.emit("updatePolygonItem",{points:n,totalLength:e,rect:t}),this.emit("refreshPolygonLayer")}},{key:"addPolygonLayer",value:function(){this.changeMode("modify");var t=this.getViewRect(),e=this.makePolygonLayer(t);e&&(pl.selection.select(e),this.state.segments=[],this.polygonParser.reset(""),this.bindData("$view"),this.emit("refreshAll"),this.emit("refreshSelection"))}},{key:"changeMode",value:function(t,e){this.setState(Jg({mode:t,moveXY:null},e),!1)}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Pr("changeScale"),value:function(){this.refresh()}},{key:"refresh",value:function(t){t&&t.points?(this.polygonParser.reset(t.points),this.polygonParser.scale(this.scale,this.scale),this.polygonParser.translate(t.screenX.value*this.scale,t.screenY.value*this.scale),this.state.segments=this.polygonParser.convertGenerator()):this.state.segments=[],this.bindData("$view")}},{key:Pr("showPolygonEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===t?e.current=null:e.current||(e.current=null);var n=Jg({},e,{points:e.points||""});this.changeMode(t,e),this.refresh(n),this.state.isShow=!0,this.$el.show(),this.$el.focus(),"star"===t?(this.emit("showStarManager",{changeEvent:"changeStarManager",count:this.state.starCount,radius:this.state.starInnerRadiusRate}),this.emit("hidePolygonManager")):(this.emit("showPolygonManager",{mode:this.state.mode}),this.emit("hideStarManager"))}},{key:Pr("changeStarManager"),value:function(t,e){this.state.starCount=t,this.state.starInnerRadiusRate=e,this.refreshStar()}},{key:Pr("hidePolygonEditor"),value:function(){this.polygonParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hideStarManager"),this.emit("hidePolygonManager"),this.emit("finishPolygonEdit")}},{key:Gn("$view"),value:function(){return{class:{draw:"draw"===this.state.mode,modify:"modify"===this.state.mode,"segment-move":"segment-move"===this.state.mode},innerHTML:this.polygonGenerator.makeSVGPath()}}},{key:"getXY",value:function(t){var e=qg(t,2);return{x:e[0],y:e[1]}}},{key:rn("$view .split-path"),value:function(t){var e=new zd(t.$delegateTarget.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},r=[this.getXY(e.segments[0].values),this.getXY(e.segments[1].values.slice(0,2))],o=ig.apply(void 0,r.concat([200]))(n.x,n.y);this.polygonGenerator.setPointLine(fg(r,o)),this.changeMode("modify"),this.bindData("$view"),this.refreshPolygonLayer()}},{key:"getViewRect",value:function(){var t=this.refs.$view.$("polygon.object").rect();return t.x-=this.state.rect.x,t.y-=this.state.rect.y,t}},{key:"refreshPolygonLayer",value:function(){this.updatePolygonLayer()}},{key:On("$view"),value:function(t){this.isMode("draw")&&this.state.rect&&(this.state.moveXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.altKey=t.altKey,this.bindData("$view"))}},{key:kn("$view :not(.split-path)")+In()+Mn(),value:function(t){if(this.state.rect=this.parent.refs.$body.rect(),this.state.altKey=!1,this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.$el.focus(),this.state.$target=Ke.create(t.target),this.state.isSegment="true"===this.state.$target.attr("data-segment"),this.state.$target.hasClass("svg-editor-canvas")&&!this.isMode("draw")&&!this.isMode("star"))return this.changeMode("modify"),this.trigger("hidePolygonEditor"),!1;if(this.state.isSegment){this.changeMode("segment-move");var e=+this.state.$target.attr("data-index");this.polygonGenerator.setCachePoint(e)}else this.isMode("star")?this.polygonGenerator.moveStart():this.isMode("draw")}},{key:"move",value:function(t,e){this.isMode("star")?(this.polygonGenerator.moveStar(t,e,pl.config.get("bodyEvent")),this.bindData("$view")):this.isMode("segment-move")?(this.polygonGenerator.move(t,e,pl.config.get("bodyEvent")),this.bindData("$view"),this.updatePolygonLayer()):this.isMode("draw")||this.isMode("move")}},{key:"end",value:function(t,e){if(this.state.$target.is(this.refs.$view)&&pl.config.get("bodyEvent").altKey)return this.trigger("hidePolygonEditor"),void this.changeMode("modify");this.isMode("segment-move")?this.changeMode("modify"):this.isMode("star")?(this.polygonGenerator.moveEndStar(t,e),this.bindData("$view")):this.isMode("draw")&&(this.polygonGenerator.moveEnd(t,e),this.bindData("$view"))}},{key:"scale",get:function(){return pl.scale}}])&&tm(n.prototype,r),o&&tm(n,o),e}();function am(t){return(am="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cm(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function um(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function sm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lm(t,e){return!e||"object"!==am(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fm(t){return(fm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pm(t,e){return(pm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lm(this,fm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pm(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectionToolView:ry,GuideLineView:_d,PathEditorView:Tg,PolygonEditorView:im}}},{key:"initState",value:function(){return{mode:"selection",left:He.px(0),top:He.px(0),width:He.px(1e4),height:He.px(1e4),html:""}}},{key:"template",value:function(){return"\n            <div class='element-view' ref='$body'>\n                <div class='canvas-view' ref='$view'></div>\n                <div class='drag-area-rect' ref='$dragAreaRect'></div>\n                <GuideLineView ref='$guideLineView' />                \n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PolygonEditorView ref='$polygonEditorView' />                             \n            </div>\n        "}},{key:"getScrollXY",value:function(){return{width:this.refs.$body.scrollWidth(),height:this.refs.$body.scrollHeight(),left:this.refs.$body.scrollLeft(),top:this.refs.$body.scrollTop()}}},{key:Pr("after.change.mode"),value:function(){this.$el.attr("data-mode",pl.mode)}},{key:Pr("hideSubEditor"),value:function(t){this.children.$pathEditorView.$el.hide(),this.children.$polygonEditorView.$el.hide()}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=Ke.create(t.target);return!!pl.isAddMode()||"selection"===this.state.mode&&(!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!1===e.hasClass("path-editor-view")&&!1===e.hasClass("polygon-editor-view")&&!1===e.hasClass("point")&&!1===e.hasClass("handle")&&!1===e.hasClass("perspective-handle")&&!1===e.hasClass("transform-tool-item")&&!1===e.hasClass("transform-tool")&&!1===e.isTag("svg")&&!1===e.isTag("path")&&!1===e.isTag("textPath")&&!1===e.isTag("polygon")&&"true"!==e.attr("data-segment"))}},{key:kn("$el")+En("checkEmptyElement")+In("movePointer")+Mn("moveEndPointer"),value:function(t){if(this.$target=Ke.create(t.target),this.dragXY={x:t.xy.x,y:t.xy.y},this.rect=this.refs.$body.rect(),this.canvasOffset=this.refs.$view.rect(),this.canvasPosition={x:this.canvasOffset.left-this.rect.x,y:this.canvasOffset.top-this.rect.y},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,pl.isSelectionMode()){var e={left:He.px(this.dragXY.x),top:He.px(this.dragXY.y),width:He.px(0),height:He.px(0)};this.refs.$dragAreaRect.css(e),pl.selection.empty(),this.cachedCurrentElement={},this.$el.$$(".selected").forEach(function(t){return t.removeClass("selected")}),this.emit("initSelectionTool")}}},{key:"movePointer",value:function(t,e){var n={left:He.px(this.dragXY.x+(t<0?t:0)),top:He.px(this.dragXY.y+(e<0?e:0)),width:He.px(Math.abs(t)),height:He.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(n),pl.isSelectionMode()){var r,o=n.left,i=n.top,a=n.width,c=n.height,u={x:He.px(o.value-this.canvasPosition.x),y:He.px(i.value-this.canvasPosition.y),width:a,height:c};u.x2=He.px(u.x.value+u.width.value),u.y2=He.px(u.y.value+u.height.value);var s=pl.selection.currentArtboard;if(s){var l;Object.keys(u).forEach(function(t){u[t].div(pl.scale)});var f=s.checkInAreaForLayers(u);0===u.width.value&&0===u.height.value&&(f=[]),(l=pl.selection).select.apply(l,um(f)),this.selectCurrentForBackgroundView.apply(this,um(f))}(r=pl.selection).select.apply(r,um(f)),this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=cm(this.refs.$dragAreaRect.styles("left","top","width","height").map(function(t){return He.parse(t)}),4),r=n[0],o=n[1],i=n[2],a=n[3],c={x:He.px(r.value-this.canvasPosition.x),y:He.px(o.value-this.canvasPosition.y),width:i,height:a};if(c.x2=He.px(c.x.value+c.width.value),c.y2=He.px(c.y.value+c.height.value),this.refs.$dragAreaRect.css({left:He.px(-1e4),top:He.px(0),width:He.px(0),height:He.px(0)}),pl.isSelectionMode()){var u,s=pl.selection.currentArtboard,l=[];if(s)Object.keys(c).forEach(function(t){c[t].div(pl.scale)}),l=s.checkInAreaForLayers(c),0===c.width.value&&0===c.height.value&&(l=[]),0===l.length&&s.checkInArea(c)&&(l=[s]),(u=pl.selection).select.apply(u,um(l)),this.selectCurrentForBackgroundView.apply(this,um(l)),l.length?this.emit("refreshSelection"):(pl.selection.select(),this.emit("emptySelection"));else pl.selection.select(),this.emit("emptySelection")}else{var f={x:He.px(c.x.value/pl.scale),y:He.px(c.y.value/pl.scale),width:He.px(c.width.value/pl.scale),height:He.px(c.height.value/pl.scale)};"image"===pl.addType?this.emit("addImage",f):this.emit("new.layer",pl.addType,f)}this.sendHelpMessage()}},{key:"sendHelpMessage",value:function(){1===pl.selection.length&&(pl.selection.current.is("svg-path","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path "))}},{key:un("$view .element-item.text"),value:function(t){var e=t.$delegateTarget.html(),n=t.$delegateTarget.text().trim(),r=t.$delegateTarget.attr("data-id"),o=[];pl.selection.items.filter(function(t){return t.id===r}).forEach(function(t){t.reset({content:e,text:n}),o.push({id:t.id,content:e,text:n})}),this.emit("refreshContent",o)}},{key:"checkEditMode",value:function(){return pl.isSelectionMode()}},{key:kn("$view .element-item")+En("checkEditMode")+In("calculateMovedElement")+Mn("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$delegateTarget,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;if(this.$element.hasClass("selected"));else{var e=this.$element.attr("data-id");pl.selection.selectById(e)}pl.selection.isRelative||(this.selectCurrent.apply(this,um(pl.selection.items)),this.emit("refreshSelection"),pl.selection.setRectCache())}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPosition",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=e.toBound(),r=n.x,o=n.y,i=n.width,a=n.height,c=t.cachedCurrentElement[e.id];c&&c.cssText("left: ".concat(r,";top:").concat(o,";width:").concat(i,";height:").concat(a))}),this.emit("refreshRect")}},{key:"updateRealTransform",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=e.transform,r=t.cachedCurrentElement[e.id];r&&r.css({transform:n})}),this.emit("refreshTransform")}},{key:"updateRealTransformWillChange",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=t.cachedCurrentElement[e.id];n&&n.css("will-change","transform")})}},{key:Pr("removeRealPosition","removeRealTransform"),value:function(){var t=this;pl.selection.items.forEach(function(e){var n=t.cachedCurrentElement[e.id];n&&(n.cssText(""),e.is("svg-path")&&n.firstChild().cssText(""))})}},{key:Pr("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move");var n=1===pl.selection.items.length?pl.selection.current:null;this.emit("refreshElement",n),this.emit("refreshSelection"),this.emit("removeGuideLine"),this.trigger("removeRealPosition")}},{key:Gn("$body"),value:function(){var t=He.px(1e4),e=He.px(1e4);return{"data-mode":pl.mode,style:{position:"relative",width:t,height:e}}}},{key:Gn("$view"),value:function(){return{style:{transform:"scale(".concat(pl.scale,")")},innerHTML:this.state.html}}},{key:Pr("addElement"),value:function(){var t=(pl.selection.currentArtboard||{html:""}).html;this.setState({html:t},!1),this.refs.$view.updateDiff(t),this.emit("refreshSelectionTool")}},{key:"selectCurrent",value:function(){var t=this;this.cachedCurrentElement={};var e=this.$el.$$(".selected");e&&e.forEach(function(t){return t.removeClass("selected")});for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];if(r.length){var i=r.map(function(t){return"[data-id='".concat(t.id,"']")}).join(",");this.$el.$$(i).forEach(function(e){t.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")})}else pl.selection.select(pl.selection.currentArtboard);this.emit("initSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.cachedCurrentElement={};var e=this.$el.$$(".selected");e&&e.forEach(function(t){return t.removeClass("selected")});for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];if(r.length){var i=r.map(function(t){return"[data-id='".concat(t.id,"']")}).join(",");this.$el.$$(i).forEach(function(e){t.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")})}this.emit("refreshSelection"),this.emit("initSelectionTool")}},{key:Pr("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("initSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(pl.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:Pr("changeScale"),value:function(){this.modifyScale()}},{key:Pr("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];(t?[t]:pl.selection.items).forEach(function(t){e.updateElement(t,n)})}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t.updateFunction(this.getElement(t.id),e)}},{key:Pr("playTimeline"),value:function(){var t=this,e=pl.selection.currentArtboard;e&&e.getSelectedTimeline().animations.map(function(t){return e.searchById(t.id)}).forEach(function(e){t.updateElement(e)})}},{key:Pr("refreshCanvas"),value:function(t){t?this.updateElement(t):this.trigger("addElement")}},{key:Pr("refreshAllCanvas"),value:function(){var t=(pl.selection.currentArtboard||{html:""}).html;this.setState({html:t}),this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}}])&&sm(n.prototype,r),o&&sm(n,o),e}(),ym='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 5v3c0 .55.45 1 1 1s1-.45 1-1V6c0-.55.45-1 1-1h2c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2zm1 10c-.55 0-1 .45-1 1v3c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1-.45-1-1v-2c0-.55-.45-1-1-1zm15 3c0 .55-.45 1-1 1h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2-.9 2-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v2zm0-15h-3c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1 .45 1 1v2c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2z"/></svg>';function dm(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var vm=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){dm(t,e,n[e])})}return t}({},{fullscreen:ym},{text_rotate:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.75 3h-1.5L6.5 14h2.1l.9-2.2h5l.9 2.2h2.1L12.75 3zm-2.62 7L12 4.98 13.87 10h-3.74zm10.37 8l-3-3v2H5v2h12.5v2l3-3z"/></svg>',device_hub:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"/></svg>',control_point:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>',flip_camera:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"\n\t height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">\n    <path d="M9,12c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S9,10.34,9,12z"/>\n    <path d="M8,10V8H5.09C6.47,5.61,9.05,4,12,4c3.72,0,6.85,2.56,7.74,6h2.06c-0.93-4.56-4.96-8-9.8-8C8.73,2,5.82,3.58,4,6.01V4H2v6\n        H8z"/>\n    <path d="M16,14v2h2.91c-1.38,2.39-3.96,4-6.91,4c-3.72,0-6.85-2.56-7.74-6H2.2c0.93,4.56,4.96,8,9.8,8c3.27,0,6.18-1.58,8-4.01V20\n        h2v-6H16z"/>\n</svg>\n',flipY:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"/></svg>',flip:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"/></svg>',account_tree:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/></svg>',format_shapes:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z"/></svg>',merge:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"/></svg>',texture:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"/></svg>',settings_input_component:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z"/></svg>',view_comfy:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 9h4V5H3v4zm0 5h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zM8 9h4V5H8v4zm5-4v4h4V5h-4zm5 9h4v-4h-4v4zM3 19h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zm5 0h4v-4h-4v4zm0-14v4h4V5h-4z"/></svg>',camera_roll:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 5c0-1.1-.9-2-2-2h-1V2c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2h8V5h-8zm-2 13h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2z"/></svg>',broken_image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z"/></svg>',shadow:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.96 10.29l-2.75 3.54-1.96-2.36L8.5 15h11l-3.54-4.71zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"/></svg>',opacity:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.66 8L12 2.35 6.34 8C4.78 9.56 4 11.64 4 13.64s.78 4.11 2.34 5.67 3.61 2.35 5.66 2.35 4.1-.79 5.66-2.35S20 15.64 20 13.64 19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z"/></svg>',looks:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10c-3.86 0-7 3.14-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.86-3.14-7-7-7zm0-4C5.93 6 1 10.93 1 17h2c0-4.96 4.04-9 9-9s9 4.04 9 9h2c0-6.07-4.93-11-11-11z"/></svg>',vintage:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>',waves:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.42 2.95-.8c.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8zm2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.93c1.35 0 2.2-.43 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V5.04c-.9 0-1.4-.25-2.05-.58zM17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6s-1.4-.25-2.05-.6c-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V9.49c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8z"/></svg>',blur_linear:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 17.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 13c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zM3 21h18v-2H3v2zM5 9.5c.83 0 1.5-.67 1.5-1.5S5.83 6.5 5 6.5 3.5 7.17 3.5 8 4.17 9.5 5 9.5zm0 4c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 17c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8-.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM3 3v2h18V3H3zm14 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm0 4c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM13 9c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z"/></svg>',blur:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/></svg>',landscape:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z"/></svg>',palette:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',diffuse:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 14.5h14v-6H5v6zM11 .55V3.5h2V.55h-2zm8.04 2.5l-1.79 1.79 1.41 1.41 1.8-1.79-1.42-1.41zM13 22.45V19.5h-2v2.95h2zm7.45-3.91l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zM3.55 4.46l1.79 1.79 1.41-1.41-1.79-1.79-1.41 1.41zm1.41 15.49l1.79-1.8-1.41-1.41-1.79 1.79 1.41 1.42z"/></svg>',specular:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3.55 18.54l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8zM11 22.45h2V19.5h-2v2.95zM4 10.5H1v2h3v-2zm11-4.19V1.5H9v4.81C7.21 7.35 6 9.28 6 11.5c0 3.31 2.69 6 6 6s6-2.69 6-6c0-2.22-1.21-4.15-3-5.19zm5 4.19v2h3v-2h-3zm-2.76 7.66l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4z"/></svg>',photo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',near_me:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/></svg>',view_list:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/></svg>',flash_on:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>',doc:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>',storage:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/></svg>',archive:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z"/></svg>',file_copy:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>',gps_fixed:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>',refresh:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>',cat:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t width="864px" height="864px" viewBox="0 0 864 864" enable-background="new 0 0 864 864">\n<path d="M712.4846,631.2673c-8.3777-59.9758-44.6997-121.2822-117.7703-198.7816\n\tc-51.7295-54.8649-72.0865-105.7791-55.8514-139.6883c12.4393-25.9817,42.587-35.8935,65.343-34.1103\n\tc26.3435,2.0661,37.3148,18.5905,41.88,32.0888c6.5847,19.471,2.7829,43.5175-8.4753,53.6029\n\tc-2.4382,2.1843-19.5444,15.6083-31.617,2.486c-16.0995-17.4994,1.3123-34.1181,1.3123-34.1181s25.7198-19.4211,11.5477-34.6431\n\tc-14.1721-15.2219-81.6211,4.7241-73.1766,62.9098c2.102,14.4833,9.8525,35.0453,41.7667,49.9105\n\tc31.3411,14.5985,62.0806,11.5356,84.3365-8.4017c26.8387-24.0431,36.221-68.5172,22.8163-108.1526\n\tc-13.0433-38.5685-45.3375-63.5167-86.387-66.7359c-22.4584-1.7602-45.9053,2.9182-66.0231,13.1776\n\tc-22.1882,11.3155-39.3094,28.5606-49.5124,49.8713c-15.207,31.7608-27.0118,99.5788,64.7797,196.9337\n\tc64.4428,68.3486,97.5892,122.6011,104.3126,170.7358c6.1263,43.8577-32.9753,141.2908-59.1734,141.8642\n\tc-18.2653,0.3997-13.0681-28.0174-11.1219-46.1832c3.4623-32.3166,9.02-64.4668,7.8147-96.946\n\tc-1.7692-47.6774-16.0649-83.7216-38.2463-125.1911c-20.1995-37.7643-37.8974-60.6029-92.5699-111.4463\n\tc-13.4884-12.5438-27.4699-22.5866-44.7675-38.1754c-17.5431-15.8101-21.9685-33.5474-24.195-48.6835\n\tc-4.6472-31.5926,5.266-35.0392,22.933-61.1816c7.51,6.1134,15.132,13.1576,22.5878,21.2593\n\tc0.8908,0.9678,2.1063,1.4586,3.3257,1.4586c1.0938,0,2.1906-0.3947,3.059-1.1939c1.8362-1.6895,1.9548-4.548,0.2647-6.3846\n\tc-8.043-8.7399-16.2394-16.2892-24.29-22.8068c1.0196-1.6815,1.9806-3.3693,2.913-5.06\n\tc11.2809,3.873,22.4781,8.5857,32.8744,14.3263c0.6923,0.3824,1.4415,0.5638,2.1804,0.5638c1.592,0,3.1354-0.8433,3.9596-2.3353\n\tc1.2061-2.1848,0.4133-4.9333-1.7714-6.14c-10.5501-5.8255-21.7927-10.625-33.0861-14.5846\n\tc1.7051-3.6655,3.2152-7.3481,4.5178-11.0449c9.9095,1.0547,20.2559,2.6507,30.8756,4.9542\n\tc2.4407,0.5281,4.8451-1.0193,5.3736-3.4585c0.5285-2.4387-1.0193-4.8446-3.4586-5.3736\n\tc-10.3543-2.2456-20.4231-3.8448-30.0823-4.9431c6.761-25.5357,4.0583-51.5754-8.0207-76.8648\n\tC448.2098,115.8869,474.731,76.8288,466.0513,18c-68.8775,17.9071-87.2624,54.1776-94.1043,50.875\n\tc-7.9472-3.8361-40.5018-11.036-62.952-10.6586c-37.278,0.6267-61.382,7.0395-61.382,7.0395\n\tc-11.2537-14.6686-35.9431-36.6889-90.105-41.2683c2.9433,47.1602,13.4346,82.2557,28.5291,102.9373l-0.7433,2.377\n\tc-11.7879,32.4393-13.5817,62.8858-3.8016,89.6451c-9.0883,1.1019-18.5685,2.7173-28.321,4.9987\n\tc-2.4299,0.5687-3.939,2.9991-3.3708,5.429c0.5687,2.4294,2.9972,3.939,5.429,3.3708c10.3087-2.4115,20.3424-4.0428,29.9266-5.0891\n\tc1.4184,2.9763,2.9836,5.904,4.7147,8.7755c-11.2262,4.119-22.4456,9.1879-32.9296,15.4312\n\tc-2.1445,1.2767-2.8476,4.0498-1.5704,6.1939c0.8453,1.4199,2.3461,2.2073,3.8866,2.2073c0.7859,0,1.5827-0.2054,2.3073-0.6369\n\tc10.5541-6.2849,22.0078-11.3381,33.4798-15.4008c3.3157,4.5403,7.0729,8.9251,11.2576,13.1527\n\tc-5.6694,5.3088-11.3757,11.2216-17,17.8125c-1.6199,1.8979-1.3944,4.7505,0.504,6.3699c0.8507,0.7266,1.8935,1.0816,2.931,1.0816\n\tc1.2767,0,2.5456-0.5383,3.4389-1.5856c5.5062-6.4525,11.1144-12.2327,16.692-17.4078c5.7832,5.4212,11.3758,11.1287,15.514,17.8627\n\tc7.8208,12.7265,8.3216,25.8196,6.7598,40.6753c-3.119,29.6671-13.4278,58.0414-20.0391,87.1301\n\tc-16.8163,73.989-9.0635,132.7513,20.7169,202.5388c8.0053,18.7598,17.5698,36.9144,23.7843,56.341\n\tc10.5081,32.8488,7.8436,88.3559,8.2697,122.8419v2.9318c0,0-19.9931,0.1384-28.4717,6.0748\n\tc-8.2555,5.7802-10.3883,21.931-4.3929,28.6906c6.6872,7.5395,21.6739,10.6397,31.6837,11.8093\n\tc119.664,13.9824,293.6021-2.6707,341.7446-8.3345C701.2023,821.2982,721.1432,693.2562,712.4846,631.2673z M437.2106,66.5267\n\tc-0.1946,33.6617-23.5064,50.7886-23.5064,50.7886c-6.2684-17.19-21.1558-25.3943-21.1558-25.3943\n\tC408.2194,68.8708,437.2106,66.5267,437.2106,66.5267z M201.6607,103.3024c0,0-19.8527-14.6264-20.0184-43.3732\n\tc0,0,24.6894,2.0019,38.035,21.6866C219.6773,81.6158,206.999,88.6223,201.6607,103.3024z M215.969,158.6876\n\tc15.0275-4.1452,27.2506-3.8264,37.1033-1.1182c-15.9193,16.5729-7.4137,31.0502-3.2583,36.286\n\tC221.2402,186.9178,215.969,158.6876,215.969,158.6876z M252.8369,194.4974c13.6546-17.1619,7.1357-30.6827,3.4758-35.9226\n\tc24.8589,8.5877,33.2057,32.5095,33.2057,32.5095C274.4792,195.6167,262.4471,196.221,252.8369,194.4974z M308.1766,232.8661\n\tc-4.1644,0.2111-22.0216-7.8084-21.8634-21.8635c0.1244-11.0539,40.2451-7.8568,42.1652,0\n\tC330.8523,220.7164,312.3411,232.655,308.1766,232.8661z M327.2252,191.0843c0,0,8.7972-25.2037,35.2186-33.1565\n\tc-12.424,19.1432-1.5466,31.7233,3.55,36.1478C356.055,196.2867,343.3752,195.9514,327.2252,191.0843z M369.7458,193.0825\n\tc10.0879-20.4091-1.0878-32.4358-4.9794-35.7968c9.66-2.4378,21.5306-2.5917,36.0081,1.4018\n\tC400.7746,158.6876,395.8536,185.0439,369.7458,193.0825z"/>\n</svg>\n\n',shuffle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z"/></svg>',replay:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path d="M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.1 11H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1c.2.1.3.2.5.3s.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z" clip-path="url(#b)"/></svg>',speed:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44zm-9.79 6.84a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z"/></svg>',alternate_reverse:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" /></svg>',alternate:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg>',note:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10H7v2h10v-2zm2-7h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm-5-5H7v2h7v-2z"/></svg>',rect:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>',circle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>',color_lens:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',cube:'<svg width="24" height="24" style="transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M21 16.5a1 1 0 0 1-.527.881l-7.907 4.443a.996.996 0 0 1-1.132 0l-7.907-4.443A1 1 0 0 1 3 16.5v-9a1 1 0 0 1 .527-.881l7.907-4.443a.995.995 0 0 1 1.132 0l7.907 4.443A1 1 0 0 1 21 7.5v9zM12 4.15L6.042 7.5l5.96 3.35 5.958-3.35-5.958-3.35zM5 15.916l6 3.372V12.58L5 9.209v6.706zm14 0V9.209l-6 3.372v6.707l6-3.373z" /></svg>',polygon:'<svg width="24" height="24" viewBox="0 0 24 24"><path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>',dahaze:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/></svg>',brush:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34c-.39-.39-1.02-.39-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"/></svg>',expand:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>',list:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/></svg>',grid:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/></svg>',align_center:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/></svg>',align_justify:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/></svg>',align_left:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/></svg>',align_right:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/></svg>',color:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',size:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 15h2v2h-2v-2zm0-4h2v2h-2v-2zm2 8h-2v2c1 0 2-1 2-2zM13 3h2v2h-2V3zm8 4h2v2h-2V7zm0-4v2h2c0-1-1-2-2-2zM1 7h2v2H1V7zm16-4h2v2h-2V3zm0 16h2v2h-2v-2zM3 3C2 3 1 4 1 5h2V3zm6 0h2v2H9V3zM5 3h2v2H5V3zm-4 8v8c0 1.1.9 2 2 2h12V11H1zm2 8l2.5-3.21 1.79 2.15 2.5-3.22L13 19H3z"/></svg>',edit:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>',outline_image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z"/></svg>',ballot:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><clipPath><use xlink:href="#a" overflow="visible"/></clipPath><path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.5h5v-2h-5v2zm0 7h5v-2h-5v2zm6 4.5H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM6 11h5V6H6v5zm1-4h3v3H7V7zM6 18h5v-5H6v5zm1-4h3v3H7v-3z"/></svg>',shape:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z"/></svg>',scatter:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#010101"><circle cx="7" cy="14" r="3"/><circle cx="11" cy="6" r="3"/><circle cx="16.6" cy="17.6" r="3"/></g></svg>',transform:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 18v-2H8V4h2L7 1 4 4h2v2H2v2h4v8c0 1.1.9 2 2 2h8v2h-2l3 3 3-3h-2v-2h4zM10 8h6v6h2V8c0-1.1-.9-2-2-2h-6v2z"/></svg>',gradient:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 9h2v2h-2zm-2 2h2v2H9zm4 0h2v2h-2zm2-2h2v2h-2zM7 9h2v2H7zm12-6H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 18H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm2-7h-2v2h2v2h-2v-2h-2v2h-2v-2h-2v2H9v-2H7v2H5v-2h2v-2H5V5h14v6z"/></svg>',close:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',build:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>',code:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>',autorenew:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/></svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>',skip_next:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/></svg>',skip_prev:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/></svg>',fast_forward:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/></svg>',fast_rewind:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/></svg>',filter:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>',input:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/></svg>',timer:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>',title:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 4v3h5.5v12h3V7H19V4z"/></svg>',paint:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z"/></svg>',border_all:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1z"/></svg>',border_inner:ym,check:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"/></svg>',screen:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>',repeat:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg>',remove2:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>',setting:'<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M15.95 10.78c.03-.25.05-.51.05-.78s-.02-.53-.06-.78l1.69-1.32c.15-.12.19-.34.1-.51l-1.6-2.77c-.1-.18-.31-.24-.49-.18l-1.99.8c-.42-.32-.86-.58-1.35-.78L12 2.34c-.03-.2-.2-.34-.4-.34H8.4c-.2 0-.36.14-.39.34l-.3 2.12c-.49.2-.94.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.49.18l-1.6 2.77c-.1.18-.06.39.1.51l1.69 1.32c-.04.25-.07.52-.07.78s.02.53.06.78L2.37 12.1c-.15.12-.19.34-.1.51l1.6 2.77c.1.18.31.24.49.18l1.99-.8c.42.32.86.58 1.35.78l.3 2.12c.04.2.2.34.4.34h3.2c.2 0 .37-.14.39-.34l.3-2.12c.49-.2.94-.47 1.35-.78l1.99.8c.18.07.39 0 .49-.18l1.6-2.77c.1-.18.06-.39-.1-.51l-1.67-1.32zM10 13c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z"/></svg>',image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n<path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',artboard:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>',folder:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>',publish:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/></svg>',add_note:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>',add:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',save:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"/><path fill="none" d="M0 0h24v24H0z"/></svg>',export:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/></svg>',redo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"/></svg>',undo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>',lock:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>',lock_open:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"/></svg>',remove:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>',copy:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>',visible:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>',add_box:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>',add_circle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>',create_folder:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n</svg>',chevron_right:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n</svg>',chevron_left:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>'});function bm(t){return(bm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mm(t,e){return!e||"object"!==bm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wm(t){return(wm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function km(t,e){return(km=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Om=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mm(this,wm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&km(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=He.parse(this.props.value||He.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.type,a=t.removable,c=t.layout,u=+this.state.value.value.toString();isNaN(u)&&(u=0);var s=o?"has-label":"",l=a?"is-removable":"",f=c,p=(+u).toString();return"\n        <div class='number-range-editor ".concat(s," ").concat(l," ").concat(f,"' data-selected-type='").concat(i,"'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='range' ref='$property' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(vm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=He.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&gm(n.prototype,r),o&&gm(n,o),e}();function Sm(t){return(Sm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Pm(t,e){return!e||"object"!==Sm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xm(t){return(xm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _m(t,e){return(_m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Tm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Pm(this,xm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_m(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:Om}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$plus'>".concat(vm.add,"</button>\n        <button type='button' ref='$minus'>").concat(vm.remove2,"</button>\n        <div class='select'>\n          <NumberRangeEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*pl.scale,'" onchange="changeRangeEditor" />\n        </div>\n        <label>%</label>\n      </div>\n\n    ')}},{key:Pr("changeScaleValue"),value:function(t){this.children.$scale.setValue(100*pl.scale),this.emit("update.scale",t)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.trigger("changeScaleValue",e/100)}},{key:rn("$plus")+Ln+Bn,value:function(){this.trigger("changeScaleValue",1.1*pl.scale)}},{key:rn("$minus")+Ln+Bn,value:function(){this.trigger("changeScaleValue",.9*pl.scale)}}])&&jm(n.prototype,r),o&&jm(n,o),e}();function Em(t){return(Em="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Cm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $m(t,e){return!e||"object"!==Em(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rm(t){return(Rm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vm(t,e){return(Vm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Am=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$m(this,Rm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{count:5,radius:.5}}},{key:"template",value:function(){return"\n      <div class='star-manager'>\n        <div class='text'>\n            <label>Star Count</label>\n            <span class='count' ref='$c'>\n                <button type=\"button\" data-type='plus'>".concat(vm.add,'</button>\n                <input type="number" min="2" max="100" ref=\'$count\'/>\n                <button type="button" data-type=\'minus\'>').concat(vm.remove2,"</button>\n            </span>\n            <label>Radius Rate</label>\n            <span class='radius' ref='$r'>\n                <button type=\"button\" data-type='plus'>").concat(vm.add,'</button>\n                <input type="number" min="0" max="10" step="0.1" ref=\'$radius\'/>\n                <button type="button" data-type=\'minus\'>').concat(vm.remove2,'</button>\n            </span>      \n            <button type="button">Keydown ESC or Enter key to close editing</button>   \n\n            \n        </div>\n      </div>    \n    ')}},{key:Gn("$count"),value:function(){return{value:this.state.count}}},{key:Gn("$radius"),value:function(){return{value:this.state.radius}}},{key:"refresh",value:function(){this.load()}},{key:rn("$c [data-type]"),value:function(t){var e="plus"===t.$delegateTarget.attr("data-type")?1:-1;this.updateData({count:this.state.count+e}),this.refresh()}},{key:rn("$r [data-type]"),value:function(t){var e="plus"===t.$delegateTarget.attr("data-type")?.1:-.1;this.updateData({radius:this.state.radius+e}),this.refresh()}},{key:jn("$count"),value:function(){var t=+this.refs.$count.value;t<3&&(t=3),this.updateData({count:t}),this.refresh()}},{key:jn("$radius"),value:function(){var t=+this.refs.$radius.value;this.updateData({radius:t})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.count,this.state.radius)}},{key:Pr("changeStarManager"),value:function(t,e){this.setState({count:t,radius:e},!1),this.refresh()}},{key:Pr("showStarManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeStarManager",this.setState(t,!1),this.refresh(),this.$el.show()}},{key:Pr("hideStarManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hideStarManager")}}])&&Cm(n.prototype,r),o&&Cm(n,o),e}();function Dm(t){return(Dm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Im(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mm(t,e){return!e||"object"!==Dm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lm(t){return(Lm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bm(t,e){return(Bm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zm={"segment-move":"modify",modify:"modify",draw:"draw",transform:"transform"},Fm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Mm(this,Lm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"move",msg:"Keydown ESC or Enter key to close editing"}}},{key:"template",value:function(){return"\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='Modify' > ").concat(vm.device_hub,"</button>\n            <button type=\"button\" data-value='draw' title='Draw' > ").concat(vm.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='transform' > ").concat(vm.format_shapes,"</button>\n        </div>\n        <div class='split'></div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='flip X'>").concat(vm.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='flip Y'>").concat(vm.flip,"</button>\n            <button type=\"button\" data-value='flip' title='flip origin'>").concat(vm.flip,"</button>\n        </div>\n      </div>    \n    ")}},{key:Gn("$mode"),value:function(){return{"data-selected-value":zm[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:rn("$flip button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.emit("changePathTransform",e)}},{key:rn("$mode button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.updateData({mode:e}),this.refresh()}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.mode)}},{key:Pr("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Pr("showPathManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changePathManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg)}},{key:Pr("hidePathManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hidePathManager")}}])&&Im(n.prototype,r),o&&Im(n,o),e}();function Gm(t){return(Gm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xm(t,e){return!e||"object"!==Gm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ym(t){return(Ym=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Nm(t,e){return(Nm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Km=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Xm(this,Ym(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"move",msg:"Keydown ESC or Enter key to close editing"}}},{key:"template",value:function(){return"\n      <div class='polygon-manager'>\n        <div class='text'>\n            <label>Polygon Mode</label>\n            <label><input type='radio' name='polygon-mode' value='draw' /> draw</label>            \n            <label><input type='radio' name='polygon-mode' value='modify' /> modify</label>         \n        </div>\n      </div>    \n    "}},{key:rn('$el input[type="radio"]'),value:function(t){var e=t.$delegateTarget.value;this.updateData({mode:e})}},{key:"refresh",value:function(){var t=this.$el.$("[value=".concat(this.state.mode,"]"));t&&t.checked(!0)}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.mode)}},{key:Pr("changePolygonManager"),value:function(t){this.setState({mode:t},!1),this.refresh()}},{key:Pr("showPolygonManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changePolygonManager",this.setState(t,!1),this.refresh(),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg)}},{key:Pr("hidePolygonManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hidePolygonManager")}}])&&Hm(n.prototype,r),o&&Hm(n,o),e}();function Wm(t){return(Wm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Um(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Zm(t,e){return!e||"object"!==Wm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qm(t){return(qm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jm(t,e){return(Jm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Zm(this,qm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jm(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{StarManager:Am,PathManager:Fm,PolygonManager:Km}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <PolygonManager />\n        <StarManager />\n        <SelectionManager />\n      </div>\n    "}}])&&Um(n.prototype,r),o&&Um(n,o),e}();function tw(t){return(tw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ew(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function nw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rw(t,e){return!e||"object"!==tw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ow(t){return(ow=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iw(t,e){return(iw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rw(this,ow(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iw(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{PageTools:Tm,NumberRangeEditor:Om,ElementView:hm,PageSubEditor:Qm}}},{key:"afterRender",value:function(){this.emit("load.json")}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\">\n        <div class='page-view'>\n          <div class='page-lock' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        <PageSubEditor />\n        <PageTools />\n      </div>\n    "}},{key:Pr("toggle.fullscreen"),value:function(){this.$el.fullscreen()}},{key:un("$el")+Rn+Cn("c")+Ln,value:function(t){this.emit("copy")}},{key:un("$el")+Rn+Cn("v")+Ln,value:function(){this.emit("paste")}},{key:"isNumberKey",value:function(t){return+t.key+""===t.key}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName.toLowerCase();return!1===["input"].includes(e)}},{key:un("$el")+En("isNumberKey")+En("isNotFormElement")+Ln+Bn,value:function(t){this.emit("keyup.canvas.view",t.key)}},{key:Pn("$lock")+$n+Ln+Dn(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",pl.scale*e)}},{key:"getScrollTop",value:function(){return this.refs.$lock?this.refs.$lock.scrollTop():0}},{key:"getScrollLeft",value:function(){return this.refs.$lock?this.refs.$lock.scrollLeft():0}},{key:"setScrollTop",value:function(t){this.refs.$lock.setScrollTop(t)}},{key:"addScrollTop",value:function(t){this.setScrollTop(this.getScrollTop()+t)}},{key:"setScrollLeft",value:function(t){this.refs.$lock.setScrollLeft(t)}},{key:"addScrollLeft",value:function(t){this.setScrollLeft(this.getScrollLeft()+t)}},{key:Pr("focusCanvasView"),value:function(){this.$el.focus()}},{key:un()+En("Backspace"),value:function(t){Ke.create(t.target).attr("contenteditable")||(pl.selection.remove(),this.emit("refreshAllSelectArtBoard"))}},{key:fn()+Ln,value:function(t){}},{key:ln()+Ln,value:function(t){var e=t.dataTransfer.getData("image/info");this.emit("drop.image.url",e)}},{key:Pr("refreshComputedStyle")+An(100),value:function(t){var e,n=(e=this.refs.$canvas).getComputedStyle.apply(e,ew(t));this.emit("refreshComputedStyleCode",n)}},{key:"scrollXY",get:function(){return{screenX:He.px(this.getScrollLeft()),screenY:He.px(this.getScrollTop())}}},{key:"screenSize",get:function(){return this.refs.$lock?this.refs.$lock.rect():{width:0,height:0}}}])&&nw(n.prototype,r),o&&nw(n,o),e}();function cw(t){return(cw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sw(t,e){return!e||"object"!==cw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lw(t){return(lw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fw(t,e){return(fw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sw(this,lw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fw(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <button type="button" class=\'menu-item '.concat(this.getClassName(),"' data-no-title=\"").concat(this.isHideTitle(),'" ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' checked="').concat(this.getChecked()?"checked":"",'">\n            <div class="icon ').concat(this.getIcon(),'">').concat(this.getIconString(),'</div>\n            <div class="title">').concat(this.getTitle(),"</div>\n        </button>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"clickButton",value:function(t){}},{key:"getChecked",value:function(){return!1}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:rn(),value:function(t){this.clickButton(t)}}])&&uw(n.prototype,r),o&&uw(n,o),e}();function hw(t){return(hw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dw(t,e){return!e||"object"!==hw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vw(t){return(vw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bw(t,e){return(bw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dw(this,vw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bw(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Github"}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&yw(n.prototype,r),o&&yw(n,o),e}();function mw(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ww(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var kw=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.artboard=e}var e,n,r;return e=t,(n=[{key:"generateCode",value:function(){var t=this,e=this.artboard.getSelectedTimelineLastTime(),n=this.artboard.getSelectedTimeline(),r=[],o={};n&&(n.animations.forEach(function(e){var n,o=t.artboard.searchById(e.id),i=e.properties.map(function(t){var e=t.property;switch(e){case"x":e="left";break;case"y":e="top"}return{property:e,keyframes:t.keyframes.map(function(t){return{time:1e3*t.time,value:t.value,timing:t.timing}})}});(n=r).push.apply(n,mw(o.toAnimationKeyframes(i).filter(function(t){return t.properties.length})))}),o={duration:1e3*e,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&ww(e.prototype,n),r&&ww(e,r),t}(),Ow=function(t){switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa"){case"anipa":return new kw(t).generateCode()}return""},Sw={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Y(n),"\n      }\n      /* keyframe */\n      ").concat(e,"\n    ")},makeStyle:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(t.is("project"))return this.makeProjectStyle(t);var r=t.generateView("[data-id='".concat(t.id,"']"),n);return"\n    ".concat(r,"\n    ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")},makeSvg:function(t){var e=t.toSVGString?t.toSVGString():"";return"\n      ".concat(e?'<svg width="0" height="0">'.concat(e,"</svg>"):"","\n    ")},generate:function(){var t=pl.selection.currentProject,e=pl.selection.currentArtboard,n="\n".concat(this.makeStyle(t),"\n").concat(this.makeStyle(e,"\n  left: 0px;\n  top: 0px;\n")),r="\n".concat(e.html,"\n").concat(this.makeSvg(t),"\n    "),o=Ow(e,"anipa");return{html:r=bc(r),css:n=bc(n),js:o=bc(o)}},generateSVG:function(t){return bc(t.generateSVG(!0))}};function jw(t){return(jw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pw(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _w(t,e){return!e||"object"!==jw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Tw(t){return(Tw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ew(t,e){return(Ew=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Cw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_w(this,Tw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ew(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n    <form class=\'codepen\' action="https://codepen.io/pen/define" method="POST" target="_code_pen">\n      <input type="hidden" name="data" ref="$codepen" value=\'\'>\n      <button type="submit">\n        <div class=\'icon codepen\'></div>\n        <div class=\'title\'>CodePen</div>\n      </button>\n    </form>     \n    '}},{key:wn(),value:function(){var t=Sw.generate();return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Pw(t,e,n[e])})}return t}({title:"sapa - editor.easylogic.studio",description:"https://editor.easylogic.studio",js_external:"https://cdn.jsdelivr.net/npm/@easylogic/anipa@0.0.11/dist/main.js"},t))),!1}}])&&xw(n.prototype,r),o&&xw(n,o),e}();function $w(t){return($w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Rw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vw(t,e){return!e||"object"!==$w(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Aw(t){return(Aw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Dw(t,e){return(Dw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Iw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Vw(this,Aw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Dw(t,e)}(e,pw),n=e,(r=[{key:"template",value:function(){return'\n      <form class=\'jsfiddle\' action="https://jsfiddle.net/api/post/library/pure/" method="POST" target="_blank">\n          <input type="hidden" name="title" ref="$title" value=\'\'>\n          <input type="hidden" name="description" ref="$description" value=\'\'>\n          <input type="hidden" name="html" ref="$html" value=\'\'>\n          <input type="hidden" name="css" ref="$css" value=\'\'>\n          <input type="hidden" name="dtd" value=\'html 5\'>\n          <input type="hidden" name="resources" ref=\'$resources\' value="" />\n          <button type="submit">\n              <div class=\'icon jsfiddle\'></div>\n              <div class=\'title\'>JSFiddle</div>\n          </button>                \n      </form>     \n    '}},{key:wn(),value:function(){this.refs.$title.val("sapa - editor.easylogic.studio"),this.refs.$description.val("https://editor.easylogic.studio");var t=Sw.generate(),e=["https://cdn.jsdelivr.net/npm/@easylogic/anipa@0.0.3/dist/main.js"].join(",");return this.refs.$html.val(t.html),this.refs.$css.val(t.css),this.refs.$resources.val(e),!1}}])&&Rw(n.prototype,r),o&&Rw(n,o),e}();function Mw(t){return(Mw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bw(t,e){return!e||"object"!==Mw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zw(t){return(zw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fw(t,e){return(Fw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bw(this,zw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fw(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.rect}},{key:"getTitle",value:function(){return"1. Rect"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","rect")}}])&&Lw(n.prototype,r),o&&Lw(n,o),e}();function Hw(t){return(Hw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yw(t,e){return!e||"object"!==Hw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Nw(t){return(Nw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kw(t,e){return(Kw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ww=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yw(this,Nw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kw(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.circle}},{key:"getTitle",value:function(){return"2. Circle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","circle")}}])&&Xw(n.prototype,r),o&&Xw(n,o),e}();function Uw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Zw=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"getContainer",value:function(){return 1===pl.selection.items.length?pl.selection.currentArtboard:pl.selection.allRect}},{key:"left",value:function(){var e=t.getContainer().screenX.value;pl.selection.each(function(t){t.setScreenX(e)}),pl.selection.setRectCache()}},{key:"top",value:function(){var e=t.getContainer().screenY.value;pl.selection.each(function(t){t.setScreenY(e)}),pl.selection.setRectCache()}},{key:"center",value:function(){var e=t.getContainer(),n=e.screenX.value+e.width.value/2;pl.selection.each(function(t){t.setScreenXCenter(n)}),pl.selection.setRectCache()}},{key:"middle",value:function(){var e=t.getContainer(),n=e.screenY.value+e.height.value/2;pl.selection.each(function(t){t.setScreenYMiddle(n)}),pl.selection.setRectCache()}},{key:"right",value:function(){var e=t.getContainer().screenX2.value;pl.selection.each(function(t){t.setScreenX2(e)}),pl.selection.setRectCache()}},{key:"bottom",value:function(){var e=t.getContainer().screenY2.value;pl.selection.each(function(t){t.setScreenY2(e)}),pl.selection.setRectCache()}},{key:"sameWidth",value:function(){var t=pl.selection.items.length;1==t||t>1&&(pl.selection.each(function(t){t.setScreenX(pl.selection.allRect.x.value),t.width.set(pl.selection.allRect.width.value)}),pl.selection.setRectCache())}},{key:"sameHeight",value:function(){var t=pl.selection.items.length;1==t||t>1&&(pl.selection.each(function(t){t.setScreenY(pl.selection.allRect.y.value),t.height.set(pl.selection.allRect.height.value)}),pl.selection.setRectCache())}}],(n=null)&&Uw(e.prototype,n),r&&Uw(e,r),t}();function qw(t){return(qw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qw(t,e){return!e||"object"!==qw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tk(t){return(tk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ek(t,e){return(ek=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qw(this,tk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ek(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.left(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Jw(n.prototype,r),o&&Jw(n,o),e}();function rk(t){return(rk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ok(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ik(t,e){return!e||"object"!==rk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ak(t){return(ak=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ck(t,e){return(ck=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ik(this,ak(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ck(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.right(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&ok(n.prototype,r),o&&ok(n,o),e}();function sk(t){return(sk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fk(t,e){return!e||"object"!==sk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pk(t){return(pk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hk(t,e){return(hk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fk(this,pk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.center(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&lk(n.prototype,r),o&&lk(n,o),e}();function dk(t){return(dk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bk(t,e){return!e||"object"!==dk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gk(t){return(gk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mk(t,e){return(mk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bk(this,gk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.top(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&vk(n.prototype,r),o&&vk(n,o),e}();function kk(t){return(kk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ok(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sk(t,e){return!e||"object"!==kk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jk(t){return(jk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pk(t,e){return(Pk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sk(this,jk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.bottom(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Ok(n.prototype,r),o&&Ok(n,o),e}();function _k(t){return(_k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ek(t,e){return!e||"object"!==_k(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ck(t){return(Ck=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $k(t,e){return($k=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Rk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ek(this,Ck(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$k(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"middle"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.middle(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Tk(n.prototype,r),o&&Tk(n,o),e}();function Vk(t){return(Vk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ak(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Dk(t,e){return!e||"object"!==Vk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ik(t){return(Ik=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Mk(t,e){return(Mk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Lk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Dk(this,Ik(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Mk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"height"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.sameHeight(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Ak(n.prototype,r),o&&Ak(n,o),e}();function Bk(t){return(Bk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Fk(t,e){return!e||"object"!==Bk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gk(t){return(Gk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Hk(t,e){return(Hk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Xk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Fk(this,Gk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"width"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){Zw.sameWidth(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&zk(n.prototype,r),o&&zk(n,o),e}();function Yk(t){return(Yk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kk(t,e){return!e||"object"!==Yk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wk(t){return(Wk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uk(t,e){return(Uk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Kk(this,Wk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uk(t,e)}(e,pw),n=e,(r=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){pl.selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:Pr("refreshSelection"),value:function(){this.$el.hide()}}])&&Nk(n.prototype,r),o&&Nk(n,o),e}();function qk(t){return(qk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qk(t,e){return!e||"object"!==qk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tO(t){return(tO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eO(t,e){return(eO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qk(this,tO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.title}},{key:"getTitle",value:function(){return"3. Text"}},{key:"getClassName",value:function(){return"text"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","text")}}])&&Jk(n.prototype,r),o&&Jk(n,o),e}();function rO(t){return(rO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iO(t,e){return!e||"object"!==rO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aO(t){return(aO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cO(t,e){return(cO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),iO(this,aO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.dahaze}},{key:"getIcon",value:function(){return"open-right-panel"}},{key:"getTitle",value:function(){return"Property"}},{key:"clickButton",value:function(t){this.emit("toggleRightPanel"),this.trigger("refreshMenuItem")}},{key:Pr("refreshMenuItem"),value:function(){this.$el.toggleClass("open",editor.openRightPanel)}},{key:Pr("refreshAll"),value:function(){this.trigger("refreshMenuItem")}}])&&oO(n.prototype,r),o&&oO(n,o),e}();function sO(t){return(sO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fO(t,e){return!e||"object"!==sO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pO(t){return(pO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hO(t,e){return(hO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fO(this,pO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.polygon}},{key:"getTitle",value:function(){return"Polygon"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.polygon")}}])&&lO(n.prototype,r),o&&lO(n,o),e}();function dO(t){return(dO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bO(t,e){return!e||"object"!==dO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gO(t){return(gO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mO(t,e){return(mO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bO(this,gO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.star}},{key:"getTitle",value:function(){return"Star"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.trigger("addStar")}},{key:Pr("addStar"),value:function(){this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPolygonEditor","star")}}])&&vO(n.prototype,r),o&&vO(n,o),e}();function kO(t){return(kO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SO(t,e){return!e||"object"!==kO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jO(t){return(jO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PO(t,e){return(PO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SO(this,jO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.color_lens}},{key:"getTitle",value:function(){return"Theme"}},{key:"clickButton",value:function(t){this.emit("switch.theme")}}])&&OO(n.prototype,r),o&&OO(n,o),e}();function _O(t){return(_O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EO(t,e){return!e||"object"!==_O(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CO(t){return(CO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $O(t,e){return($O=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),EO(this,CO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$O(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.publish}},{key:"getTitle",value:function(){return"Export"}},{key:"clickButton",value:function(t){this.emit("show.exportView")}}])&&TO(n.prototype,r),o&&TO(n,o),e}();function VO(t){return(VO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DO(t,e){return!e||"object"!==VO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IO(t){return(IO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MO(t,e){return(MO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DO(this,IO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.note}},{key:"getTitle",value:function(){return"Learn"}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&AO(n.prototype,r),o&&AO(n,o),e}();function BO(t){return(BO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FO(t,e){return!e||"object"!==BO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GO(t){return(GO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HO(t,e){return(HO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FO(this,GO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.cube}},{key:"getTitle",value:function(){return"5. Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","cube")}}])&&zO(n.prototype,r),o&&zO(n,o),e}();function YO(t){return(YO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KO(t,e){return!e||"object"!==YO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function WO(t){return(WO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function UO(t,e){return(UO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ZO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),KO(this,WO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UO(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.photo}},{key:"getTitle",value:function(){return"4. Image"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(){this.emit("add.type","image")}}])&&NO(n.prototype,r),o&&NO(n,o),e}();function qO(t){return(qO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function JO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QO(t,e){return!e||"object"!==qO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tS(t){return(tS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eS(t,e){return(eS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QO(this,tS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.edit}},{key:"getTitle",value:function(){return"6. Path"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.path")}}])&&JO(n.prototype,r),o&&JO(n,o),e}();function rS(t){return(rS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iS(t,e){return!e||"object"!==rS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aS(t){return(aS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cS(t,e){return(cS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),iS(this,aS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.storage}},{key:"getTitle",value:function(){return"Save"}},{key:"clickButton",value:function(t){this.emit("save.json")}}])&&oS(n.prototype,r),o&&oS(n,o),e}();function sS(t){return(sS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fS(t,e){return!e||"object"!==sS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pS(t){return(pS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hS(t,e){return(hS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fS(this,pS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.archive}},{key:"getTitle",value:function(){return"Archive"}},{key:"clickButton",value:function(t){this.emit("download.json")}}])&&lS(n.prototype,r),o&&lS(n,o),e}();function dS(t){return(dS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bS(t,e){return!e||"object"!==dS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gS(t){return(gS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mS(t,e){return(mS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bS(this,gS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return"1. Select a item"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("select.item")}}])&&vS(n.prototype,r),o&&vS(n,o),e}();function kS(t){return(kS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SS(t,e){return!e||"object"!==kS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jS(t){return(jS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PS(t,e){return(PS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SS(this,jS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.rect}},{key:"getTitle",value:function(){return"6. SVG Rect"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgrect")}}])&&OS(n.prototype,r),o&&OS(n,o),e}();function _S(t){return(_S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ES(t,e){return!e||"object"!==_S(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CS(t){return(CS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $S(t,e){return($S=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ES(this,CS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$S(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.circle}},{key:"getTitle",value:function(){return"6. SVG Circle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgcircle")}}])&&TS(n.prototype,r),o&&TS(n,o),e}();function VS(t){return(VS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DS(t,e){return!e||"object"!==VS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IS(t){return(IS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MS(t,e){return(MS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DS(this,IS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.fullscreen}},{key:"getTitle",value:function(){return"Screen"}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&AS(n.prototype,r),o&&AS(n,o),e}();function BS(t){return(BS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FS(t,e){return!e||"object"!==BS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GS(t){return(GS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HS(t,e){return(HS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FS(this,GS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HS(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.text_rotate}},{key:"getTitle",value:function(){return"10. SVG TextPath"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgtextpath")}}])&&zS(n.prototype,r),o&&zS(n,o),e}();function YS(t){return(YS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KS(t,e){return!e||"object"!==YS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function WS(t){return(WS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function US(t,e){return(US=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ZS={AddCylinder:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),KS(this,WS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&US(t,e)}(e,pw),n=e,(r=[{key:"getIconString",value:function(){return vm.cube}},{key:"getTitle",value:function(){return"5. Cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","cylinder")}}])&&NS(n.prototype,r),o&&NS(n,o),e}(),AddSVGTextPath:XS,Fullscreen:LS,AddSVGCircle:RS,AddSVGRect:xS,SelectTool:wS,Download:yS,Save:uS,AddCube:XO,AddImage:ZO,AddPath:nS,Manual:LO,ExportView:RO,ThemeSwitcher:xO,AddStar:wO,AddPolygon:yO,ToggleRightItem:uO,AddText:nO,CopyItem:Zk,SameHeight:Lk,SameWidth:Xk,TopAlign:wk,BottomAlign:xk,MiddleAlign:Rk,CenterAlign:yk,RightAlign:uk,LeftAlign:nk,AddCircle:Ww,AddRect:Gw,ExportJSFiddle:Iw,ExportCodePen:Cw,Github:gw};function qS(t){return(qS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function JS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QS(t,e){return!e||"object"!==qS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tj(t){return(tj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ej(t,e){return(ej=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QS(this,tj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ej(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return ZS}},{key:"template",value:function(){return"\n      <div class='tool-menu '>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            \x3c!--<label>CSS</label>--\x3e\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddCube />\n            \x3c!-- AddCylinder / --\x3e\n            \x3c!-- AddSphere / --\x3e\n            <div class='split'></div>\n            \x3c!--<label>SVG</label>--\x3e\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGTextPath />\n            <AddPolygon />\n            <AddStar />\n            \x3c!-- <AddRedGL /> --\x3e\n          </div>\n        </div>\n\n      </div>\n    "}},{key:Pr("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:rn("$items button"),value:function(t){t.$delegateTarget.onlyOneClass("selected")}}])&&JS(n.prototype,r),o&&JS(n,o),e}();function rj(t){return(rj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ij(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aj(t,e){return!e||"object"!==rj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cj(t,e,n){return(cj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uj(t){return(uj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sj(t,e){return(sj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aj(this,uj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sj(t,e)}(e,Pv),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new cv({color:t,percent:0,index:0}),new cv({color:t,percent:100,index:1})]})}}],(r=[{key:"getDefaultObject",value:function(){return cj(uj(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new cv({color:"red",percent:0,index:0}),new cv({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){oj(t,e,n[e])})}return t}({},cj(uj(e.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"toString",value:function(){var t=this.json.colorsteps[0].color;return"linear-gradient(to right, ".concat(t," 0%, ").concat(t," 100%)")}},{key:"isStatic",value:function(){return!0}}])&&ij(n.prototype,r),o&&ij(n,o),e}();function fj(t){return(fj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){hj(t,e,n[e])})}return t}function hj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vj(t,e,n){return e&&dj(t.prototype,e),n&&dj(t,n),t}function bj(t,e){return!e||"object"!==fj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gj(t,e,n){return(gj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=mj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function mj(t){return(mj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wj(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kj(t,e)}function kj(t,e){return(kj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Oj=["jpg","jpeg","png","gif","svg"];var Sj=function(t){function e(){return yj(this,e),bj(this,mj(e).apply(this,arguments))}return wj(e,dv),vj(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gj(mj(e.prototype),"getDefaultObject",this).call(this,pj({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return pj({},gj(mj(e.prototype),"toCloneObject",this).call(this),{url:this.json.url,datauri:this.json.datauri})}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.json;return"url(".concat(t?pl.getFile(e.url):e.url,")")}}],[{key:"parse",value:function(t){return new e({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Oj.includes(t)}}]),e}();function jj(t){return(jj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pj(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function xj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){_j(t,e,n[e])})}return t}function _j(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Tj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ej(t,e){return!e||"object"!==jj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cj(t,e,n){return(Cj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$j(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $j(t){return($j=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rj(t,e){return(Rj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vj={0:"to top",45:"to top right",90:"to right",135:"to bottom right",180:"to bottom",225:"to bottom left",270:"to left",315:"to top left"},Aj={"to top":"0","to top right":"45","to right":"90","to bottom right":"135","to bottom":"180","to bottom left":"225","to left":"270","to top left":"315"},Dj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ej(this,$j(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rj(t,e)}(e,Pv),n=e,o=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new e({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=se(t),r=0,o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){t.includes("@")?(t=fe(t,n.matches),o.push.apply(o,Pj(cv.parse(t)))):r=E(Aj[t])?He.parse(t):He.deg(+Aj[t])}),new e({angle:r.value,colorsteps:o})}}],(r=[{key:"getDefaultObject",value:function(t){return Cj($j(e.prototype),"getDefaultObject",this).call(this,xj({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return xj({},Cj($j(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle})}},{key:"isLinear",value:function(){return!0}},{key:"hasAngle",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e="";return M(e=this.json.angle||0)&&(e=Vj["".concat(e)]||e),M(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&Tj(n.prototype,r),o&&Tj(n,o),e}();function Ij(t){return(Ij="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lj(t,e){return!e||"object"!==Ij(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bj(t,e,n){return(Bj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zj(t){return(zj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fj(t,e){return(Fj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gj,Hj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Lj(this,zj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fj(t,e)}(e,Dj),n=e,o=[{key:"parse",value:function(t){var n=Dj.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return Bj(zj(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Mj(n.prototype,r),o&&Mj(n,o),e}();function Xj(t){return(Xj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yj(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Nj(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Kj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Qj(t,e,n[e])})}return t}function Wj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Uj(t,e){return!e||"object"!==Xj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zj(t,e,n){return(Zj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qj(t){return(qj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jj(t,e){return(Jj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Qj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var tP=(Qj(Gj={},"center",!0),Qj(Gj,"top",!0),Qj(Gj,"left",!0),Qj(Gj,"right",!0),Qj(Gj,"bottom",!0),Gj),eP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Uj(this,qj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jj(t,e)}(e,Pv),n=e,o=[{key:"parse",value:function(t){var n=se(t),r="ellipse",o=[Fe.CENTER,Fe.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),i.push.apply(i,Nj(cv.parse(t)));else{if(t.includes("at")){var a=Yj(t.split("at").map(function(t){return t.trim()}),2);r=a[0],o=a[1]}else r=t;if(V(o)){var c=o.split(" ");if(1===c.length){var u=He.parse(c[0]);o=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(o=c.map(function(t){var e=He.parse(t);return e.isString()?e.value:e.clone()}))}}}),new e({radialType:r,radialPosition:o,colorsteps:i})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zj(qj(e.prototype),"getDefaultObject",this).call(this,Kj({type:"radial-gradient",radialType:"ellipse",radialPosition:[Fe.CENTER,Fe.CENTER]},t))}},{key:"toCloneObject",value:function(){return Kj({},Zj(qj(e.prototype),"toCloneObject",this).call(this),{radialType:this.json.radialType,radialPosition:L(this.json.radialPosition)})}},{key:"isRadial",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t,e=this.getColorString(),n=this.json,r=n.radialType,o=n.radialPosition||["center","center"];return t=(o=tP[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&Wj(n.prototype,r),o&&Wj(n,o),e}();function nP(t){return(nP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oP(t,e){return!e||"object"!==nP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iP(t,e,n){return(iP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=aP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function aP(t){return(aP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cP(t,e){return(cP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uP,sP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oP(this,aP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cP(t,e)}(e,eP),n=e,o=[{key:"parse",value:function(t){var n=eP.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return iP(aP(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&rP(n.prototype,r),o&&rP(n,o),e}();function lP(t){return(lP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function pP(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function hP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){mP(t,e,n[e])})}return t}function yP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dP(t,e){return!e||"object"!==lP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vP(t,e,n){return(vP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function bP(t){return(bP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gP(t,e){return(gP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var wP=(mP(uP={},"center",!0),mP(uP,"top",!0),mP(uP,"left",!0),mP(uP,"right",!0),mP(uP,"bottom",!0),uP),kP={"to top":0,"to top right":45,"to right":90,"to bottom right":135,"to bottom":180,"to bottom left":225,"to left":270,"to top left":315},OP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dP(this,bP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gP(t,e)}(e,Pv),n=e,o=[{key:"parse",value:function(t){var n=se(t),r="0deg",o=[Fe.CENTER,Fe.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t=t.split(" ").map(function(t){return t.trim()}).map(function(t){return t.includes("deg")?He.parse(t).toPercent():t}).join(" "),n.matches),i.push.apply(i,pP(cv.parse(t)));else{if(t.includes("at")){var a=fP(t.split("at").map(function(t){return t.trim()}),2);r=a[0],o=a[1]}else r=t;if(V(o)){var c=o.split(" ");if(1===c.length){var u=He.parse(c[0]);o=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(o=c.map(function(t){var e=He.parse(t);return e.isString()?e.value:e}))}V(r)&&r.includes("from")&&(r=r.split("from")[1],r=E(kP[r])?He.parse(r):He.deg(+kP[r]))}}),new e({angle:r.value,radialPosition:o,colorsteps:i})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return vP(bP(e.prototype),"getDefaultObject",this).call(this,hP({type:"conic-gradient",angle:0,radialPosition:[Fe.CENTER,Fe.CENTER]},t))}},{key:"toCloneObject",value:function(){return hP({},vP(bP(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:L(this.json.radialPosition)})}},{key:"isConic",value:function(){return!0}},{key:"hasAngle",value:function(){return!0}},{key:"getColorString",value:function(){if(0===this.colorsteps.length)return"";var t=this.colorsteps;return t?(t.sort(function(t,e){return t.percent==e.percent?0:t.percent>e.percent?1:-1}),t.map(function(e,n){return e.prevColorStep=e.cut&&n>0?t[n-1]:null,e}).map(function(t){var e=Math.floor(3.6*t.percent),n="";if(t.cut&&t.prevColorStep){var r=Math.floor(3.6*t.prevColorStep.percent);n="".concat(r,"deg")}return"".concat(t.color," ").concat(n," ").concat(e,"deg")}).join(",")):""}},{key:"toString",value:function(){var t=this.getColorString(),e=[],n=this.json,r=n.angle,o=n.radialPosition||Fe.CENTER;o=wP[o]?o:o.join(" "),C(r)&&(r=+(kP[r]||r),e.push("from ".concat(r,"deg"))),o&&e.push("at ".concat(o));var i=e.length?e.join(" ")+",":"";return"".concat(n.type,"(").concat(i," ").concat(t,")")}}])&&yP(n.prototype,r),o&&yP(n,o),e}();function SP(t){return(SP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function PP(t,e){return!e||"object"!==SP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xP(t,e,n){return(xP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_P(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function _P(t){return(_P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TP(t,e){return(TP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),PP(this,_P(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TP(t,e)}(e,OP),n=e,o=[{key:"parse",value:function(t){var n=OP.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return xP(_P(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Fe.CENTER,Fe.CENTER]})}}])&&jP(n.prototype,r),o&&jP(n,o),e}();function CP(t){return(CP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $P(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function RP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){VP(t,e,n[e])})}return t}function VP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function AP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DP(t,e){return!e||"object"!==CP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IP(t,e,n){return(IP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=MP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function MP(t){return(MP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LP(t,e){return(LP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BP=["repeat","no-repeat","repeat-x","repeat-y"],zP=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,FP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DP(this,MP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LP(t,e)}(e,Gr),n=e,o=[{key:"createImage",value:function(t){return new Sj({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=t.angle||e.angle,o=t.radialType||e.radialType,i=t.radialPosition||e.radialPosition,a=e.toJSON();switch(delete a.itemType,delete a.type,t.type){case"static-gradient":return new lj(RP({},a,{colorsteps:n}));case"linear-gradient":return new Dj(RP({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Hj(RP({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new eP(RP({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new sP(RP({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new OP(RP({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new EP(RP({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new Pv}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=se(t),n=null,r=e.str.match(zP);return r?(r.forEach(function(t,r){(t=fe(t,e.matches)).includes("repeating-linear-gradient")?n=Hj.parse(t):t.includes("linear-gradient")?n=Dj.parse(t):t.includes("repeating-radial-gradient")?n=sP.parse(t):t.includes("radial")?n=eP.parse(t):t.includes("repeating-conic-gradient")?n=EP.parse(t):t.includes("conic")?n=OP.parse(t):t.includes("url")&&(n=Sj.parse(t))}),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new lj(t);case"linear-gradient":return new Dj(t);case"repeating-linear-gradient":return new Hj(t);case"radial-gradient":return new eP(t);case"repeating-radial-gradient":return new sP(t);case"conic-gradient":return new OP(t);case"repeating-conic-gradient":return new EP(t);case"image-resource":case"url":return new Sj(t)}}},{key:"parseStyle",value:function(t){var n=[];if(t["background-image"]){var r=se(t["background-image"]);r.str.match(zP).forEach(function(t,o){var i=null;(t=fe(t,r.matches)).includes("repeating-linear-gradient")?i=Hj.parse(t):t.includes("linear-gradient")?i=Dj.parse(t):t.includes("repeating-radial-gradient")?i=sP.parse(t):t.includes("radial-gradient")?i=eP.parse(t):t.includes("repeating-conic-gradient")?i=EP.parse(t):t.includes("conic-gradient")?i=OP.parse(t):t.includes("url")&&(i=Sj.parse(t)),n[o]=new e({type:i.type,image:i})})}return t["background-repeat"]&&t["background-repeat"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){n[e]&&(n[e].repeat=t)}),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){n[e]&&(n[e].blendMode=t)}),t["background-size"]&&t["background-size"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(n[e])if("cover"==t||"contain"===t||"auto"===t)n[e].size=t;else{n[e].size="auto";var r=$P(t.split(" "),2),o=r[0],i=r[1];n[e].width=He.parse(o),n[e].height=He.parse(i)}}),t["background-position"]&&t["background-position"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(n[e]){var r=$P(t.split(" "),2),o=r[0],i=r[1];n[e].x=He.parse(o),n[e].y=He.parse(i)}}),n}},{key:"toPropertyCSS",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n={};return t.forEach(function(t){S(t.toCSS(e),function(t,e){n[t]||(n[t]=[]),n[t].push(e)})}),z(n)}},{key:"join",value:function(t){return Y(e.toPropertyCSS(t.map(function(t){return e.parse(t)})))}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:e.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:e.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return IP(MP(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:He.percent(100),height:He.percent(100),x:He.percent(0),y:He.percent(0),image:new lj})}},{key:"toCloneObject",value:function(){var t=this.json;return RP({},IP(MP(e.prototype),"toCloneObject",this).call(this),{checked:t.checked,blendMode:t.blendMode,size:t.size,repeat:t.repeat,width:t.width+"",height:t.height+"",x:t.x+"",y:t.y+"",image:t.image.clone()})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width&&(t.width=He.parse(t.width)),t.height&&(t.height=He.parse(t.height)),V(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?BP.includes(n):IP(MP(e.prototype),"checkField",this).call(this,t,n)}},{key:"toBackgroundImageCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.image?{"background-image":this.json.image.toString(t)}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return RP({},this.toBackgroundImageCSS(t),this.toBackgroundPositionCSS(),this.toBackgroundSizeCSS(),this.toBackgroundRepeatCSS(),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return j(this.toCSS(),function(t,e){return"".concat(t,": ").concat(e)}).join(";")}},{key:"toBackgroundCSS",value:function(){var t=this.toCSS();return{background:"".concat(t["background-image"]," ")}}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&AP(n.prototype,r),o&&AP(n,o),e}();function GP(t){return(GP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){XP(t,e,n[e])})}return t}function XP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function YP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NP(t,e){return!e||"object"!==GP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KP(t){return(KP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WP(t,e){return(WP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NP(this,KP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WP(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(HP({},t))}},{key:Gn("$miniView"),value:function(){return{style:{"background-image":"linear-gradient(to top right, black, white)","background-repeat":this.state.repeat,"background-size":"7px 7px"}}}},{key:"template",value:function(){return"\n            <div class='background-position-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Pr("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(HP({},t))}}])&&YP(n.prototype,r),o&&YP(n,o),e}();function ZP(t){return(ZP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function JP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QP(t,e){return!e||"object"!==ZP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tx(t){return(tx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ex(t,e){return(ex=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QP(this,tx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ex(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){qP(t,e,n[e])})}return t}({},t))}},{key:Gn("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover"}}}},{key:"template",value:function(){return"\n            <div class='gradient-single-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Pr("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&JP(n.prototype,r),o&&JP(n,o),e}();function rx(t){return(rx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ox(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ix(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ax(t,e){return!e||"object"!==rx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cx(t){return(cx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ux(t,e){return(ux=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sx={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(vm.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(vm.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(vm.repeat," Conic")},lx={image:"image","image-resource":"image",url:"image","static-gradient":"gradient","linear-gradient":"gradient","repeating-linear-gradient":"gradient","radial-gradient":"gradient","repeating-radial-gradient":"gradient","conic-gradient":"gradient","repeating-conic-gradient":"gradient"},fx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ax(this,cx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ux(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{GradientSingleEditor:nx,BackgroundPositionEditor:UP}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,images:this.parseBackgroundImage(this.props.value)}}},{key:"parseBackgroundImage",value:function(t){return FP.parseStyle(N(t))}},{key:"setValue",value:function(t){this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='background-image-editor' >\n                <div class='label ".concat(t,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(vm.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        ")}},{key:"getColorStepList",value:function(t){switch(t.type){case"static-gradient":case"linear-gradient":case"repeating-linear-gradient":case"radial-gradient":case"repeating-radial-gradient":case"conic-gradient":case"repeating-conic-gradient":return this.getColorStepString(t.colorsteps)}return""}},{key:"getColorStepString",value:function(t){return t.map(function(t,e){return"\n                    <div class='step' data-index=\"".concat(e,'" data-cut="').concat(t.cut,"\" data-selected='").concat(t.selected,"'>\n                        <div class='color-view' style='background-color:").concat(t.color,";'></div>\n                    </div>\n                ")}).join("")}},{key:zn("$fillList"),value:function(){var t=this;return this.state.images.map(function(e,n){var r=e.image,o=lx[r.type],i=sx[r.type],a=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='fill-item ".concat(a,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true' data-fill-type=\"").concat(o,'" >\n                <BackgroundPositionEditor ').concat(K({key:"background-position",index:n,ref:"$bp".concat(n),x:e.x,y:e.y,width:e.width,height:e.height,repeat:e.repeat,size:e.size,blendMode:e.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(K({index:n,ref:"$gse".concat(n),image:e.image,key:"background-image"})," onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(n,'">').concat(i,"</div>\n                    <div class='colorsteps' ref=\"colorsteps").concat(n,'">\n                      ').concat(t.getColorStepList(r),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(n,"'>").concat(vm.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")})}},{key:"modifyBackgroundImage",value:function(){var t=Y(FP.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Pr("add"),value:function(){this.state.images.push(new FP({image:new Dj({angle:90,colorsteps:[new cv({percent:0,color:"white",index:0}),new cv({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:sn("$fillList .fill-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$fillList .fill-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ox(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:ln("$fillList .fill-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");this.selectItem(this.startIndex,!0),this.sortBackgroundImage(this.startIndex,e),this.refresh(),this.modifyBackgroundImage()}},{key:"getCurrentBackgroundImage",value:function(){return this.state.images[this.selectedIndex]}},{key:rn("$fillList .tools .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.images.forEach(function(e,n){e.selected=n===t})}},{key:Pr("selectFillPopupTab"),value:function(t,e){var n=lx[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Pr("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&ix(n.prototype,r),o&&ix(n,o),e}();function px(t){return(px="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hx(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dx(t,e){return!e||"object"!==px(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vx(t,e,n){return(vx="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bx(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function bx(t){return(bx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gx(t,e){return(gx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dx(this,bx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gx(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=se(t);return n=r.str.split(",").filter(function(t){return t.trim()}).map(function(t){var n=t.split(" "),o=n.filter(function(t){return"inset"===t}),i=n.filter(function(t){return t.includes("@")}).map(function(t){return r.matches[+t.replace("@","")].color}),a=n.filter(function(t){return"inset"!==t&&!t.includes("@")});return e.parse({inset:!!o.length,color:i[0]||"rgba(0, 0, 0, 1)",offsetX:He.parse(a[0]||"0px"),offsetY:He.parse(a[1]||"0px"),blurRadius:He.parse(a[2]||"0px"),spreadRadius:He.parse(a[3]||"0px")})})}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(", ")}}],(r=[{key:"getDefaultObject",value:function(){return vx(bx(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),spreadRadius:He.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){var t=this.json;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){hx(t,e,n[e])})}return t}({},vx(bx(e.prototype),"toCloneObject",this).call(this),{inset:t.inset,offsetX:t.offsetX+"",offsetY:t.offsetY+"",blurRadius:t.blurRadius+"",spreadRadius:t.spreadRadius+"",color:t.color})}},{key:"convert",value:function(t){return(t=vx(bx(e.prototype),"convert",this).call(this,t)).offsetX=He.parse(t.offsetX),t.offsetY=He.parse(t.offsetY),t.blurRadius=He.parse(t.blurRadius),t.spreadRadius=He.parse(t.spreadRadius),t}},{key:"toCSS",value:function(){return{"box-shadow":this.toString()}}},{key:"toString",value:function(){var t=this.json;return"".concat(t.inset?"inset ":"").concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.spreadRadius," ").concat(t.color)}}])&&yx(n.prototype,r),o&&yx(n,o),e}();function wx(t){return(wx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ox(t,e){return!e||"object"!==wx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Sx(t){return(Sx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jx(t,e){return(jx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Px=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ox(this,Sx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jx(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:mx.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="box-shadow-editor" >\n        <div class=\'label '.concat(t,"' >\n            <label>").concat(this.props.title||"",'</label>\n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Box Shadow">').concat(vm.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:zn("$shadowList"),value:function(){var t=this.state.boxShadows.map(function(t,e){return'\n        <div class="shadow-item real" data-index="'.concat(e,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(t.color,'">\n            </div>\n          </div>\n          <div class="inset" data-value="').concat(t.inset,'">').concat(vm.check,'</div>\n          <div class="offset-x">').concat(t.offsetX,'</div>\n          <div class="offset-y">').concat(t.offsetY,'</div>\n          <div class="blur-radius">').concat(t.blurRadius,'</div>\n          <div class="spread-radius">').concat(t.spreadRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(e,'">\n              ').concat(vm.remove2,"\n            </button>\n          </div>\n        </div>\n      ")});return t.length&&t.push('\n      <div class="shadow-item desc">\n        <div class="color"></div>      \n        <div class="inset" >Inset</div>\n\n        <div class="offset-x">X</div>\n        <div class="offset-y">Y</div>\n        <div class="blur-radius">Blur</div>\n        <div class="spread-radius">Spread</div>\n        <div class="tools">\n        </div>\n      </div>\n      '),t.join("")}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Pr("add"),value:function(){this.state.boxShadows.push(new mx),this.refresh(),this.modifyBoxShadow()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:rn("$shadowList .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:rn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$delegateTarget.closest("shadow-item").attr("data-index"),n=this.state.boxShadows[e];this.viewShadowPopup(n,e)}},{key:"viewShadowPopup",value:function(t,e){this.selectedIndex=e,this.viewBoxShadowPropertyPopup(t)}},{key:"viewBoxShadowPropertyPopup",value:function(t){this.emit("showBoxShadowPropertyPopup",{changeEvent:"changeBoxShadowEditorPopup",color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}},{key:Pr("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:Pr("changeBoxShadowEditorPopup"),value:function(t,e){if(e.id===this.id){var n=this.state.boxShadows[this.selectedIndex];n&&(n.reset(t),this.refresh(),this.modifyBoxShadow())}}}])&&kx(n.prototype,r),o&&kx(n,o),e}();function xx(t){return(xx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _x(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Tx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ex(t,e){return!e||"object"!==xx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cx(t){return(Cx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $x(t,e){return($x=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Rx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ex(this,Cx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$x(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.split||",",e=(this.props.options||"").split(t).map(function(t){return t.trim()}),n=this.props.value;return{splitChar:t,label:this.props.label||"",options:e,value:n}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <select ref='$options'></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:Gn("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:zn("$options"),value:function(){var t=this;return this.state.options.map(function(e){var n=e;if((o=e).includes(":")){var r=_x(o.split(":"),2),o=r[0];n=r[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",o="");var i=o===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(o,'">').concat(n,"</option>")})}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:t.split(this.state.splitChar).map(function(t){return t.trim()})})}},{key:hn("$options"),value:function(){this.updateData({value:this.refs.$options.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&Tx(n.prototype,r),o&&Tx(n,o),e}();function Vx(t){return(Vx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ax(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Dx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ix(t,e){return!e||"object"!==Vx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mx(t){return(Mx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Lx(t,e){return(Lx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ix(this,Mx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lx(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Rx}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var l=u,f=(+s).toString();return"\n        <div ".concat(K({"data-selected-type":a,ref:"$range",class:W(Ax({"range-editor":!0,"has-label":!!o,"has-calc":i,"is-removable":c},l,!0))}),">\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <button type='button' class='type-button' ref='$toggleType'>").concat(vm.autorenew,"</button>\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(this.state.units,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <div class='range-editor-type' data-type='calc'>\n                <div class='area'>\n                    <SelectEditor ref='$varType' key='varType' value=\"").concat(this.state.value.unit,"\" options=\"calc,var\" onchange='changeVarType' />\n\n                    <input type='text' ref='$calc' value='").concat(this.state.value,"' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(vm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:rn("$toggleType"),value:function(t){var e="calc"===this.state.type?"range":"calc";r="";if("calc"===e){r=He.calc(this.refs.$calc.value);var n=r.unit;this.children.$varType.setValue(n)}else{var r=this.getRef("$propertyNumber").value,o=this.children.$unit.getValue();r=new He(r,o)}this.updateData({type:e,value:r}),this.refs.$range.attr("data-selected-type",e)}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$calc"),value:function(){this.updateData({value:new He(this.refs.$calc.value,this.children.$varType.getValue())})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"updateCalc",value:function(){this.refs.$calc.val(this.state.value)}},{key:"initValue",value:function(){""==this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue()))}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())}),this.updateCalc()}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())}),this.updateCalc()}},{key:Pr("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)}),this.updateCalc()}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&Dx(n.prototype,r),o&&Dx(n,o),e}();function zx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Fx=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":He.px(0),"border-top-left-radius":He.px(0),"border-top-right-radius":He.px(0),"border-bottom-right-radius":He.px(0),"border-bottom-left-radius":He.px(0)},n=t.split(" ").filter(function(t){return He.parse(t)});return 1===n.length?(e.isAll=!0,e["border-radius"]=n[0]):(e.isAll=!1,e["border-top-left-radius"]=n[0],e["border-top-right-radius"]=n[1],e["border-bottom-right-radius"]=n[2],e["border-bottom-left-radius"]=n[3]),e}}],(n=null)&&zx(e.prototype,n),r&&zx(e,r),t}();function Gx(t){return(Gx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xx(t,e){return!e||"object"!==Gx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Yx(t){return(Yx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Nx(t,e){return(Nx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Kx=[{key:"border-top-left-radius",title:"Top Left"},{key:"border-top-right-radius",title:"Top Right"},{key:"border-bottom-right-radius",title:"Bottom Right"},{key:"border-bottom-left-radius",title:"Bottom Left"}],Wx=Kx.map(function(t){return t.key}),Ux=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Xx(this,Yx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nx(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"initState",value:function(){return Fx.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Pr("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&Wx.forEach(function(t){n.children["$".concat(t)].setValue(e.clone())}),this.setBorderRadius()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["border-radius"];return'\n      <div class="property-item border-radius-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(vm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(vm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='border-radius' value=\"").concat(n,'" onchange=\'changeBorderRadius\' />\n        </div>\n      </div>\n      <div\n        class="property-item full border-radius-item"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(Kx.map(function(e){var n=t.state[e.key];return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:yn("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:hn("$radiusSettingBox select"),value:function(t){this.setBorderRadius()}},{key:"setBorderRadius",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["border-radius"]=this.children.$all.getValue()):(this.state.isAll=!1,Wx.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyBorderRadius()}},{key:"modifyBorderRadius",value:function(){var t=this,e="";e=this.state.isAll?this.state["border-radius"]+"":Wx.map(function(e){return"".concat(t.state[e])}).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&Hx(n.prototype,r),o&&Hx(n,o),e}();function Zx(t){return(Zx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Jx(t,e){return!e||"object"!==Zx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Qx(t){return(Qx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function t_(t,e){return(t_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var e_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Jx(this,Qx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&t_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:Gn("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='color-single-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{changeEvent:"changeColorSingleEditor",color:this.state.color},{id:this.id})}},{key:Pr("changeColorSingleEditor"),value:function(t,e){e.id===this.id&&(this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t}))}}])&&qx(n.prototype,r),o&&qx(n,o),e}();function n_(t){return(n_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function o_(t,e){return!e||"object"!==n_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function i_(t){return(i_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function a_(t,e){return(a_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var c_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),o_(this,i_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&a_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{removable:"true"===this.props.removable,label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"changeColor",value:function(t){this.setState({value:t}),this.refs.$miniView.cssText("background-color: ".concat(t)),this.refs.$colorCode.val(t)}},{key:"refresh",value:function(){this.refs.$miniView.cssText("background-color: ".concat(this.state.value)),this.refs.$colorCode.val(this.state.value)}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.removable?"is-removable":"";return"\n            <div class='color-view-editor ".concat(e?"has-label":""," ").concat(n,"'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ").concat(this.state.value,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n                <div class='color-code'>\n                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,"' />\n                </div>\n                <button type='button' class='remove' ref='$remove' title='Remove'>").concat(vm.remove,"</button>                \n            </div>\n        ")}},{key:Gn("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:Gn("$colorCode"),value:function(){return{value:this.state.value}}},{key:dn("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:bn("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:rn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{changeEvent:"changeColorViewEditor",color:this.state.value},{id:this.id})}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$el .color-code input"),value:function(t){var e=t.$delegateTarget.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:Pr("changeColorViewEditor"),value:function(t,e){e.id===this.id&&(this.refs.$miniView.cssText("background-color: ".concat(t)),this.refs.$colorCode.val(t),this.updateData({value:t}))}}])&&r_(n.prototype,r),o&&r_(n,o),e}();function u_(t){return(u_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s_(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function l_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f_(t,e){return!e||"object"!==u_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p_(t){return(p_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h_(t,e){return(h_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),f_(this,p_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Zb(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(vm.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(vm.chevron_right,"</div>\n                </div>\n                <div class='animation'>\n                    <canvas \n                        class='animation-canvas' \n                        ref='$animationCanvas' \n                        title='Click and Replay point animation' \n                        width='230px' \n                        height='20px'\n                    ></canvas>\n                </div>\n                <div class='item-list' ref='$itemList' data-selected-value=''>\n                    <div class='item' data-bezier='ease' title='ease'>\n                        <canvas class='item-canvas' ref='$item1Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                    <div class='item' data-bezier='ease-in' title='ease-in'>\n                        <canvas class='item-canvas' ref='$item2Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                    <div class='item' data-bezier='ease-out' title='ease-out'>\n                        <canvas class='item-canvas' ref='$item3Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                </div>\n                <div class='bezier'>\n                    <canvas class='bezier-canvas' ref='$canvas' width='200px' height=\"200px\"></canvas>\n                    <div class='control' ref='$control'>\n                        <div class='pointer1' ref='$pointer1'></div>\n                        <div class='pointer2' ref='$pointer2'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyCubicBezier()}},{key:"modifyCubicBezier",value:function(){this.emit(this.props.onchange,this.state.key,qb(this.state.currentBezier))}},{key:rn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Ub.length-1:--n;e=Ub[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:rn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Ub.length,e=Ub[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:rn("$text"),value:function(){var t=s_(Ub[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:rn("$itemList .item"),value:function(t){var e=t.$delegateTarget.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=Zb(e);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshPointer(),this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.drawBezierCanvas(this.refs.$canvas,this.state.currentBezier,!0)}},{key:"drawBezierCanvas",value:function(t,e){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e=Zb(e),t.update(function(){var o=r?30:0,i=r?30:0,a=t.width()-2*o,c=t.height()-2*i,u=t.context();u.lineWidth=1,u.strokeStyle=n.state.baseLineColor,u.beginPath(),u.moveTo(o,c+i),u.lineTo(a+o,i),u.stroke(),u.closePath(),u.strokeStyle=n.state.selectedColor,u.beginPath(),u.moveTo(o,c+i),u.lineTo(e[0]*a+o,(0==e[1]?c:(1-e[1])*c)+i),u.moveTo(a+o,i),u.lineTo(e[2]*a+o,(1==e[3]?0:(1-e[3])*c)+i),u.stroke(),u.closePath(),u.lineWidth=2,u.strokeStyle=n.state.curveColor;var s=e[0]*a,l=0==e[1]?c:(1-e[1])*c,f=e[2]*a,p=1==e[3]?0:(1-e[3])*c,h=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+h,i+0),u.stroke()}),r&&this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var t=Zb(this.state.currentBezier),e=this.refs.$control.width(),n=this.refs.$control.height(),r=t[0]*e,o=(1-t[1])*n;this.refs.$pointer1.css({left:He.px(r),top:He.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:He.px(r),top:He.px(o)})}},{key:"drawPoint",value:function(){var t=this;this.timer&&clearTimeout(this.timer),this.animationTimer&&clearTimeout(this.animationTimer),this.timer=setTimeout(function(){t.animationPoint()},100)}},{key:"start",value:function(t){var e=this,n=this.animationCanvasData.func(t),r=10+(this.animationCanvasData.width-20)*n.y,o=this.animationCanvasData.context;o.beginPath(),o.arc(r,10,5,0,2*Math.PI),o.fill(),o.stroke(),o.closePath(),t>=1||(this.animationTimer=setTimeout(function(){e.start(t+.05)},50))}},{key:"animationPoint",value:function(){var t=Zb(this.state.currentBezier),e=ag(qb(t));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),o=this.refs.$animationCanvas.context();o.fillStyle=this.state.animatedColor,o.strokeStyle=this.state.selectedColor,o.lineWidth=1,this.animationCanvasData={func:e,width:n,height:r,context:o},this.start(0)}},{key:"setPosition",value:function(t,e){var n=this.refs.$control.width(),r=this.refs.$control.height(),o=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=e,c=a.x;0>c?c=0:a.x>document.body.clientWidth&&(c=document.body.clientWidth),(c-=o)<0&&(c=0),n<c&&(c=n);var u=a.y;return 0>u?u=0:a.y>document.body.clientHeight&&(u=document.body.clientHeight),u-=i,t.css({left:c+"px",top:u+"px"}),{x:div(c,n),y:u==r?0:(r-u)/r}}},{key:kn("$pointer1")+In("movePointer1")+Mn("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer1",value:function(t,e){var n=this.setPosition(this.refs.$pointer1,{x:this.clientX+t,y:this.clientY+e});this.state.currentBezier[0]=n.x,this.state.currentBezier[1]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:kn("$pointer2")+In("movePointer2")+Mn("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer2",value:function(t,e){var n=this.setPosition(this.refs.$pointer2,{x:this.clientX+t,y:this.clientY+e});this.state.currentBezier[2]=n.x,this.state.currentBezier[3]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Pr("showCubicBezierEditor"),value:function(t){var e=Zb(t.timingFunction||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh(),this.drawBezierCanvas(this.refs.$item1Canvas,"ease"),this.drawBezierCanvas(this.refs.$item2Canvas,"ease-in"),this.drawBezierCanvas(this.refs.$item3Canvas,"ease-out")}}])&&l_(n.prototype,r),o&&l_(n,o),e}();function d_(t){return(d_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v_(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function b_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){g_(t,e,n[e])})}return t}function g_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k_(t,e,n){return e&&w_(t.prototype,e),n&&w_(t,n),t}function O_(t,e){return!e||"object"!==d_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function S_(t,e,n){return(S_="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=j_(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function j_(t){return(j_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function P_(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&x_(t,e)}function x_(t,e){return(x_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var __=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,T_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,Gr),k_(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return S_(j_(e.prototype),"getDefaultObject",this).call(this,b_({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=z_[t.type];return e?new e(t):new C_({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=se(t);return(r.str.match(__)||[]).forEach(function(t,o){var i=v_(t.split("("),2),a=i[0],c=i[1];if(c=c.split(")")[0],"drop-shadow"===a){var u=c.split(" "),s=u.filter(function(t){return t.includes("@")}).map(function(t){return r.matches[+t.replace("@","")].color}),l=u.filter(function(t){return!t.includes("@")});n[o]=e.parse({type:a,offsetX:He.parse(l[0]),offsetY:He.parse(l[1]),blurRadius:He.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else n[o]=e.parse({type:a,value:He.parse(c)})}),n}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(" ")}}]),e}(),E_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return b_({},S_(j_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}}]),e}();E_.spec={title:"Blur",inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:He.px(0)};var C_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return b_({},S_(j_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}();C_.spec={title:"SVG",inputType:"select",defaultValue:""};var $_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return b_({},S_(j_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}}]),e}();$_.spec={title:"Grayscale",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var R_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}();R_.spec={title:"Hue",inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:He.deg(0)};var V_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}();V_.spec={title:"Invert",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var A_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}();A_.spec={title:"Brightness",inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var D_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}();D_.spec={title:"Contrast",inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var I_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}();I_.spec={title:"Opacity",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var M_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}();M_.spec={title:"Saturate",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var L_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}();L_.spec={title:"Sepia",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var B_=function(t){function e(){return m_(this,e),O_(this,j_(e).apply(this,arguments))}return P_(e,T_),k_(e,[{key:"getDefaultObject",value:function(){return S_(j_(e.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:e.spec.offsetX.defaultValue,offsetY:e.spec.offsetY.defaultValue,blurRadius:e.spec.blurRadius.defaultValue,color:e.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),e}();B_.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var z_={blur:E_,grayscale:$_,"hue-rotate":R_,invert:V_,brightness:A_,contrast:D_,opacity:I_,saturate:M_,sepia:L_,"drop-shadow":B_,svg:C_},F_={BlurFilter:E_,GrayscaleFilter:$_,HueRotateFilter:R_,InvertFilter:V_,BrightnessFilter:A_,ContrastFilter:D_,OpacityFilter:I_,SaturateFilter:M_,SepiaFilter:L_,DropshadowFilter:B_,URLSvgFilter:C_};function G_(t){return(G_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function H_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function X_(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Y_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function N_(t,e){return!e||"object"!==G_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function K_(t){return(K_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function W_(t,e){return(W_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var U_=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Z_={blur:E_.spec,grayscale:$_.spec,"hue-rotate":R_.spec,invert:V_.spec,brightness:A_.spec,contrast:D_.spec,"drop-shadow":B_.spec,opacity:I_.spec,saturate:M_.spec,sepia:L_.spec,svg:C_.spec},q_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),N_(this,K_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&W_(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Rx,RangeEditor:Bx,ColorViewEditor:c_}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:T_.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='filter-editor filter-list'>\n          <div class='label ".concat(t,"' >\n              <label>").concat(this.props.title||"",'</label>\n              <div class=\'tools\'>\n                <select ref="$filterSelect"></select>\n                <button type="button" ref="$add" title="add Filter">').concat(vm.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:zn("$filterSelect"),value:function(){var t=U_.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(X_(t),[{title:"-------",value:""}],X_(e)):X_(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSpec",value:function(t){return Z_[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){return'\n      <div class="filter-item">\n        <div class="title" draggable="true" data-index="'.concat(n,'">\n          <label>Drop Shadow</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(vm.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <label>').concat(t.color.title,"</label>\n          <ColorViewEditor ref='$dropShadowColorView").concat(n,"' params=\"").concat(n,'" value="').concat(e.color,'" onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map(function(r){return'        \n            <div class="filter-ui drop-shadow">\n                <label>'.concat(t[r].title,"</label>\n\n                <RangeEditor \n                  ref='$").concat(r).concat(n,"' \n                  key=\"").concat(n,'" \n                  min="').concat(t[r].min,'"\n                  min="').concat(t[r].max,'"\n                  params="').concat(r,'" \n                  value="').concat(e[r].value,'" units="').concat(t[r].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')}).join(""),"\n      </div>\n    ")}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){return{title:"svg - #".concat(t.id),value:t.id}})),e}},{key:"makeOneFilterEditor",value:function(t,e,n){if("svg"===e.type){var r="",o=pl.selection.currentProject;return o&&(r=(r=o.svgfilters.map(function(t){return t.id})).length?","+r.join(","):""),"\n      <SelectEditor \n        ref='$select".concat(t,"' \n        key=\"").concat(t,'" \n        label="SVG Filter"\n        value="').concat(e.value,'" \n        options="').concat(r,'"\n        onchange="changeRangeEditor"  />')}return"\n      <RangeEditor \n        ref='$range".concat(t,"_").concat(e.type,"' \n        key=\"").concat(t,"\" \n        min='").concat(n.min,"'\n        max='").concat(n.max,"'\n        value=\"").concat(e.value,'" \n        units="').concat(n.units.join(","),'"   \n        onchange="changeRangeEditor" />\n      ')}},{key:"makeOneFilterTemplate",value:function(t,e,n){var r="svg"===e.type?" - <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>"):"";return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label>').concat(t.title).concat(r,'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(vm.remove2,"\n            </button>\n          </div>\n        </div>\n        ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"","\n        \n      </div>\n    ")}},{key:"makeFilterTemplate",value:function(t,e){return"drop-shadow"===t.type?this.makeDropShadowFilterTemplate(this.getSpec(t.type),t,e):this.makeOneFilterTemplate(this.getSpec(t.type),t,e)}},{key:zn("$filterList"),value:function(){var t=this;return this.state.filters.map(function(e,n){return t.makeFilterTemplate(e,n.toString())})}},{key:sn("$filterList .filter-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$filterList .filter-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(X_(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:ln("$filterList .filter-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.selection.current&&(this.sortFilter(this.startIndex,e),this.refresh(),this.modifyFilter())}},{key:"modifyFilter",value:function(){var t=this.state.filters.join(" ");this.parent.trigger(this.props.onchange,t)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return T_.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){H_(t,e,n[e])})}return t}({},e,{type:t}))}},{key:rn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=this.state.filters[e],r=pl.selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:Pr("openSVGFilterPopup"),value:function(t){var e=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:Pr("changeSVGFilterRealUpdate"),value:function(t){var e=pl.selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Pr("add"),value:function(t){var e=this;"svg"===t?this.emit("add.assets.svgfilter",function(n,r){e.state.filters.push(e.makeFilter(t,{value:r})),e.refresh(),e.modifyFilter(),e.trigger("openSVGFilterPopup",n)}):(this.state.filters.push(this.makeFilter(t)),this.refresh(),this.modifyFilter())}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:rn("$filterList .filter-menu .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:Pr("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:Pr("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(H_({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&Y_(n.prototype,r),o&&Y_(n,o),e}();function J_(t){return(J_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eT(t,e){return!e||"object"!==J_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nT(t){return(nT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rT(t,e){return(rT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eT(this,nT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Rx}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var l=u,f=(+s).toString();return"\n        <div ".concat(K({"data-selected-type":a,ref:"$range",class:W(Q_({"input-range-editor":!0,"has-label":!!o,"has-calc":i,"is-removable":c},l,!0))}),">\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    \n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(this.state.units,"\" onchange='changeUnit' />\n                    \n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(vm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initValue",value:function(){""==this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue()))}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())})}},{key:Pr("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&tT(n.prototype,r),o&&tT(n,o),e}();function iT(t){return(iT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function cT(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function uT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sT(t,e){return!e||"object"!==iT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lT(t){return(lT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fT(t,e){return(fT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pT=["circle","circle closest-side","circle closest-corner","circle farthest-side","circle farthest-corner","ellipse","ellipse closest-side","ellipse closest-corner","ellipse farthest-side","ellipse farthest-corner"],hT=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],yT={"image-resource":vm.photo},dT={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},vT={top:["50%","0%"],"top left":["0%","0%"],"top right":["100%","0%"],left:["0%","50%"],right:["100%","50%"],bottom:["50%","100%"],"bottom left":["0%","100%"],"bottom right":["100%","100%"]},bT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sT(this,lT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:oT,RangeEditor:Bx,SelectEditor:Rx}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:FP.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:FP.parseImage(t)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var t=this.state.image,e=(t=t||{}).type||"static-gradient";return"url"===e&&(e="image-resource"),"\n        <div class='gradient-editor' data-selected-editor='".concat(e,"'>\n            <div class='gradient-preview'>\n              <div class='gradient-view' ref='$gradientView'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(vm.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(vm.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(vm.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(vm.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(vm.chevron_right,'</div>                \n              </div>\n              <div data-editor=\'image-loader\'>\n                <input type=\'file\' accept="image/*" ref=\'$file\' />\n              </div>              \n            </div>\n            <div class="picker-tab">\n              <div class="picker-tab-list" ref="$tab">\n                ').concat(hT.map(function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(yT[t]||"","</span></span>")}).join(""),"\n              </div>\n            </div>\n            <div class='gradient-steps' data-editor='gradient'>\n                <div class=\"hue-container\" ref=\"$back\"></div>            \n                <div class=\"hue\" ref=\"$steps\">\n                    <div class='step-list' ref=\"$stepList\" ></div>\n                </div>\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label>Offset <input type='checkbox' ref='$cut' checked />  connected</label>\n              <InputRangeEditor ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <RangeEditor label='Angle' ref='$angle' calc=\"false\" units=\"deg\" min=\"-720\" max=\"720\" key='angle' onchange='changeKeyValue' />\n              </div>\n              <div data-editor='centerX'>\n                <RangeEditor label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <RangeEditor label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <SelectEditor label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(pT.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:hn("$file"),value:function(t){var e=this;pl.selection.currentProject&&cT(t.target.files).forEach(function(t){e.emit("update.asset.image",t,function(t){e.trigger("setImageUrl",t)})})}},{key:rn("$el .preset-position [data-value]"),value:function(t){var e=t.$delegateTarget.attr("data-value");vT[e]&&(this.state.image.radialPosition=L(vT[e]),this.refresh(),this.updateData())}},{key:on("$gradientView")+Ln,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:kn("$gradientView")+In("moveDragPosition"),value:function(t){var e=this.refs.$dragPosition.parent();this.containerRect=e.rect(),this.startXY=t.xy}},{key:"moveDragPosition",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.containerRect.x>n?n=this.containerRect.x:this.containerRect.x+this.containerRect.width<n&&(n=this.containerRect.x+this.containerRect.width),this.containerRect.y>r?r=this.containerRect.y:this.containerRect.y+this.containerRect.height<r&&(r=this.containerRect.y+this.containerRect.height);var o=He.percent((n-this.containerRect.x)/this.containerRect.width*100),i=He.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[o,i],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(o),this.children.$radialPositionY.setValue(i),this.updateData()}},{key:rn("$tab .picker-tab-item"),value:function(t){var e=t.$delegateTarget.attr("data-editor");this.$el.attr("data-selected-editor",e),this.parent.trigger("changeTabType",e);var n="image-resource"===e?this.state.image.url:this.state.url;this.state.image=FP.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:He.parse(this.children.$angle.getValue()).value,radialType:this.children.$radialType.getValue(),radialPosition:[this.children.$radialPositionX.getValue(),this.children.$radialPositionY.getValue()]}),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(t){"linear-gradient"===(t=this.$el.attr("data-selected-editor"))||"repeating-linear-gradient"===t?this.emit("addStatusBarMessage",""):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Pr("changeKeyValue"),value:function(t,e){"angle"===t&&(e=e.value),this.state.image[t]=e,"radialPositionX"!==t&&"radialPositionY"!==t||(this.state.image.radialPosition=[this.state.image.radialPositionX||"50%",this.state.image.radialPositionY||"50%"]),this.bindData("$gradientView"),this.updateData()}},{key:Pr("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:rn("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,o=t.xy.x;o<n?o=n:o>r&&(o=r);var i=(o-n)/e.width*100;this.state.image.insertColorStep(i),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Gn("$el"),value:function(){var t=this.state.image.type;return"url"===t&&(t="image-resource"),this.parent.trigger("changeTabType",t),{"data-selected-editor":t}}},{key:Gn("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Gn("$gradientView"),value:function(){var t=this.state.image.type,e="auto";return"url"!==t&&"image-resource"!==t||(e="cover"),{style:{"background-image":this.state.image.toString(),"background-size":e,"background-repeat":"no-repeat"}}}},{key:Gn("$dragPosition"),value:function(){var t="50%",e="50%";if(dT[this.state.image.type]){var n=aT(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:zn("$stepList"),value:function(){return(this.state.image.colorsteps||[]).map(function(t,e){var n=pl.selection.isSelectedColorStep(t.id)?"selected":"";return"\n      <div class='step ".concat(n,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>')})}},{key:rn("$cut"),value:function(){this.currentStep&&(this.currentStep.cut=this.refs.$cut.checked(),this.refresh(),this.updateData())}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){this.state.id=t,pl.selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find(function(t){return pl.selection.isSelectedColorStep(t.id)}),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(He.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:kn("$stepList .step")+In(),value:function(t){var e=t.$delegateTarget.attr("data-id");if(t.altKey)return this.removeStep(e),!1;this.selectStep(e),this.startXY=t.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(t,e){var n=this.getStepListRect(),r=n.x,o=n.right,i=this.startXY.x+t;i<r?i=r:i>o&&(i=o);var a=(i-r)/n.width*100;this.currentStep.percent=a,this.children.$range.setValue(He.percent(a)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var t=this.state.image;return"linear-gradient(to right, ".concat(Pv.toColorString(t.colorsteps),")")}},{key:Pr("setColorStepColor"),value:function(t){"static-gradient"===this.state.image.type?(this.state.image.colorsteps[0].color=t,this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=t,this.refresh(),this.updateData())}},{key:Pr("setImageUrl"),value:function(t){this.state.image&&(this.state.url=t,this.state.image.reset({url:t}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}}])&&uT(n.prototype,r),o&&uT(n,o),e}();function gT(t){return(gT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kT(t,e){return!e||"object"!==gT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function OT(t,e,n){return(OT="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ST(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ST(t){return(ST=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jT(t,e){return(jT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kT(this,ST(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jT(t,e)}(e,Bx),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new He(0,"infinite"):He.number(t.split("normal")[0]);var n=this.props.units||"px,em,%";return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){mT(t,e,n[e])})}return t}({},OT(ST(e.prototype),"initState",this).call(this),{key:this.props.key,params:this.props.params||"",units:n,value:t})}}])&&wT(n.prototype,r),o&&wT(n,o),e}();function xT(t){return(xT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _T(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function TT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ET(t,e){return!e||"object"!==xT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CT(t){return(CT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $T(t,e){return($T=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ET(this,CT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$T(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value.split(";").filter(function(t){return t.trim()}).map(function(t){var e=_T(t.split(":"),2),n=e[0],r=e[1];return{key:n=n.replace("--",""),value:r}});return{hideLabel:"true"==this.props["hide-label"],params:this.props.params||"",values:t}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n        <div class='var-editor var-list'>\n            <div class='label ".concat(t,"' >\n                <label>").concat(this.props.title||"",'</label>\n                <div class=\'tools\'>\n                    <button type="button" ref="$add" title="add Var">').concat(vm.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:Pr("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:zn("$varList"),value:function(){return this.state.values.map(function(t,e){return'\n                <div class=\'var-item\' >\n                    <div>\n                        <input type="text" data-type="key" value="'.concat(t.key,'" data-index="').concat(e,'"  placeholder="variable" />\n                    </div>\n                    <div>\n                        <input type="text" data-type="value" value="').concat(t.value,'" data-index="').concat(e,'"  placeholder="value" />\n                    </div>\n                    <div class="tools">\n                        <button type="button" class="del" data-index="').concat(e,'">\n                        ').concat(vm.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")})}},{key:rn("$varList .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:yn("$varList input"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=t.$delegateTarget.attr("data-type");this.state.values[e][n]=t.$delegateTarget.value,this.updateData()}},{key:"updateData",value:function(t){var e=this.state.values.map(function(t){return"".concat(t.key,":").concat(t.value)}).join(";");this.parent.trigger(this.props.onchange,e,this.props.params)}}])&&TT(n.prototype,r),o&&TT(n,o),e}();function VT(t){return(VT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DT(t,e){return!e||"object"!==VT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IT(t){return(IT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MT(t,e){return(MT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DT(this,IT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MT(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=He.parse(this.props.value||He.number(0));return t=t.toUnit("number"),{label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.type,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=o?"has-label":"",s=a,l=(+c).toString();return"\n        <div class='number-input-editor ".concat(u," ").concat(s,"' data-selected-type='").concat(i,"'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" />\n                </div>\n            </div>\n        </div>\n    ')}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&AT(n.prototype,r),o&&AT(n,o),e}();function BT(t){return(BT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function FT(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function GT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HT(t,e){return!e||"object"!==BT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XT(t){return(XT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YT(t,e){return(YT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NT=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],KT={scale:["X","Y"],translate:["X","Y"],translate3d:["tx","ty","tz"],matrix:["a","b","c","d","tx","ty"],matrix3d:["a1","b1","c1","d1","a2","b2","c2","d2","a3","b3","c3","d3","a4","b4","c4","d4"]},WT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),HT(this,XT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:LT,RangeEditor:Bx}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:to.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(t,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(NT.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(vm.add,"</button>\n              </div>\n          </div>\n          <div class='transform-list' ref='$transformList'></div>\n      </div>")}},{key:"getLabel",value:function(t,e){switch(t){case"scale":case"translate":case"translate3d":case"matrix":case"matrix3d":return KT[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-1e3,max:1e3,step:1,units:"px,%,em"};case"matrix":case"matrix3d":return{min:-100,max:100,step:.01,units:"number"};case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad"};case"perspective":return{min:0,max:1e4,step:1,units:"px,%,em"};case"scale":case"scaleX":case"scaleY":return{min:0,max:10,step:.1,units:"number"}}return{min:0,max:100,step:1,units:"px,%,em"}}},{key:"makeOneTransformTemplate",value:function(t,e,n){var r=this;return'\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label><span>').concat(+n+1,"</span> ").concat(t,'</label>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(vm.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(t,"\">\n          <div class='").concat(t,"'>\n          ").concat(e.value.map(function(e,o){var i=r.getLabel(t,o),a=r.getRange(t),c=a.min,u=a.max,s=a.step,l=a.units;return"\n              <div>\n                <RangeEditor \n                      ref='$range_".concat(t,"_").concat(n,"_").concat(o,"' \n                      min=\"").concat(c,'" \n                      max="').concat(u,'" \n                      step="').concat(s,'" \n                      label="').concat(i,'"\n                      key="').concat(n,"\" \n                      params='").concat(o,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')}).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeMultiTransformTemplate",value:function(t,e,n){var r=this;return'\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label><span>').concat(+n+1,"</span> ").concat(t,'</label>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(vm.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(t,'">\n\n          ').concat("translate3d"===t?"\n            <pre>\n  1 | 0 | 0 | tx\n  0 | 1 | 0 | ty\t\n  0 | 0 | 1 | tz\t\n  0 | 0 | 0 | 1</pre>\n          ":"","\n\n          ").concat("matrix"===t?"\n            <pre>\n  a | c | tx\t\n  b | d | ty\t\n  0 | 0 | 1</pre>\n          ":"","    \n          \n          ").concat("matrix3d"===t?"\n            <pre>\n  a1 | a2 | a3 | a4\t\n  b1 | b2 | b3 | b4\t\n  c1 | c2 | c3 | c4\t\n  d1 | d2 | d3 | d4</pre>\n          ":"","     \n          \n          <div class='").concat(t,"'>\n          ").concat(e.value.map(function(e,o){var i=r.getLabel(t,o),a=r.getRange(t),c=a.min,u=a.max,s=a.step,l=a.units;return"\n              <div>\n                <NumberInputEditor \n                      ref='$range_".concat(t,"_").concat(n,"_").concat(o,"' \n                      min=\"").concat(c,'" \n                      max="').concat(u,'" \n                      step="').concat(s,'" \n                      label="').concat(i,'"\n                      key="').concat(n,"\" \n                      params='").concat(o,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')}).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:zn("$transformList"),value:function(){var t=this;return this.state.transforms.map(function(e,n){return t.makeTransformTemplate(e,n.toString())})}},{key:sn("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$transformList .transform-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(FT(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:ln("$transformList .transform-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.selection.current&&(this.sortTransform(this.startIndex,e),this.refresh(),this.modifyTransform())}},{key:"modifyTransform",value:function(){var t=this.state.transforms.join(" ");this.parent.trigger(this.props.onchange,t)}},{key:"getDefaultValue",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":return[He.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[He.deg(0)];case"translate":return[He.px(0),He.px(0)];case"translate3d":return[He.px(0),He.px(0),He.px(0)];case"scale":return[He.number(1),He.number(1)];case"scaleX":case"scaleY":return[He.number(1)];case"matrix":return[He.number(1),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0)];case"matrix3d":return[He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1)]}return[He.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return to.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){zT(t,e,n[e])})}return t}({},e,{type:t,value:n}))}},{key:Pr("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:rn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:rn("$transformList .transform-menu .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:Pr("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&GT(n.prototype,r),o&&GT(n,o),e}();function UT(t){return(UT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function qT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JT(t,e){return!e||"object"!==UT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QT(t){return(QT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tE(t,e){return(tE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eE=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],nE=eE.map(function(t){return t.key}),rE={top:"50% 0%","top left":"0% 0%","top right":"100% 0%",left:"0% 50%",center:"50% 50%",right:"100% 50%",bottom:"50% 100%","bottom left":"0% 100%","bottom right":"100% 100%"},oE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),JT(this,QT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":He.percent(50),"transform-origin-x":He.percent(50),"transform-origin-y":He.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=He.parse(t[0]),e["transform-origin-x"]=He.parse(t[0]),e["transform-origin-y"]=He.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=He.parse(t[0]),e["transform-origin-y"]=He.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='transform-origin-editor'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top left'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom left'></div>\n          <div class='pos' data-value='bottom right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='center'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:rn("$direction .pos"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.state.isAll=!1;var n=ZT(rE[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=He.parse(r),this.state["transform-origin-y"]=He.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:Pr("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&nE.forEach(function(t){n.children["$".concat(t)].setValue(e.toString())}),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["transform-origin"];return'\n      <div class="transform-origin-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(vm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(vm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='transform-origin' value=\"").concat(n,'" onchange=\'changeTransformOrigin\' />\n        </div>\n      </div>\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(eE.map(function(e){return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")}).join(""),"\n\n          <div>\n            <RangeEditor ref='$transform-origin-z' label='Z' key='transform-origin-z' value=\"").concat(this.state["transform-origin-z"]||"","\" onchange='changeTransformOrigin' />\n          </div>  \n        </div>\n      </div>\n    ")}},{key:"setTransformOrigin",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["transform-origin"]=this.children.$all.getValue()):(this.state.isAll=!1,nE.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyTransformOrigin()}},{key:"modifyTransformOrigin",value:function(){var t="";this.state.isAll?t="".concat(this.state["transform-origin"]):(t="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]),this.state["transform-origin-z"]&&(t="".concat(t," ").concat(this.state["transform-origin-z"]))),this.parent.trigger(this.props.onchange,t)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&qT(n.prototype,r),o&&qT(n,o),e}();function iE(t){return(iE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function cE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uE(t,e){return!e||"object"!==iE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sE(t){return(sE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lE(t,e){return(lE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fE=[{key:"perspective-origin-x",title:"Origin X"},{key:"perspective-origin-y",title:"Origin Y"}],pE=fE.map(function(t){return t.key}),hE={top:"50% 0%","top left":"0% 0%","top right":"100% 0%",left:"0% 50%",center:"50% 50%",right:"100% 50%",bottom:"50% 100%","bottom left":"0% 100%","bottom right":"100% 100%"},yE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uE(this,sE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":He.px(0),"perspective-origin-x":He.px(0),"perspective-origin-y":He.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=He.parse(t[0]),e["perspective-origin-x"]=He.parse(t[0]),e["perspective-origin-y"]=He.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=He.parse(t[0]),e["perspective-origin-y"]=He.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='perspective-origin-editor' ref='$body'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top left'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom left'></div>\n          <div class='pos' data-value='bottom right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='center'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:rn("$direction .pos"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.state.isAll=!1;var n=aE(hE[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=He.parse(r),this.state["perspective-origin-y"]=He.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Pr("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&pE.forEach(function(t){n.children["$".concat(t)].setValue(e.toString())}),this.setPerspectiveOrigin()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["perspective-origin"];return'\n      <div class="property-item perspective-origin-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(vm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(vm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='perspective-origin' value=\"").concat(n,'" onchange=\'changePerspectiveOrigin\' />\n        </div>\n      </div>\n      <div\n        class="property-item full perspective-origin-item"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(fE.map(function(e){return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changePerspectiveOrigin' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:"setPerspectiveOrigin",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["perspective-origin"]=this.children.$all.getValue()):(this.state.isAll=!1,pE.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyPerspectiveOrigin()}},{key:"modifyPerspectiveOrigin",value:function(){var t="";t=this.state.isAll?"".concat(this.state["perspective-origin"]):"".concat(this.state["perspective-origin-x"]," ").concat(this.state["perspective-origin-y"]),this.parent.trigger(this.props.onchange,t)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&cE(n.prototype,r),o&&cE(n,o),e}();function dE(t){return(dE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bE(t,e){return!e||"object"!==dE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gE(t){return(gE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mE(t,e){return(mE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bE(this,gE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='clip-path-editor'></div>\n        "}},{key:zn(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:rn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Pr("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&vE(n.prototype,r),o&&vE(n,o),e}();function kE(t){return(kE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function SE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jE(t,e){return!e||"object"!==kE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PE(t,e,n){return(PE="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=xE(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function xE(t){return(xE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _E(t,e){return(_E=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jE(this,xE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_E(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=se(t);return n.str.split(",").filter(function(t){return t.trim()}).map(function(t){var r=t.split(" "),o=r.filter(function(t){return t.includes("@")}).map(function(t){return n.matches[+t.replace("@","")].color}),i=r.filter(function(t){return!t.includes("@")});return e.parse({color:o[0]||"rgba(0, 0, 0, 1)",offsetX:He.parse(i[0]||"0px"),offsetY:He.parse(i[1]||"0px"),blurRadius:He.parse(i[2]||"0px")})})}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(", ")}}],(r=[{key:"getDefaultObject",value:function(){return PE(xE(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){OE(t,e,n[e])})}return t}({},PE(xE(e.prototype),"toCloneObject",this).call(this),{offsetX:this.json.offsetX+"",offsetY:this.json.offsetY+"",blurRadius:this.json.blurRadius+"",color:this.json.color})}},{key:"convert",value:function(t){return(t=PE(xE(e.prototype),"convert",this).call(this,t)).offsetX=He.parse(t.offsetX),t.offsetY=He.parse(t.offsetY),t.blurRadius=He.parse(t.blurRadius),t}},{key:"toCSS",value:function(){return{"text-shadow":this.toString()}}},{key:"toString",value:function(){var t=this.json;return"".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color)}}])&&SE(n.prototype,r),o&&SE(n,o),e}();function EE(t){return(EE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $E(t,e){return!e||"object"!==EE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RE(t){return(RE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function VE(t,e){return(VE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$E(this,RE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&VE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:TE.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="text-shadow-editor" >\n        <div class=\'label '.concat(t,"' >\n            <label>").concat(this.props.title||"",'</label>        \n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Text Shadow">').concat(vm.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:zn("$shadowList"),value:function(){var t=this.state.textShadows.map(function(t,e){return'\n        <div class="shadow-item real" data-index="'.concat(e,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(t.color,'">\n            </div>\n          </div>\n          <div class="offset-x">').concat(t.offsetX,'</div>\n          <div class="offset-y">').concat(t.offsetY,'</div>\n          <div class="blur-radius">').concat(t.blurRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(e,'">\n              ').concat(vm.remove2,"\n            </button>\n          </div>\n        </div>\n      ")});return t.length&&t.push('\n      <div class="shadow-item desc">\n            <div class="color"></div>\n            <div class="offset-x">X</div>\n            <div class="offset-y">Y</div>\n            <div class="blur-radius">Blur</div>\n            <div class="tools">\n            </div>\n          </div>\n      '),t.join("")}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Pr("add"),value:function(){this.state.textShadows.push(new TE),this.refresh(),this.modifyTextShadow()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:rn("$shadowList .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:rn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$delegateTarget.closest("shadow-item").attr("data-index"),n=this.state.textShadows[e];this.viewShadowPopup(n,e)}},{key:"viewShadowPopup",value:function(t,e){this.setState({selectedIndex:e},!1),this.viewTextShadowPropertyPopup(t)}},{key:"viewTextShadowPropertyPopup",value:function(t){console.log(t),this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:Pr("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&CE(n.prototype,r),o&&CE(n,o),e}();function DE(t){return(DE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ME(t,e){return!e||"object"!==DE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LE(t){return(LE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BE(t,e){return(BE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ME(this,LE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:Om}}},{key:"initState",value:function(){var t=this.props.value||" ";return{value:t=t.split(" ").map(function(t){return+t})}}},{key:"template",value:function(){return"<div class='stroke-dasharray-editor' ref='$body'></div>"}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"setValue",value:function(t){$(t)||(t=t.split(" ").map(function(t){return+t})),this.setState({value:t})}},{key:zn("$body"),value:function(){return this.state.value.map(function(t,e){var n=e+1;return"\n        <div>\n          <NumberRangeEditor \n            ref='$".concat(n,"' \n            label='").concat(n,"' \n            key='").concat(e,'\' \n            value="0" \n            min="0"\n            max="1000"\n            step="1"\n            calc="false"\n            unit="number" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      ')}).join(" ")}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&IE(n.prototype,r),o&&IE(n,o),e}();function FE(t){return(FE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function HE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YE(t,e){return!e||"object"!==FE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NE(t){return(NE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KE(t,e){return(KE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YE(this,NE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{parser:new zd(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map(function(t){var e=t.$(".command"),n=e.attr("data-command");return"Z"===n&&"false"===e.attr("data-toggle")?null:{command:n,values:t.$$(".values input[type=number]").map(function(t){return+t.value})}}).filter(function(t){return t})}},{key:"updateData",value:function(){var t=this.makeSegments();this.state.parser.resetSegments(t),this.modifyPathData()}},{key:"modifyPathData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(t){this.setState({parser:new zd(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:zn("$data"),value:function(){var t=this,e=[];this.state.parser.segments.forEach(function(n,r){var o=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){HE(t,e,n[e])})}return t}({},n);e.push(o);var i=t.state.parser.segments[r+1];i&&"M"===i.command&&("Z"!==o.command?e.push({command:"Z",toggle:!1,values:[]}):o.toggle=!0)});var n=this.state.parser.segments[this.state.parser.segments.length-1];n&&"Z"!==n.command&&e.push({command:"Z",toggle:!1,values:[]});var r=e.map(function(t){var e="M"===t.command?"m":"";return"\n                <div class='segment ".concat(e,"'>\n                    <div class='command' data-command='").concat(t.command,"' data-toggle=\"").concat(t.toggle,"\" title='Toggle'>").concat(t.command,"</div>\n                    <div class='values'>\n                        ").concat(t.values.map(function(t){return'<input type="number" value="'.concat(t,'" />')}).join(""),"\n                    </div>\n                </div>\n            ")});return r.unshift("\n            <div class='segment-empty'>\n                <div class='command'></div>\n                <div class='values'>\n                    <span>X</span>\n                    <span>Y</span>\n                </div>\n            </div>\n        "),r}},{key:yn("$data input[type=number]")+An(300),value:function(t){this.updateData()}},{key:rn("$data .command[data-toggle]"),value:function(t){var e=GE(t.$delegateTarget.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$delegateTarget.attr("data-toggle",r),this.updateData())}}])&&XE(n.prototype,r),o&&XE(n,o),e}();function UE(t){return(UE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qE(t,e){return!e||"object"!==UE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JE(t){return(JE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QE(t,e){return(QE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qE(this,JE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{parser:new Ig(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map(function(t){return{x:+t.$('[data-key="x"]').value,y:+t.$('[data-key="y"]').value}})}},{key:"updateData",value:function(){var t=this.makeSegments();this.state.parser.resetSegments(t),this.modifyPolygonData()}},{key:"modifyPolygonData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(t){this.setState({parser:new Ig(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:zn("$data"),value:function(){return this.state.parser.segments.map(function(t){return'\n                <div class=\'segment\'>\n                    <div class=\'values\'>\n                        <label>X <input type="number" data-key="x" value="'.concat(t.x,'" /></label>\n                        <label>Y <input type="number" data-key="y" value="').concat(t.y,'" /></label>\n                    </div>\n                </div>\n            ')})}},{key:yn("$data input[type=number]")+An(300),value:function(t){this.updateData()}}])&&ZE(n.prototype,r),o&&ZE(n,o),e}();function eC(t){return(eC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nC(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function rC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oC(t,e){return!e||"object"!==eC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iC(t){return(iC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aC(t,e){return(aC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oC(this,iC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx,SelectEditor:Rx}}},{key:"initState",value:function(){var t=nC((this.props.value||"").split(",").map(function(t){return t.trim()}),4);return{id:t[0],distance:t[1]||"0%",rotateStatus:t[2]||"auto",rotate:t[3]||"0deg"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyOffsetPath()}},{key:"getValue",value:function(){var t=this;return Object.keys(this.state).map(function(e){return t.state[e]}).join(",")}},{key:"refresh",value:function(){this.load()}},{key:"setValue",value:function(t){var e=nC((t||"").split(",").map(function(t){return t.trim()}),4),n=e[0],r=e[1],o=e[2],i=e[3];this.setState({id:n,distance:r,rotateStatus:o,rotate:i},!1),this.refresh()}},{key:"modifyOffsetPath",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"template",value:function(){return"\n            <div class='offset-path-editor'></div>\n        "}},{key:"getOptions",value:function(){var t=pl.selection.currentArtboard,e={};return t&&t.allLayers.filter(function(t){return t.is("svg-path","svg-polygon")}).filter(function(t){return t["motion-based"]}).forEach(function(t){e[t.id]=t}),{options:Object.keys(e).map(function(t){return"".concat(t,":").concat(e[t].name)}).join(","),paths:e}}},{key:zn(),value:function(){var t=this.getOptions(),e=","+t.options,n=t.paths||{},r=this.state,o=r.id,i=r.rotateStatus,a=r.rotate,c=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <SelectEditor ref='$path' label='Path' key=\"id\" value=\"".concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>Total Length: <span ref='$totalLength'>").concat(n[o]&&n[o].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <RangeEditor ref='$distance' label='distance' min=\"0\" max=\"100\" value=\"").concat(c||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <SelectEditor ref='$status' label='direction' key='rotateStatus' value=\"").concat(i,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <RangeEditor ref='$rotate' label='rotate' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:Gn("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.bindData("$totalLength")}}])&&rC(n.prototype,r),o&&rC(n,o),e}();function uC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var sC={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},lC=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parseStyle",value:function(t){return N(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter(function(t){return t.trim()}).forEach(function(t){sC[t]?e=t:Ee.isColor(t)?r=t:n=t}),{style:e,color:r,width:n}}},{key:"joinValue",value:function(t){return"".concat(t.width," ").concat(t.style," ").concat(t.color)}},{key:"join",value:function(t){return[t.border?"border: ".concat(t.border):"",t["border-top"]?"border-top: ".concat(t["border-top"]):"",t["border-left"]?"border-left: ".concat(t["border-left"]):"",t["border-right"]?"border-right: ".concat(t["border-right"]):"",t["border-bottom"]?"border-bottom: ".concat(t["border-bottom"]):""].filter(function(t){return t}).join(";")}}],(n=null)&&uC(e.prototype,n),r&&uC(e,r),t}();function fC(t){return(fC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hC(t,e){return!e||"object"!==fC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yC(t){return(yC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dC(t,e){return(dC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vC=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),bC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hC(this,yC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:oT,RangeEditor:Bx,SelectEditor:Rx,ColorViewEditor:c_,ColorSingleEditor:e_}}},{key:"initState",value:function(){return{value:lC.parseValue(this.props.value)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return lC.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=lC.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||He.px(0)),this.children.$style.setValue(this.state.value.style||"none"),this.children.$color.setValue(this.state.value.color||"rgba(0, 0, 0, 1)")}},{key:"template",value:function(){var t=this.state.value,e=t.width,n=t.style,r=t.color;return'\n      <div class="border-value-editor">\n        <label>'.concat(this.props.label,'</label>\n        <div class=\'editor-area\'>\n          <InputRangeEditor ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="').concat(e,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <SelectEditor ref='$style' key='style' options='").concat(vC,"' value=\"").concat(n,"\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <ColorSingleEditor ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    ')}},{key:Pr("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&pC(n.prototype,r),o&&pC(n,o),e}();function gC(t){return(gC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wC(t,e){return!e||"object"!==gC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kC(t){return(kC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OC(t,e){return(OC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SC=["border","border-top","border-right","border-bottom","border-left"],jC={border:"Border","border-top":"Top","border-right":"Right","border-bottom":"Bottom","border-left":"Left"},PC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wC(this,kC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{BorderValueEditor:bC}}},{key:"initState",value:function(){var t=lC.parseStyle(this.props.value);return{direction:Object.keys(t)[0]||"border",borders:t}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return lC.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=lC.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:zn("$editorArea"),value:function(){var t=this;return SC.map(function(e){var n=jC[e]||e;return"\n      <div>\n        <BorderValueEditor ref='$".concat(e,"' label='").concat(n,"' key=\"").concat(e,'" value="').concat(t.state.borders[e],'" onchange="changeKeyValue" />\n      </div>\n      ')})}},{key:"template",value:function(){return"\n      <div class=\"border-editor\">\n        <div class='header'>\n          <div></div>\n          <label>Width</label>\n          <label>Style</label>\n          <label></label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    "}},{key:Pr("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&mC(n.prototype,r),o&&mC(n,o),e}();function xC(t){return(xC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _C(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function TC(t,e){return!e||"object"!==xC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function EC(t){return(EC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function CC(t,e){return(CC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $C=["","normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),RC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),TC(this,EC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{BorderEditor:PC,NumberRangeEditor:Om,SelectEditor:Rx,TextShadowEditor:AE,BoxShadowEditor:Px,FilterEditor:q_,ColorViewEditor:c_,RangeEditor:Bx,StrokeDashArrayEditor:zE,BackgroundImageEditor:fx,TransformEditor:WT,TransformOriginEditor:oE,PerspectiveOriginEditor:yE,VarEditor:RT,BorderRadiusEditor:Ux,ClipPathEditor:wE,PathDataEditor:WE,PolygonDataEditor:tC,OffsetPathListEditor:cC}}},{key:"initState",value:function(){return{hideTitle:"true"===this.props["hide-title"],hideRefresh:"true"===this.props["hide-refresh"],properties:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.modifyProperty()}},{key:"modifyProperty",value:function(){this.parent.trigger(this.props.onchange,this.state.properties)}},{key:"template",value:function(){return"\n      <div class='css-property-editor ".concat(W({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>Properties</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(vm.add,"</button>\n          </div>\n        </div>\n        <div class='input grid-1 css-property-list' ref='$property'></div>\n      </div>\n    ")}},{key:"getPropertyDefaultValue",value:function(t){switch(t){case"animation-timing-function":case"box-shadow":case"text-shadow":case"color":case"background-image":case"background-color":case"text-fill-color":case"text-stroke-color":case"filter":case"backdrop-filter":case"var":case"transform":case"transform-origin":case"perspective-origin":return He.string("");case"offset-distance":return He.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return He.px(0)}}},{key:rn("$addProperty"),value:function(t){var e=this.getRef("$propertySelect").value;if(this.state.properties.find(function(t){return t.key===e}))alert("".concat(e," is already added."));else{var n=this.getPropertyDefaultValue(e),r=pl.selection.current;r&&(n=r[e]),this.state.properties.push({key:e,value:n}),this.refresh(),this.modifyProperty()}}},{key:"makeIndivisualPropertyColorEditor",value:function(t,e){var n=t.key.split("-").join("");return"\n      <div class='property-editor'>\n        <ColorViewEditor ref='$".concat(n).concat(e,"' value=\"").concat(t.value,'" key="').concat(t.key,'" onChange="changeColorProperty" />\n      </div>\n    ')}},{key:"makeCustomePropertyEditor",value:function(t,e){return"\n      <div class='property-editor'>\n        <".concat(t.editor," ").concat(K({onchange:"changeSelect",ref:"$customProperty".concat(e),key:t.key,value:t.value})," />\n      </div>\n    ")}},{key:"makeIndivisualPropertyEditor",value:function(t,e){return"background-image"===t.key?"\n        <div class='property-editor'>\n          <BackgroundImageEditor ref='$backgroundImage".concat(e,"' key=\"").concat(t.key,'" hide-title="').concat(this.state.hideTitle,'" value="').concat(t.value,'" onChange="changeBackgroundImageProperty" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <FilterEditor ref='$filter".concat(e,"' value=\"").concat(t.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <FilterEditor ref='$backdropFilter".concat(e,"' value=\"").concat(t.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===t.key?"\n        <div class='property-editor'>\n          <BoxShadowEditor ref='$boxshadow".concat(e,"' value=\"").concat(t.value,'" hide-label="false" onChange="changeBoxShadowProperty" />\n        </div>\n      '):"text-shadow"===t.key?"\n        <div class='property-editor'>\n          <TextShadowEditor ref='$textshadow".concat(e,"' value=\"").concat(t.value,'" hide-label="false" onChange="changeTextShadowProperty" />\n        </div>\n      '):"var"===t.key?"\n        <div class='property-editor'>\n          <VarEditor ref='$var".concat(e,"' value=\"").concat(t.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===t.key?"\n        <div class='property-editor'>\n          <TransformEditor ref='$transform".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===t.key?"\n        <div class='property-editor'>\n          <TransformOriginEditor ref='$transformOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===t.key?"\n        <div class='property-editor'>\n          <PerspectiveOriginEditor ref='$perspectiveOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$fillRule".concat(e,'\' \n          key=\'fill-rule\' \n          icon="true" \n          options="nonzero,evenodd" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linecap"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$strokeLinecap".concat(e,'\' \n          key=\'stroke-linecap\' \n          icon="true" \n          options="butt,round,square" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linejoin"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$strokeLinejoin".concat(e,'\' \n          key=\'stroke-linejoin\' \n          icon="true" \n          options="miter,arcs,bevel,miter-clip,round" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"mix-blend-mode"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \n          options=\"").concat($C,'" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-dasharray"===t.key?"\n        <StrokeDashArrayEditor \n          ref='$strokeDashArray".concat(e,"' \n          key='stroke-dasharray'\n          value='").concat(t.value,"' \n          onchange='changeSelect' \n        />\n      "):"border-radius"===t.key?"\n        <BorderRadiusEditor \n          ref='$borderRadius".concat(e,"' \n          key='border-radius'\n          value='").concat(t.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===t.key?"\n        <BorderEditor \n          ref='$border".concat(e,"' \n          key='border'\n          value='").concat(t.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===t.key?"\n        <ClipPathEditor \n          ref='$clipPath".concat(e,"' \n          key='clip-path'\n          value='").concat(t.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===t.key?"\n        <PathDataEditor ref='$pathData".concat(e,"' key='d' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"points"===t.key?"\n        <PolygonDataEditor ref='$polygonData".concat(e,"' key='points' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"offset-path"===t.key?"\n        <OffsetPathListEditor ref='$offsetPathList".concat(e,"' key='offset-path' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Pr("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:Pr("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:Pr("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:Pr("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:Pr("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:Pr("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:Pr("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:Pr("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:Pr("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:Pr("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:Pr("changeSelect"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:"makePropertyEditor",value:function(t,e){if(t.editor)return this.makeCustomePropertyEditor(t,e);switch(t.key){case"animation-timing-function":case"box-shadow":case"text-shadow":case"background-image":case"filter":case"backdrop-filter":case"var":case"transform":case"transform-origin":case"perspective-origin":case"mix-blend-mode":case"border":case"border-radius":case"clip-path":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"stroke-dasharray":case"d":case"points":case"offset-path":return this.makeIndivisualPropertyEditor(t,e);case"color":case"background-color":case"text-fill-color":case"text-stroke-color":case"stroke":case"fill":return this.makeIndivisualPropertyColorEditor(t,e);case"opacity":case"fill-opacity":case"stroke-dashoffset":case"offset-distance":return"\n          <div class='property-editor'>\n            <NumberRangeEditor \n              ref='$opacity".concat(e,"' \n              key='").concat(t.key,'\' \n              min="0"\n              max="1"\n              step="0.01"\n              value="').concat(t.value||1,'"\n              selected-unit=\'number\'\n              removable="true"\n              onchange="changeRangeEditor" />\n          </div>\n        ');case"left":case"margin-top":case"margin-bottom":case"margin-left":case"margin-right":case"padding-top":case"padding-bottom":case"padding-left":case"padding-right":case"font-size":case"font-stretch":case"width":case"height":case"perspective":case"offset-distance":case"text-stroke-width":default:return"\n          <div class='property-editor'>\n            <RangeEditor ref='rangeEditor".concat(e,"' key='").concat(t.key,"' value='").concat(t.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:Pr("changeRangeEditor"),value:function(t,e){this.modifyPropertyValue(t,e+"")}},{key:"searchKey",value:function(t,e){this.state.properties.filter(function(e){return e.key===t}).forEach(e)}},{key:"modifyPropertyValue",value:function(t,e){this.searchKey(t,function(t){t.value=e}),this.modifyProperty()}},{key:"makePropertySelect",value:function(){return"\n      <select class='property-select' ref='$propertySelect'>\n        <optgroup label='--'>\n          <option value='var'>var</option>\n        </optgroup>            \n        <optgroup label='Motion'>\n          <option value='offset-distance'>offset-distance</option>\n        </optgroup>      \n        <optgroup label='Size'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-radius'>border-radius</option>\n        </optgroup>        \n        <optgroup label='Style'>\n          <option value='background-color'>background-color</option>\n          <option value='background-image'>background-image</option>\n          <option value='box-shadow'>box-shadow</option>\n          <option value='text-shadow'>text-shadow</option>\n          <option value='filter'>filter</option>      \n          <option value='backdrop-filter'>backdrop-filter</option>\n          <option value='mix-blend-mode'>mix-blend-mode</option>\n        </optgroup>            \n        <optgroup label='Transform'>\n          <option value='transform'>transform</option>\n          <option value='transform-origin'>transform-origin</option>\n          <option value='perspective'>perspective</option>\n          <option value='perspective-origin'>perspective-origin</option>\n        </optgroup>\n        <optgroup label='Font'>\n          <option value='font-size'>font-size</option>\n          <option value='font-weight'>font-weight</option>          \n          <option value='font-stretch'>font-stretch</option>\n        </optgroup>\n        <optgroup label='Animation'>\n          <option value='animation-timing-function'>timing-function</option>\n        </optgroup>        \n      </select>\n    "}},{key:zn("$property"),value:function(){var t=this;return this.state.properties.map(function(e,n){return"\n        <div class='css-property-item'>\n          <div class='title'>\n            <label>".concat(e.key,"</label>\n            <div class='tools'>\n              <button type=\"button\" class='remove' data-index=\"").concat(n,'">').concat(vm.remove2,"</button>\n            </div>\n          </div>\n          <div class='title-2'>\n            <div class='tools'>\n              <label><button type=\"button\" class='refresh' data-index=\"").concat(n,'">').concat(vm.refresh,"</button> Refresh</label>\n            </div>\n          </div>\n          <div class='value-editor'>\n            ").concat(t.makePropertyEditor(e,n),"\n          </div>\n        </div>\n      ")})}},{key:Pr("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:rn("$property .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:rn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&_C(n.prototype,r),o&&_C(n,o),e}();function VC(t){return(VC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AC(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function DC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IC(t,e){return!e||"object"!==VC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MC(t){return(MC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LC(t,e){return(LC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IC(this,MC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:oT,RangeEditor:Bx,CSSPropertyEditor:RC}}},{key:"initState",value:function(){return{offsets:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.modifyOffset()}},{key:"modifyOffset",value:function(){this.emit("changeOffsetEditor",this.state)}},{key:"template",value:function(){return"\n    <div class='editor offset-editor' ref='$editor'>\n        ".concat(this.templateForOffset(),"\n        ").concat(this.templateForOffsetInput(),"\n        ").concat(this.templateForProperty(),"        \n    </div>")}},{key:"templateForOffsetInput",value:function(){return"\n      <div class='offset-input' >\n        <div class='title'>\n          <label>Offset</label>\n          <div class='tools'>\n            <InputRangeEditor key='offset' calc='false' min='0' max='100' step=\"0.01\" ref='$offsetInput' options=\"%\" onchange='changeRangeEditor' />\n          </div>\n        </div>\n      </div>\n    "}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=this.state.offsets[this.selectedIndex];n&&(n.offset=e.clone(),this.refresh(),this.modifyOffset())}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$offsetPropertyEditor' hide-refresh=\"true\" onchange='changeCSSPropertyEditor' />"}},{key:"templateForOffset",value:function(){return"<div class='offset' ref='$offset' data-selected-value=\"-1\"></div>"}},{key:"makeOffset",value:function(t,e){return"<div class='offset-item' style='left: ".concat(t.offset,";' data-offset-index='").concat(e.toString(),"'></div>")}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(E(t)){t=-1;for(var e=0,n=this.state.offsets.length;e<n;e++)if(this.state.offsets[e].selected){t=e;break}-1===t&&(t=0)}this.getRef("$offset").attr("data-selected-value",t),this.selectedIndex=t,this.state.offsets.forEach(function(e,n){e.selected=n===t});var r=this.state.offsets.filter(function(t){return t.selected});this.selectedOffsetItem=r.length?r[0]:{},this.refreshOffsetInput()}},{key:"refreshOffsetInput",value:function(){var t=this.state.offsets[this.selectedIndex];t&&this.children.$offsetInput.setValue(t.offset)}},{key:zn("$offset"),value:function(){var t=this;return this.state.offsets.map(function(e,n){return t.makeOffset(e,n)})}},{key:"isNotOffsetItem",value:function(t){return!Ke.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:rn("$offset")+En("isNotOffsetItem")+Ln,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=He.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new $s({offset:n})),this.selectItem(this.state.offsets.length-1,!0),this.refresh(),this.modifyOffset()}},{key:"refreshOffsetProperty",value:function(){this.emit("showCSSPropertyEditor",this.selectedOffsetItem.properties)}},{key:kn("$offset .offset-item")+In("moveOffset")+Mn("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=He.parse(t.$delegateTarget.css("left")),this.currentOffset=t.$delegateTarget,this.currentOffsetIndex=+t.$delegateTarget.attr("data-offset-index"),this.currentOffsetXY=t.xy,this.baseOffsetMin=this.baseOffsetArea.left,this.baseOffsetMax=this.baseOffsetArea.left+this.baseOffsetWidth,this.isRemoveOffset=!1,t.altKey?this.isRemoveOffset=!0:(this.selectItem(this.currentOffsetIndex,!0),this.refreshOffsetInput())}},{key:"moveOffset",value:function(t,e){if(!this.isRemoveOffset){var n=this.currentOffsetXY.x+t;n<this.baseOffsetMin&&(n=this.baseOffsetMin),n>this.baseOffsetMax&&(n=this.baseOffsetMax);var r=He.percent((n-this.baseOffsetMin)/this.baseOffsetWidth*100).round(100);this.state.offsets[this.currentOffsetIndex].offset.set(r.value),this.currentOffset.css("left",r),this.refreshOffsetInput(),this.modifyOffset()}}},{key:"removeOffset",value:function(t){this.state.offsets.splice(t,1),this.selectItem(0),this.refresh(),this.modifyOffset()}},{key:"endOffset",value:function(t,e){var n=this;this.isRemoveOffset?setTimeout(function(){n.currentOffset=null,n.removeOffset(n.currentOffsetIndex)},10):setTimeout(function(){n.currentOffset=null,n.refreshOffsetInput(),n.refreshOffsetProperty(),n.modifyOffset()},10)}},{key:"refresh",value:function(){this.load(),this.refreshOffsetProperty()}},{key:Pr("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:Pr("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=AC(t)),this.modifyOffset()}}])&&DC(n.prototype,r),o&&DC(n,o),e}();function zC(t){return(zC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GC(t,e){return!e||"object"!==zC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HC(t){return(HC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XC(t,e){return(XC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GC(this,HC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Rx}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"false"!==this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=+this.state.value.value.toString();isNaN(u)&&(u=0);var s=o?"has-label":"",l=i?"has-calc":"",f=c?"is-removable":"",p=(+u).toString();return"\n        <div class='range-editor ".concat(s," ").concat(l," ").concat(f,"' data-selected-type='").concat(a,"' ref='$range'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <button type='button' class='type-button' ref='$toggleType'>").concat(vm.autorenew,"</button>\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='range' ref='$property' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" />\n                    <label>').concat(this.props["selected-unit"]||this.state.units[0]||this.state.value.unit,"</label>\n                </div>\n            </div>\n            <div class='range-editor-type' data-type='calc'>\n                <div class='area'>\n                    <SelectEditor ref='$varType' key='varType' value=\"").concat(this.state.value.unit,"\" options=\"calc,var\" onchange='changeVarType' />\n                    <input type='text' ref='$calc' value='").concat(this.state.value,"' />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove'>").concat(vm.close,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:rn("$toggleType"),value:function(t){var e="calc"===this.state.type?"range":"calc";n="";if("calc"===e)n=He.calc(this.refs.$calc.value);else{var n=this.getRef("$propertyNumber").value,r=this.children.$unit.getValue();n=new He(n,r)}this.updateData({type:e,value:n}),this.refs.$range.attr("data-selected-type",e)}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$calc"),value:function(){this.updateData({value:new He(this.refs.$calc.value,this.children.$varType.getValue())})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"updateCalc",value:function(){this.refs.$calc.val(this.state.value)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)}),this.updateCalc()}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue())),this.updateData({value:this.state.value.set(e)}),this.updateCalc()}},{key:Pr("changeUnit"),value:function(t,e){this.updateData({value:this.state.value.toUnit(e)}),this.updateCalc()}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&FC(n.prototype,r),o&&FC(n,o),e}();function NC(t){return(NC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KC(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function WC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UC(t,e){return!e||"object"!==NC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZC(t){return(ZC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qC(t,e){return(qC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UC(this,ZC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new He("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=KC(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=KC(n.split(" "),2),i=o[0],a=o[1];return E(a)&&(a=i),{radius:e,x:i=He.parse(i),y:a=He.parse(a)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <RangeEditor \n                ref='$range' \n                label='Radius' \n                key='radius' \n                value='".concat(this.state.radius,"' \n                min=\"0\" \n                max=\"100\" \n                step=\"0.1\" \n                units=\"%,closest-side,farthest-side\" \n                onchange='changeRangeEditor' \n            />\n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' ref='$pointer' style='left: ").concat(this.state.x,";top: ").concat(this.state.y,";'></div>\n                <div class='clip-area circle' ref='$clipArea'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:kn("$area")+In()+Mn(),value:function(t){this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=He.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:o,top:i}),this.updateData({x:o,y:i}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radius,o="".concat(e," ").concat(n),i=r+"";return i.includes("closest-side")?i="closest-side":i.includes("farthest-side")&&(i="farthest-side"),r?"".concat(i," at ").concat(o):"".concat(o)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Pr("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new He("","closest-side"):r.includes("farthest-side")&&(n=new He("","farthest-side")),this.updateData({radius:n})}}}])&&WC(n.prototype,r),o&&WC(n,o),e}();function QC(t){return(QC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e$(t,e){return!e||"object"!==QC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n$(t){return(n$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r$(t,e){return(r$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),e$(this,n$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='text-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <input type='text' ref='$text' />\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:Gn("$text"),value:function(){return{value:this.state.value}}},{key:yn("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&t$(n.prototype,r),o&&t$(n,o),e}();function i$(t){return(i$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c$(t,e){return!e||"object"!==i$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u$(t){return(u$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s$(t,e){return(s$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var l$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),c$(this,u$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{values:this.props.values.split(" ").map(function(t){return+t}),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:Gn("$body"),value:function(){return{cssText:"\n                display: grid;\n                grid-template-columns: repeat(".concat(this.state.column,", 1fr);\n                grid-column-gap: 2px;\n                grid-row-gap: 2px;\n            ")}}},{key:zn("$body"),value:function(){return this.state.values.map(function(t,e){return'\n                <div class=\'number-editor\'>\n                    <input type="number" value="'.concat(t,'" step="0.01" data-index="').concat(e,'" />\n                </div>\n            ')})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:yn("$body input"),value:function(t){var e=t.$delegateTarget,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&a$(n.prototype,r),o&&a$(n,o),e}();function f$(t){return(f$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||d$(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function h$(t,e){return v$(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||y$()}function y$(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function d$(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function v$(t){if(Array.isArray(t))return t}function b$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){g$(t,e,n[e])})}return t}function g$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function w$(t,e){return!e||"object"!==f$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function k$(t){return(k$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O$(t,e){return(O$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var S$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),w$(this,k$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O$(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{TextEditor:o$,NumberRangeEditor:Om,SelectEditor:Rx}}},{key:"initState",value:function(){return b$({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e,n=t.split(" "),r=v$(e=n)||d$(e)||y$(),o=r[0],i=r.slice(1);if("linear"===o)var a=h$(i,2),c=a[0],u=a[1];else if("gamma"===o)var s=h$(i,3),l=s[0],f=s[1],p=s[2];return{type:o,values:i,slop:c,intercept:u,amplitude:l,exponent:f,offset:p}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,o=r?"has-label":"";return'\n        <SelectEditor label="'.concat(r,'" key="type" value="').concat(this.state.type,'" options="identity,table,discrete,linear,gamma" onchange="changeType" />\n        <div class=\'func-filter-editor ').concat(o,"' ref='$container' data-selected-type='").concat(n,"'>\n            ").concat(r?"<label></label>":"","\n            <div data-type='identity'>\n            </div>\n            <div data-type='table'>\n                <TextEditor label='tableValues' ref='$values' key='values' value=\"").concat(this.state.values.join(" "),'" onchange="changeValues" />\n            </div>\n            <div data-type=\'linear\'>\n                ').concat(["slop","intercept"].map(function(e){return"\n                        <div>\n                            <NumberRangeEditor label='".concat(e,"' ref='$").concat(e,"' key='").concat(e,"' value=\"").concat(t.state[e],'" onchange="changeLinear" />\n                        </div>                    \n                    ')}).join(""),"\n            </div>\n            <div data-type='gamma'>\n                ").concat(["amplitude","exponent","offset"].map(function(e){return"\n                        <div>\n                            <NumberRangeEditor label='".concat(e,"' ref='$").concat(e,"' key='").concat(e,"' value=\"").concat(t.state[e],'" onchange="changeGamma" />\n                        </div>                    \n                    ')}).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:Pr("changeType"),value:function(t,e){this.updateData({type:e}),this.refresh()}},{key:"getValue",value:function(){switch(this.state.type){case"table":case"discrete":return[this.state.type].concat(p$(this.state.values)).join(" ");case"linear":return[this.state.type,this.state.slop,this.state.intercept].join(" ");case"gamma":return[this.state.type,this.state.amplitude,this.state.exponent,this.state.offset].join(" ")}return"identity"}},{key:"setValue",value:function(t){this.setState(b$({},this.parse(t)))}},{key:Pr("changeValues"),value:function(t,e){this.updateData(g$({},t,e.split(" ")))}},{key:Pr("changeLinear"),value:function(t,e){this.updateData(g$({},t,e))}},{key:Pr("changeGamma"),value:function(t,e){this.updateData(g$({},t,e))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&m$(n.prototype,r),o&&m$(n,o),e}(),j$={red:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   0   0   0\n0   0   0   1   0\n",green:"\n0   0   0   0   0\n0   1   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",blue:"\n0   0   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",yellow:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",magenta:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",cyan:"\n0   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",alpha:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   0   .5  0 \n",BlueMagenta2:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1  .5   0\n0   0   0   1   0 \n",BlueShadowMagentHightlight:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1   1   0\n0   0   0   1   0 \n",darken:"\n.5   0   0   0   0\n0  .5   0   0   0\n0   0  .5   0   0\n0   0   0   1   0 \n",ElimBlue:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   -2   1   0 \n",GrayOnDark:"\n0   0   1   0   0\n0   0   1   0   0\n0   0   1   0   0\n0   0   0   1   0  \n",GrayOnLight:"\n1   0   0   0   0\n1   0   0   0   0\n1   0   0   0   0\n0   0   0   1   0 \n",GrayOnMid:"\n0   1   0   0   0\n0   1   0   0   0\n0   1   0   0   0\n0   0   0   1   0 \n",HardGreen:"\n1   0   0   0   0\n0   1   0   1   0\n0   0   1   0   0\n0   0   0   1   0 \n",HardYellow:"\n1   0   0   1   0\n0   1   0   1   0\n0   0   1   0   0\n0   0   0   1   0 \n",IdenticalRedOverlay:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",lighten:"\n1.5   0   0   0   0\n0   1.5   0   0   0\n0   0   1.5   0   0\n0   0   0   1   0 \n",lime:"\n1   0   0   0   0\n0   2   0   0   0\n0   0   0  .5   0\n0   0   0   1   0 \n",NoGreenMagenta:"\n1   1   0   0   0\n0   0   0   0   0\n0   1   1   0   0\n0   0   0   1   0 \n",NoGreenRed:"\n1   1   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",peachy:"\n1   0   0   0   0\n0  .5   0   0   0\n0   0   0  .5   0\n0   0   0   1   0 \n",RedOverlay:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1  -1   0\n0   0   0   1   0 \n",YesGreenColorizedMagenta:"\n1   1   0   0   0\n0   1   0   0   0\n0   1   1   0   0\n0   0   0   1   0 \n"};function P$(t){return(P$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function x$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _$(t,e){return!e||"object"!==P$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function T$(t){return(T$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E$(t,e){return(E$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var C$=Object.keys(j$).map(function(t){return{title:t,values:j$[t]}}),$$=/[\b\t \,\n]/g,R$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_$(this,T$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{values:this.normalize(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='small-editor color-matrix-editor' >\n                <div ref='$body'></div>\n                <div class='title'> Mix Color Template </div>\n                <div class='color-matrix-template' ref='$sample'></div>\n            </div>\n        "}},{key:Gn("$body"),value:function(){return{cssText:"\n                display: grid;\n                grid-template-columns: repeat(".concat(6,", 1fr);\n                grid-column-gap: 2px;\n                grid-row-gap: 2px;\n                text-align: center; \n            ")}}},{key:zn("$sample"),value:function(){return C$.map(function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")})}},{key:"normalize",value:function(t){return t.trim().split($$).filter(function(t){return t}).map(function(t){return+t})}},{key:rn("$sample .sample-item"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=C$[e];this.updateData({values:this.normalize(n.values)}),this.load("$body")}},{key:zn("$body"),value:function(){var t=this.state.values,e=["R","G","B","A"];return"\n            <div></div>\n            <div>R</div>\n            <div>G</div>\n            <div>B</div>\n            <div>A</div>\n            <div>M</div>\n        "+t.map(function(t,n){var r="";return n%5==0&&(r="<div>".concat(e[Math.floor(n/5)],"</div>")),"\n                ".concat(r,'\n                <div class=\'number-editor\'>\n                    <input type="number" value="').concat(t,'" step="0.01" data-index="').concat(n,'" />\n                </div>\n            ')})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:yn("$body input"),value:function(t){var e=t.$delegateTarget,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&x$(n.prototype,r),o&&x$(n,o),e}(),V$={dancingStroke:[{type:"SourceAlpha",id:"strokeSource",bound:{x:100,y:100},connected:[{id:"morphology"}]},{type:"Morphology",id:"morphology",operator:"dilate",radius:"3 3",bound:{x:100,y:200},in:[{id:"strokeSource"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"#30597E",opacity:1,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"morphology"}],operator:"in",connected:[{id:"composite2"}]},{type:"SourceAlpha",id:"strokeSourceAlpha2",bound:{x:400,y:200},connected:[{id:"composite2"}]},{type:"Composite",id:"composite2",bound:{x:400,y:150},in:[{id:"composite"},{id:"strokeSourceAlpha2"}],operator:"out",connected:[{id:"displacementMap"}]},{type:"Turbulence",id:"turbulence",filterType:"fractalNoise",baseFrequency:"0.01 0.02",numOctaves:1,seed:0,stitchTiles:"stitch",bound:{x:400,y:200},connected:[{id:"displacementMap"}]},{type:"DisplacementMap",id:"displacementMap",scale:17,xChannelSelector:"A",yChannelSelector:"A",bound:{x:400,y:200},in:[{id:"composite2"},{id:"turbulence"}],connected:[{id:"merge"}]},{type:"SourceGraphic",id:"strokeSourceGraphic",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"strokeSourceGraphic"},{id:"displacementMap"}]}],stroke:[{type:"SourceAlpha",id:"strokeSource",bound:{x:100,y:100},connected:[{id:"morphology"}]},{type:"Morphology",id:"morphology",operator:"delite",radius:"3 3",bound:{x:100,y:200},in:[{id:"strokeSource"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"#30597E",opacity:1,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"morphology"}],operator:"in",connected:[{id:"merge"}]},{type:"SourceGraphic",id:"strokeSourceGraphic",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"composite"},{id:"strokeSourceGraphic"}]}],grayscale:[{type:"Saturate",values:"0"}],shadow:[{type:"SourceAlpha",id:"shadowSource",bound:{x:100,y:100},connected:[{id:"offset"}]},{type:"Offset",id:"offset",bound:{x:200,y:100},dx:10,dy:10,in:[{id:"shadowSource"}],connected:[{id:"blur"}]},{type:"GaussianBlur",id:"blur",bound:{x:300,y:100},stdDeviationX:5,stdDeviationY:5,in:[{id:"offset"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"black",opacity:.7,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"blur"}],operator:"in",connected:[{id:"merge"}]},{type:"SourceAlpha",id:"shadowSource2",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"composite"},{id:"shadowSource2"}]}],innerShadow:[{type:"Flood",id:"flood",bound:{x:100,y:200},color:"black",opacity:1,connected:[{id:"composite1"}]},{type:"SourceAlpha",id:"shadowSource",bound:{x:100,y:100},connected:[{id:"composite1"}]},{type:"Composite",id:"composite1",bound:{x:200,y:150},in:[{id:"flood"},{id:"shadowSource"}],operator:"out",connected:[{id:"offset"}]},{type:"Offset",id:"offset",bound:{x:300,y:150},dx:4,dy:4,in:[{id:"composite1"}],connected:[{id:"blur"}]},{type:"GaussianBlur",id:"blur",bound:{x:400,y:150},stdDeviationX:4,stdDeviationY:4,edge:"none",in:[{id:"offset"}],connected:[{id:"composite2"}]},{type:"SourceAlpha",id:"shadowSource2",bound:{x:400,y:250},connected:[{id:"composite2"}]},{type:"Composite",id:"composite2",bound:{x:500,y:150},in:[{id:"blur"},{id:"shadowSource2"}],operator:"out",connected:[{id:"merge"}]},{type:"SourceGraphic",id:"shadowSource3",bound:{x:500,y:250},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:600,y:150},in:[{id:"composite2"},{id:"shadowSource3"}]}]};function A$(t){return(A$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function I$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function M$(t,e){return!e||"object"!==A$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function L$(t){return(L$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function B$(t,e){return(B$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var z$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),M$(this,L$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&B$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='image-select-editor' ref='$body'></div>\n        "}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:zn("$body"),value:function(){return"\n            <div class='preview-container'>\n                <img src=\"".concat(this.state.value,"\" />\n                <input type='file' ref='$file' accept=\"image/*\" />\n            </div>\n            <div class='select-container'>\n                <button type=\"button\" ref='$select'>Select a image</button>\n            <div>\n        ")}},{key:hn("$file"),value:function(t){var e=this,n=D$(t.target.files);n.length&&this.emit("update.asset.image",n[0],function(t){e.trigger("changeImageSelectEditor",t)})}},{key:rn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Pr("changeImageSelectEditor"),value:function(t){this.updateData({value:t}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&I$(n.prototype,r),o&&I$(n,o),e}();function F$(t){return(F$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function G$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function H$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function X$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Y$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function N$(t,e){return!e||"object"!==F$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function K$(t){return(K$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function W$(t,e){return(W$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var U$=[{label:"GRAPHIC REFERENCES",items:[{label:"Source Graphic",value:"SourceGraphic"},{label:"Source Alpha",value:"SourceAlpha"},{label:"Background Image",value:"BackgroundImage"},{label:"Background Alpha",value:"BackgroundAlpha"},{label:"Fill Paint",value:"FillPaint"},{label:"Stroke Paint",value:"StrokePaint"}]},{label:"SOURCES",items:[{label:"Flood",value:"Flood"},{label:"Turbulence",value:"Turbulence"},{label:"Image",value:"Image"}]},{label:"MODIFIER",items:[{label:"Color Matrix",value:"ColorMatrix"},{label:"Saturate",value:"Saturate"},{label:"HueRotate",value:"HueRotate"},{label:"LuminanceToAlpha",value:"LuminanceAlpha"},{label:"Drop Shadow",value:"DropShadow"},{label:"Morphology",value:"Morphology"},{label:"Convolve Matrix",value:"ConvolveMatrix"},{label:"Offset",value:"Offset"},{label:"Gaussian Blur",value:"GaussianBlur"},{label:"Tile",value:"Tile"}]},{label:"LIGHTING",items:[{label:"Specular Lighting",value:"SpecularLighting"},{label:"Diffuse Lighting",value:"DiffuseLighting"},{label:"Point Light",value:"PointLight"},{label:"Spot Light",value:"SpotLight"},{label:"Distant Light",value:"DistantLight"}]},{label:"COMBINERS",items:[{label:"Blend",value:"Blend"},{label:"Composite",value:"Composite"},{label:"Merge",value:"Merge"},{label:"DisplacementMap",value:"DisplacementMap"}]}],Z$=[{label:"Template",items:[{label:"Grayscale",value:"grayscale"},{label:"Shadow",value:"shadow"},{label:"Inner Shadow",value:"innerShadow"},{label:"Stroke",value:"stroke"},{label:"Dancing Stroke",value:"dancingStroke"}]}];function q$(t){switch(t){case"SpecularLighting":return vm.specular;case"DiffuseLighting":return vm.diffuse;case"SourceGraphic":case"SourceAlpha":return vm.image;case"BackgroundImage":case"BackgroundAlpha":return vm.outline_image;case"Flood":return vm.palette;case"Image":return vm.landscape;case"GaussianBlur":return vm.blur;case"ColorMatrix":return vm.blur_linear;case"Turbulence":return vm.waves;case"Saturate":return vm.vintage;case"HueRotate":return vm.looks;case"LuminanceAlpha":return vm.opacity;case"DropShadow":return vm.shadow;case"Morphology":return vm.broken_image;case"ConvolveMatrix":return vm.camera_roll;case"Offset":return vm.transform;case"Tile":return vm.view_comfy;case"Blend":return vm.gradient;case"Composite":return vm.settings_input_component;case"Merge":return vm.merge;case"DisplacementMap":return vm.texture}return""}function J$(t){switch(t){case"SourceGraphic":case"SourceAlpha":case"BackgroundImage":case"BackgroundAlpha":case"FillPaint":case"StrokePaint":return"graphic";case"Flood":case"Turbulence":case"Image":return"source";case"GaussianBlur":case"ColorMatrix":case"Saturate":case"HueRotate":case"LuminanceAlpha":case"DropShadow":case"Morphology":case"ConvolveMatrix":case"Offset":case"Tile":return"modifier";case"SpecularLighting":case"DiffuseLighting":case"SpotLight":case"PointLight":case"DistantLight":return"lighting";case"Blend":case"Composite":case"Merge":case"DisplacementMap":return"combiner"}return""}var Q$=[45],tR=[20],eR={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},nR={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(nR).forEach(function(t){nR[t]=nR[t].map(function(t){return t+20})});var rR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),N$(this,K$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&W$(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ColorMatrixEditor:R$,InputArrayEditor:l$,NumberRangeEditor:Om,RangeEditor:Bx,ColorViewEditor:c_,SelectEditor:Rx,TextEditor:o$,FuncFilterEditor:S$,ImageSelectEditor:z$}}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedIndex:-1,selectedFilter:null}}},{key:"template",value:function(){return'\n      <div class=\'svg-filter-editor filter-list\'>\n        <div class=\'left\'>\n          <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>Filter</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>Preset</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>Asset</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content" data-value="1">\n                '.concat("\n\n  <div class='filter-item-list' ref=\"$filterSelect\">\n\n    ".concat(Z(U$,function(t){return"\n        <div class='group' label=\"".concat(t.label,'">\n          ').concat(Z(t.items,function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(q$(t.value)," ").concat(t.label,"</div>")}),"\n        </div>\n      ")}),"\n  </div>\n  "),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat("\n\n  <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n\n    ".concat(Z(Z$,function(t){return"\n        <div class='group' label=\"".concat(t.label,'">\n          ').concat(Z(t.items,function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(t.label,"</div>")}),"\n        </div>\n      ")}),"\n  </div>\n  "),"\n              </div>\n                     \n            </div>\n          </div>\n        </div>\n        <div  class='center'>\n          <div class='graph'>\n            <div class='drag-line-panel' ref='$dragLinePanel'></div>          \n            <div class='connected-line-panel' ref='$connectedLinePanel'></div>\n            <div class='graph-panel' ref='$graphPanel' droppable=\"true\"></div>\n          </div>\n        </div>\n        <div class='right'>\n          <div class='filter-list' ref='$filterList'></div>\n        </div>\n      </div>")}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:sn("$filterSelect .item"),value:function(t){var e=t.$delegateTarget.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:fn("$connectedLinePanel")+Ln,value:function(){}},{key:ln("$connectedLinePanel")+Ln,value:function(t){var e={x:t.offsetX,y:t.offsetY},n=t.dataTransfer.getData("filter/type");this.makeFilterNode(n,{bound:e})}},{key:"makeFilterNode",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.filters.push(this.makeFilter(t,e)),this.state.selectedIndex=this.state.filters.length-1,this.state.selectedFilter=this.state.filters[this.state.selectedIndex],this.refresh(),this.modifyFilter()}},{key:"applyTemplate",value:function(t){var e=V$[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return ks[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r="".concat(e.type).concat(n).concat(this.state.selectedIndex).concat(Date.now());if("color-matrix"===t.inputType)return"\n        <div>\n          <ColorMatrixEditor \n            ref='$colorMatrix".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"       \n            column='").concat(t.column,"' \n            values='").concat(e[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("input-array"===t.inputType)return"\n        <div>\n          <InputArrayEditor \n            ref='$inputArray".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,'"       \n            column-label="R,G,B,A,M",\n            row-label="R,G,B,A",\n            column=\'').concat(t.column,"' \n            values='").concat(e[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return I(t.options)&&(o=t.options(this.state.filters)),"\n        <div>\n          <SelectEditor \n            ref='$select".concat(r,"' \n            label=\"").concat(t.title,"\"\n            options='").concat(o,"' \n            key=\"").concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ')}return"text"===t.inputType?"\n        <div>\n          <TextEditor \n            ref='$text".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeTextEditor"\n          />\n        </div>\n        '):"number-range"===t.inputType?" \n        <div>\n          <NumberRangeEditor \n            ref='$numberrange".concat(r,"' \n            label=\"").concat(t.title,'" \n            min="').concat(t.min,'"\n            max="').concat(t.max,'"\n            step="').concat(t.step,'"\n            key="').concat(n,'" \n            value="').concat(e[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"color"===t.inputType?"\n        <div>\n          <ColorViewEditor \n            ref='$colorview".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeSVGFilterColorViewEditor" \n          />\n        </div>\n      '):"FuncFilter"===t.inputType?"\n        <div>\n          <FuncFilterEditor \n            ref='$funcFilter".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeFuncFilterEditor" \n          />\n        </div>\n      '):"ImageSelectEditor"===t.inputType?"\n        <div>\n          <ImageSelectEditor \n            ref='$imageSelect".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"\n      <div>\n        <RangeEditor \n          ref='$range".concat(r,"' \n          layout='block' \n          calc='false' \n          label=\"").concat(t.title,'" \n          min="').concat(t.min,'"\n          max="').concat(t.max,'"\n          step="').concat(t.step,'"\n          key="').concat(n,'" \n          value="').concat(e[n].toString(),'" \n          units="').concat(t.units.join(","),'" \n          onchange="changeRangeEditor" \n        />\n      </div>\n    ')}},{key:"makeOneFilterTemplate",value:function(t,e){var n=this;return'\n    <div class="filter-item">\n      <div class="title">\n        <label>'.concat(e.type,'</label>\n        <div class="filter-menu">\n          <button type="button" class="del">').concat(vm.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(P(t,function(t,r){return n.makeFilterEditorTemplate(r,e,t)}),"\n\n      </div>\n    </div>\n  ")}},{key:"makeFilterTemplate",value:function(t){return this.makeOneFilterTemplate(this.getSpec(t.type),t)}},{key:zn("$filterList"),value:function(){return this.state.selectedFilter&&!1===this.state.selectedFilter.isSource()?this.makeFilterTemplate(this.state.selectedFilter):""}},{key:"modifyFilter",value:function(){var t=this;this.state.filters.forEach(function(e){e.isLight()&&e.connected.length&&e.connected.forEach(function(n){t.state.filters.filter(function(t){return t.id===n.id}).forEach(function(t){t.reset({lightInfo:e.toLightString()})})})}),this.parent.trigger(this.props.onchange,this.props.key,this.state.filters)}},{key:"parseFilter",value:function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(function(t){return ms.parse(t)})}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return ms.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){X$(t,e,n[e])})}return t}({},e,{type:t}))}},{key:rn("$filterSelect .item[value]"),value:function(t){var e=t.$delegateTarget.attr("value");this.makeFilterNode(e)}},{key:rn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$delegateTarget.attr("value");this.applyTemplate(e)}},{key:rn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:zn("$graphPanel"),value:function(){return this.makeGraphPanel()}},{key:"selectFilter",value:function(t){this.setState({selectedIndex:t,selectedFilter:this.state.filters[t]},!1),this.load("$filterList")}},{key:kn("$graphPanel .filter-node")+In()+Mn(),value:function(t){this.$target=t.$delegateTarget,this.$point=null,this.pointType="object",this.pointIndex=0;var e=this.refs.$graphPanel.rect();this.rect=e;var n=+this.$target.attr("data-index");this.selectFilter(n),this.$target.onlyOneClass("selected");var r=Ke.create(t.target);if(r.hasClass("out"))this.$point=r,this.pointType="out",this.pointIndex=0;else if(r.hasClass("in"))this.$point=r,this.pointType="in",this.pointIndex=+r.attr("data-index");else{var o=this.state.selectedFilter;this.startXY=L(o.bound)}if("in"===this.pointType||"out"===this.pointType){var i=r.rect(),a=i.x-e.x,c=i.y-e.y,u=a+i.width/2,s=c+i.height/2;this.startXY={x:u,y:s}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:zn("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var t=this.startXY,e=t.x,n=t.y,r=t.dx,o=t.dy;return"\n      <svg>\n        <path ".concat(K({class:"drag-line",fill:"transparent","stroke-width":1,d:"M".concat(e,",").concat(n,"L").concat(e+r,",").concat(n+o,"Z")})," />\n      </svg>\n      ")}return""}},{key:"makeConnectedPath",value:function(t){var e=new Gd,n=t[0],r=t[t.length-1];if(!n)return"";if(!r)return"";var o=Math.abs(n.x-r.x)/2;return e.M(n).C({x:n.x+o,y:n.y},{x:r.x-o,y:r.y},r),e.d}},{key:"createPath",value:function(t,e){if(e.path)return e.path;var n=t.bound.x+Q$[0],r=t.bound.y+tR[0],o=this.state.filters.map(function(t,e){return{it:t,index:e}}).find(function(t){return!!t&&(!!t.it&&(t&&t.it.id===e.id))}),i="".concat(o.it.getInCount()),a=o.it.in.map(function(t,e){return{it:t,index:e}}).find(function(e){return!!e&&(!!e.it&&e.it.id===t.id)});if(!a)return[];var c=a.index;return[{x:n,y:r},{x:o.it.bound.x+eR[i][0],y:o.it.bound.y+nR[i][c]}]}},{key:zn("$connectedLinePanel"),value:function(){var t=this;return"\n      <svg>\n        ".concat(this.state.filters.map(function(e){return e.connected.map(function(n){var r=t.createPath(e,n),o=J$(e.type);return"\n              <path ".concat(K({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(K({"data-source-type":o,"data-target-id":n.id,"data-source-id":e.id,class:"connected-remove-circle",cx:(r[0].x+r[1].x)/2,cy:(r[0].y+r[1].y)/2})," />\n              "),"\n              \n            ")}).join("")}).join(""),"\n      </svg>\n    ")}},{key:rn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=H$(t.$delegateTarget.attrs("data-target-id","data-source-id"),2),n=e[0],r=e[1],o=this.state.filters;o.filter(function(t){return t.id===r}).forEach(function(t){t.connected=t.connected.filter(function(t){return t.id!=n})}),o.filter(function(t){return t.id===n}).forEach(function(t){t.in=t.in.map(function(t){return t&&t.id==r?null:t})}),this.refresh(),this.modifyFilter()}},{key:"getCenterXY",value:function(t){var e=t.rect(),n=e.x-this.rect.x,r=e.y-this.rect.y;return{x:n+e.width/2,y:r+e.height/2}}},{key:"end",value:function(t,e){if("in"===this.pointType||"out"===this.pointType){this.startXY.dx=t,this.startXY.dy=e;var n=this.state.selectedFilter,r=pl.config.get("bodyEvent"),o=Ke.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in"))if(c=this.state.filters[+i.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var a=+o.attr("data-index");c.in[a]||(c.setIn(a,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(o.hasClass("out"))(c=this.state.filters[+i.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType?this.load("$dragLinePanel"):"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:He.px(n.bound.x),top:He.px(n.bound.y)}),this.load("$connectedLinePanel")))}},{key:"makeGraphPanel",value:function(){var t=this;return this.state.filters.map(function(e,n){return"\n        <div class='filter-node ".concat(W({selected:n===t.state.selectedIndex}),"' data-type=\"").concat(e.type,'" data-index="').concat(n,'" data-filter-id="').concat(e.id,"\" style='left: ").concat(e.bound.x,"px;top: ").concat(e.bound.y,"px;'>\n          <div class='label'>").concat(e.type,"</div>\n          <div class='remove'>").concat(vm.close,"</div>\n          <div class='preview' data-source-type=\"").concat(J$(e.type),'">').concat(q$(e.type),"</div>\n          <div class='in-list'>\n            ").concat(G$(Array(e.getInCount())).map(function(t,e){return"<div class='in' data-index='".concat(e,"'></div>")}).join(""),"\n          </div>\n          \n          <div class='out' data-index=\"0\">").concat(vm.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")})}},{key:Pr("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:Pr("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(X$({},t,e)),this.modifyFilter()}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(X$({},t,e)),this.modifyFilter()}},{key:Pr("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(X$({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter(function(e){return e.id!=t});e.forEach(function(e){e.connected=e.connected.filter(function(e){return e.id!=t}),e.in=e.in.filter(function(e){return e.id!=t})}),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:rn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$delegateTarget.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&Y$(n.prototype,r),o&&Y$(n,o),e}();function oR(t){return(oR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aR(t,e){return!e||"object"!==oR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cR(t){return(cR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uR(t,e){return(uR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aR(this,cR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor list-view-editor' ref='$body'></div>"}},{key:Gn("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:zn("$body"),value:function(){var t=this;return Object.keys(vm).map(function(e){var n=vm[e],r=e===t.state.value?"selected":"";return"<div class='list-view-item ".concat(r,"'  data-key='").concat(e,"'>").concat(n,"</div>")})}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.state.value=t,this.refresh()}},{key:rn("$body .list-view-item"),value:function(t){var e=t.$delegateTarget.attr("data-key");t.$delegateTarget.onlyOneClass("selected"),this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&iR(n.prototype,r),o&&iR(n,o),e}();function lR(t){return(lR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pR(t,e){return!e||"object"!==lR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hR(t){return(hR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yR(t,e){return(yR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pR(this,hR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{IconListViewEditor:sR}}},{key:"initState",value:function(){return{fit:!!this.props.value.fit,icon:this.props.value.icon||""}}},{key:"template",value:function(){var t=this.state.fit?'checked="checked"':"";return"\n      <div class='svg-clip-path-editor clippath-list'>\n          <div class='label' >\n              <label>".concat(this.props.title||"","</label>\n              <div class='tools'>\n              </div>\n          </div>\n          <div>\n            <label>Fit to size <input type='checkbox' ref='$fit' ").concat(t,"  /> </label>\n          </div>\n          <div>\n            <IconListViewEditor ref='$svg' key='svg' value=\"").concat(this.state.icon,'" column="6" onchange=\'changeClipPath\' />\n          </div>\n      </div>')}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyClipPath()}},{key:rn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Pr("changeClipPath"),value:function(t,e){this.updateData({icon:e})}},{key:"modifyClipPath",value:function(){var t=this.state,e=t.icon,n=t.fit;this.parent.trigger(this.props.onchange,this.props.key,{icon:e,fit:n})}}])&&fR(n.prototype,r),o&&fR(n,o),e}();function vR(t){return(vR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function gR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mR(t,e){return!e||"object"!==vR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wR(t){return(wR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kR(t,e){return(kR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],SR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mR(this,wR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"initState",value:function(){var t=bR(Xy.parse(this.props.value),5),e=t[0],n=t[1],r=t[2],o=t[3],i=t[4];return{isAll:1===e,all:n.clone(),top:n.clone(),right:r.clone(),bottom:o.clone(),left:i.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:Pr("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&OR.forEach(function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())}),this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state.all,r="all"===e?"display:none":"display:block";return'\n      <div class="property-item direction-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(vm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(vm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='all' value=\"").concat(n,'" onchange=\'changeBorderRadius\' />\n        </div>\n      </div>\n      <div\n        class="property-item full direction-item"\n        ref="$partitialSetting"\n        style="').concat(r,'"\n      >\n        <div class="radius-setting-box">\n          ').concat(OR.map(function(e){var n=t.state[e.key];return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(n,"\" onchange='changeBorderRadius' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=[];e=this.state.isAll?[1,this.state.all,this.state.all,this.state.all,this.state.all]:[4,this.state.top,this.state.right,this.state.bottom,this.state.left],this.parent.trigger(this.props.onchange,e)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.updateData({isAll:"all"===e})}}])&&gR(n.prototype,r),o&&gR(n,o),e}();function jR(t){return(jR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xR(t,e){return!e||"object"!==jR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _R(t){return(_R=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TR(t,e){return(TR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ER=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xR(this,_R(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TR(t,e)}(e,_r),n=e,(r=[{key:"afterRender",value:function(){var t=this;this.colorPicker=Rh.create({type:"sketch",position:"inline",container:this.refs.$color.el,color:this.props.value||"rgba(0, 0, 0, 1)",onChange:function(e){t.changeColor(e)}})}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'<div ref="$color"></div>'}},{key:"changeColor",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:"setValue",value:function(t){this.colorPicker.initColorWithoutChangeEvent(t)}},{key:"refresh",value:function(){this.colorPicker.initColorWithoutChangeEvent(this.state.color)}}])&&PR(n.prototype,r),o&&PR(n,o),e}();function CR(t){return(CR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $R(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RR(t,e){return!e||"object"!==CR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VR(t){return(VR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AR(t,e){return(AR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RR(this,VR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.split||",",e=(this.props.options||"").split(t).map(function(t){return t.trim()}),n=(this.props.icons||"").split(t).map(function(t){return t.trim()}),r=this.props.value||"";return{label:this.props.label||"",options:e,icons:n,value:r}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:rn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.state.value=t+"";var e=this.refs.$options.$('[data-value="'.concat(this.state.value,'"]'));e&&e.onlyOneClass("selected")}},{key:"refresh",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0]){var t=this.refs.$options.$('[data-value="'.concat(this.state.value,'"]'));t&&t.onlyOneClass("selected")}else this.load()}},{key:zn("$options"),value:function(){var t=this;return this.state.options.map(function(e,n){var r=e===t.state.value?"selected":"",o=e;if(""===e)var i=vm.close;else{var a=t.state.icons[n];i=vm[a]||a||e}return"<div class='select-icon-item ".concat(r,"' data-value=\"").concat(o,"\" title='").concat(o,"'>").concat(i,"</div>")})}},{key:rn("$options .select-icon-item"),value:function(t){var e=t.$delegateTarget.attr("data-value");t.$delegateTarget.onlyOneClass("selected"),this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&$R(n.prototype,r),o&&$R(n,o),e}();function IR(t){return(IR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LR(t,e){return!e||"object"!==IR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BR(t){return(BR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zR(t,e){return(zR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),LR(this,BR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,image:_b.parseImage(this.props.image||"transparent")}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.state.index)}},{key:"getValue",value:function(){return this.state.image.toString()}},{key:"setValue",value:function(t){this.setState({image:_b.parseImage(t)})}},{key:Gn("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:Gn("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:Gn("$colors"),value:function(){var t=this.state.image;if(!t)return{fill:"transparent"};var e="url"!=t.type?"".concat(t.colorsteps[0].color):"transparent";return(t.type.includes("linear")||t.type.includes("radial"))&&(e=t.colorsteps.map(function(t){return"<span class='color' style='background-color: ".concat(t.color,"' title='").concat(t.color,"'></span>")}).join("")),{innerHTML:"<div> ".concat(e," </div>")}}},{key:"template",value:function(){var t=this.state,e=t.label;t.removable;return"\n            <div class='fill-single-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n\n                        <svg class='color-view' ref='$miniView'>\n                            <defs ref='$fillView'></defs>\n                            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" ref='$fillColor' fill='url(#").concat(this.fillId,")' />\n                        </svg>\n                    </div>\n                </div>\n                <div class='colors' ref='$colors'></div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Pr("changeFillSingle"),value:function(t,e){this.updateData({image:_b.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&MR(n.prototype,r),o&&MR(n,o),e}();function GR(t){return(GR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XR(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function YR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NR(t,e){return!e||"object"!==GR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KR(t){return(KR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WR(t,e){return(WR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UR=["static-gradient","linear-gradient","radial-gradient","image-resource"],ZR={"image-resource":vm.photo},qR={top:{x1:"0%",y1:"100%",x2:"0%",y2:"0%"},"top left":{x1:"100%",y1:"100%",x2:"0%",y2:"0%"},"top right":{x1:"0%",y1:"100%",x2:"100%",y2:"0%"},left:{x1:"100%",y1:"0%",x2:"0%",y2:"0%"},right:{x1:"0%",y1:"0%",x2:"100%",y2:"0%"},bottom:{x1:"0%",y1:"0%",x2:"0%",y2:"100%"},"bottom left":{x1:"100%",y1:"0%",x2:"0%",y2:"100%"},"bottom right":{x1:"0%",y1:"0%",x2:"100%",y2:"100%"}},JR=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],QR=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],tV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NR(this,KR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:oT,RangeEditor:Bx,SelectIconEditor:DR,SelectEditor:Rx}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:_b.parseImage(this.props.value||"transparent")||cb.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:_b.parseImage(t)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var t=this,e=this.state.image,n=(e=e||{}).type||"static-gradient";return"url"===n&&(n="image-resource"),"\n        <div class='fill-editor' data-selected-editor='".concat(n,"'>\n            <div class='gradient-preview'>\n              <div class='gradient-view' ref='$gradientView'>\n                <div class='drag-pointer' ref='$dragPosition'></div>\n              </div>\n              <svg class='pointer-draw' ref='$pointerDrawArea'>\n                <line data-type='line' ref='$line' />\n                <circle r='5' data-type='start' ref='$startPoint' />\n                <circle r='5' data-type='end' ref='$endPoint' />\n                <circle r='5' data-type='center' ref='$centerPoint' />\n                <circle r='5' data-type='f' ref='$fPoint' />\n              </svg>              \n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(vm.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(vm.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(vm.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(vm.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(vm.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(vm.chevron_right,'</div>                \n              </div>\n              <div data-editor=\'image-loader\'>\n                <input type=\'file\' accept="image/*" ref=\'$file\' />\n              </div>              \n            </div>\n            <div class="picker-tab">\n              <div class="picker-tab-list" ref="$tab">\n                ').concat(UR.map(function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(ZR[t]||"","</span></span>")}).join(""),"\n              </div>\n            </div>\n            <div class='gradient-steps' data-editor='gradient'>\n                <div class=\"hue-container\" ref=\"$back\"></div>            \n                <div class=\"hue\" ref=\"$steps\">\n                    <div class='step-list' ref=\"$stepList\" ></div>\n                </div>\n            </div>\n            <div class='tools' data-editor='tools'>\n              <RangeEditor label='Offset' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='Spread' ref='$spreadMethod' value=\"pad\" options='pad,reflect,repeat' key='spreadMethod' onchange='changeKeyValue' />\n                </div>  \n                <div data-editor='patternUnits'>\n                  <SelectEditor label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(QR.map(function(n){return"\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(n,"' ref='$").concat(n,"' value=\"").concat(t.getImageFieldValue(e,n),"\" key='").concat(n,"' onchange='changeKeyValue' />\n                    </div>\n                  ")}).join(""),"\n                                                                                                                                \n            </div>            \n        </div>\n      ")}},{key:"getImageFieldValue",value:function(t,e){var n=t[e];if(E(n))switch(e){case"cx":case"cy":case"r":case"fx":case"fy":return"50%";case"x1":case"y1":case"y2":case"fr":case"imageX":case"imageY":return"0%";case"x2":case"patternWidth":case"patternHeight":case"imageWidth":case"imageHeight":return"100%"}return n}},{key:hn("$file"),value:function(t){var e=this;pl.selection.currentProject&&XR(t.target.files).forEach(function(t){e.emit("update.asset.image",t,function(t){e.trigger("setImageUrl",t)})})}},{key:rn("$el .preset-position [data-value]"),value:function(t){var e=t.$delegateTarget.attr("data-value");qR[e]&&(this.state.image.reset(qR[e]),this.refresh(),this.refreshFieldValue(),this.updateData())}},{key:"refreshFieldValue",value:function(){this.children.$x1.setValue(this.state.image.x1),this.children.$y1.setValue(this.state.image.y1),this.children.$x2.setValue(this.state.image.x2),this.children.$y2.setValue(this.state.image.y2),this.children.$cx.setValue(this.state.image.cx),this.children.$cy.setValue(this.state.image.cy),this.children.$r.setValue(this.state.image.r),this.children.$fx.setValue(this.state.image.fx),this.children.$fy.setValue(this.state.image.fy),this.children.$fr.setValue(this.state.image.fr),this.children.$spreadMethod.setValue(this.state.image.spreadMethod),this.children.$patternUnits.setValue(this.state.image.patternUnits),this.children.$patternWidth.setValue(this.state.image.patternWidth),this.children.$patternHeight.setValue(this.state.image.patternHeight),this.children.$imageX.setValue(this.state.image.imageX),this.children.$imageY.setValue(this.state.image.imageY),this.children.$imageWidth.setValue(this.state.image.imageWidth),this.children.$imagenHeight.setValue(this.state.image.imageHeight)}},{key:"getDrawAreaRect",value:function(){return{width:198,height:150}}},{key:"getFieldValue",value:function(t){return He.parse(this.getImageFieldValue(this.state.image,t))}},{key:Gn("$line"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{x1:this.getFieldValue("x1").toPx(e),y1:this.getFieldValue("y1").toPx(n),x2:this.getFieldValue("x2").toPx(e),y2:this.getFieldValue("y2").toPx(n)}}},{key:Gn("$startPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("x1").toPx(e),cy:this.getFieldValue("y1").toPx(n)}}},{key:Gn("$endPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("x2").toPx(e),cy:this.getFieldValue("y2").toPx(n)}}},{key:Gn("$centerPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("cx").toPx(e),cy:this.getFieldValue("cy").toPx(n)}}},{key:Gn("$fPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("fx").toPx(e),cy:this.getFieldValue("fy").toPx(n)}}},{key:kn("$pointerDrawArea circle[data-type]")+In("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$delegateTarget.attr("data-type"),this.state.cachedRect=null}},{key:"getRectRate",value:function(t,e,n){var r=t.width,o=t.height,i=t.x,a=t.y;return i>e?e=i:i+r<e&&(e=i+r),a>n?n=a:a+o<n&&(n=a+o),{left:He.percent((e-i)/r*100),top:He.percent((n-a)/o*100)}}},{key:"moveDragPointer",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e,o=this.getRectRate(this.containerRect,n,r),i=o.left,a=o.top;"start"==this.type?(this.state.image.reset({x1:i,y1:a}),this.children.$x1.setValue(i),this.children.$y1.setValue(a),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:i,y2:a}),this.children.$x2.setValue(i),this.children.$y2.setValue(a),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:i,cy:a}),this.children.$cx.setValue(i),this.children.$cy.setValue(a),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:i,fy:a}),this.children.$fx.setValue(i),this.children.$fy.setValue(a),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:rn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$delegateTarget.attr("data-editor");this.$el.attr("data-selected-editor",n),this.parent.trigger("changeTabType",n);var r="image-resource"===n?this.state.image.url:this.state.url,o={};JR.forEach(function(t){o[t]=e.children["$".concat(t)].getValue()}),this.state.image=_b.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){HR(t,e,n[e])})}return t}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},o)),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(t){"linear-gradient"===(t=this.$el.attr("data-selected-editor"))?this.emit("addStatusBarMessage",""):"url"===t||"image-resource"===t?this.emit("addStatusBarMessage","Click the preview area if you want to select a image"):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Pr("changeKeyValue"),value:function(t,e){this.state.image.reset(HR({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Pr("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:rn("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,o=t.xy.x;o<n?o=n:o>r&&(o=r);var i=(o-n)/e.width*100;this.state.image.insertColorStep(i),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Gn("$el"),value:function(){var t=this.state.image.type;return"url"===t&&(t="image-resource"),this.parent.trigger("changeTabType",t),{"data-selected-editor":t}}},{key:Gn("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Gn("$gradientView"),value:function(){return{innerHTML:'\n        <svg x="0" y="0" width="100%" height="100%">\n          <defs>\n            '.concat(this.state.image.toSVGString(this.fillId),'\n          </defs>\n          <rect x="0" y="0" width="100%" height="100%" fill="').concat(this.state.image.toFillValue(this.fillId),'" />\n        </svg>\n      ')}}},{key:zn("$stepList"),value:function(){return(this.state.image.colorsteps||[]).map(function(t,e){var n=pl.selection.isSelectedColorStep(t.id)?"selected":"";return"\n      <div class='step ".concat(n,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>')})}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){this.state.id=t,pl.selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find(function(t){return pl.selection.isSelectedColorStep(t.id)}),this.children.$range.setValue(He.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:kn("$stepList .step")+In(),value:function(t){var e=t.$delegateTarget.attr("data-id");if(t.altKey)return this.removeStep(e),!1;this.selectStep(e),this.startXY=t.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(t,e){var n=this.getStepListRect(),r=n.x,o=n.right,i=this.startXY.x+t;i<r?i=r:i>o&&(i=o);var a=(i-r)/n.width*100;this.currentStep.percent=a,this.children.$range.setValue(He.percent(a)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var t=this.state.image;return"linear-gradient(to right, ".concat(Pv.toColorString(t.colorsteps),")")}},{key:Pr("setColorStepColor"),value:function(t){"static-gradient"===this.state.image.type?(this.state.image.setColor(t),this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=t,this.refresh(),this.updateData())}},{key:Pr("setImageUrl"),value:function(t){this.state.image&&(this.state.url=t,this.state.image.reset({url:t}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}},{key:"fillId",get:function(){return this.id+"fill"}}])&&YR(n.prototype,r),o&&YR(n,o),e}();function eV(t){return(eV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function rV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oV(t,e){return!e||"object"!==eV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iV(t){return(iV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aV(t,e){return(aV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oV(this,iV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aV(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='svg-filter-select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <select ref='$options'></select>\n                <button type='button' class='open thin' ref='$open' title='Open SVG Filter Editor'>").concat(vm.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(vm.remove,"</button>\n            </div>\n        ")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:rn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=pl.selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:Gn("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:zn("$options"),value:function(){var t=this,e=pl.selection.currentProject,n="";return e&&(n=(n=e.svgfilters.map(function(t){return t.id})).length?","+n.join(","):""),(n=(n+=",-,new").split(",")).map(function(e){var n=e;if((o=e).includes(":")){var r=nV(o.split(":"),2),o=r[0];n=r[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",o="");var i=o===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(o,'">').concat(n,"</option>")})}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:t.split(this.state.splitChar).map(function(t){return t.trim()})})}},{key:"sendMessage",value:function(t){"new"===t?this.emit("addStatusBarMessage","Create new svg filter"):"-"===t?this.emit("addStatusBarMessage","Select a filter"):this.emit("addStatusBarMessage","")}},{key:hn("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("add.assets.svgfilter",function(e,n){t.updateData({value:n}),t.refresh(),t.trigger("openSVGFilterPopup",e)}):"-"===e||this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$options")}},{key:Pr("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:Pr("changeSVGFilterEditorRealUpdate"),value:function(t){var e=pl.selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&rV(n.prototype,r),o&&rV(n,o),e}();function uV(t){return(uV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lV(t,e){return!e||"object"!==uV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fV(t){return(fV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pV(t,e){return(pV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hV={TextAreaEditor:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lV(this,fV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pV(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:He.px(100),value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.height,r=t.value;return"\n            <div class='text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <textarea ref='$text' style='height:").concat(n,"'>").concat(r,"</textarea>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t,e){this.setState({value:t},!1),e&&this.setState({height:e},!1),this.refresh()}},{key:Gn("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:yn("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&sV(n.prototype,r),o&&sV(n,o),e}(),ColorMatrixEditor:R$,FuncFilterEditor:S$,SVGFilterSelectEditor:cV,FillEditor:tV,FillSingleEditor:FR,BorderEditor:PC,BorderValueEditor:bC,GradientSingleEditor:nx,BackgroundPositionEditor:UP,OffsetPathListEditor:cC,PolygonDataEditor:tC,PathDataEditor:WE,StrokeDashArrayEditor:zE,InputRangeEditor:oT,SelectIconEditor:DR,ImageSelectEditor:z$,EmbedColorPicker:ER,IconListViewEditor:sR,InputArrayEditor:l$,DirectionEditor:SR,SVGClipPathEditor:dR,NumberRangeEditor:Om,TextEditor:o$,SVGFilterEditor:rR,CircleEditor:JC,BackgroundImageEditor:fx,BoxShadowEditor:Px,BorderRadiusEditor:Ux,ColorSingleEditor:e_,ColorViewEditor:c_,CubicBezierEditor:y_,FilterEditor:q_,GradientEditor:bT,IterationCountEditor:PT,OffsetEditor:BC,CSSPropertyEditor:RC,PerspectiveOriginEditor:yE,RangeEditor:Bx,SelectEditor:Rx,SingleRangeEditor:YC,TextShadowEditor:AE,TransformEditor:WT,TransformOriginEditor:oE,VarEditor:RT};function yV(t){return(yV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vV(t,e){return!e||"object"!==yV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bV(t){return(bV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gV(t,e){return(gV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vV(this,bV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gV(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return hV}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title' ref=\"$title\">\n                <label> ".concat(this.hasKeyframe()?"<span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>"):""," <span ref='$propertyTitle'>").concat(this.getTitle(),'</span></label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body'>").concat(this.getBody(),"</div>\n            ").concat(this.getFooter()?"<div class='property-footer'>".concat(this.getFooter(),"</div>"):"","\n        </div>\n        ")}},{key:"setTitle",value:function(t){this.refs.$propertyTitle.text(t)}},{key:"hasKeyframe",value:function(){return!1}},{key:"isHideHeader",value:function(){return!1}},{key:"isFirstShow",value:function(){return!0}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:rn("$title label"),value:function(t){var e=t.$delegateTarget.parent(),n=Ke.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:rn("$title .icon"),value:function(t){t.$delegateTarget.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:rn("$el .property-body .add-timeline-property")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-property"),n=t.$delegateTarget.attr("data-editor");this.emit("add.timeline.current.property",{property:e,editor:n})}},{key:rn("$el .property-title .add-timeline-property")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-property"),n=t.$delegateTarget.attr("data-editor");this.emit("add.timeline.current.property",{property:e,editor:n})}},{key:"isPropertyShow",value:function(){return this.$el.hasClass("show")}},{key:"toggle",value:function(t){this.$el.toggle(t)}},{key:"hide",value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show()}},{key:"onShowTitle",value:function(t){}},{key:"refreshShowIsNot",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=pl.selection.current;n&&(t.includes(n.itemType)?this.hide():(this.show(),e&&this.refresh()))}},{key:"refreshShow",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=pl.selection.current;n&&(t.includes(n.itemType)?(this.show(),e&&this.refresh()):this.hide())}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}}])&&dV(n.prototype,r),o&&dV(n,o),e}();function wV(t){return(wV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OV(t,e){return!e||"object"!==wV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SV(t){return(SV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jV(t,e){return(jV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),OV(this,SV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jV(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Common"}},{key:"getBody",value:function(){return"\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n          <ColorViewEditor ref='$color' label=\"color\" key='background-color' onchange=\"changeColor\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='opacity'></span>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='opacity'\n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeSelect\" />\n        </div>\n        \n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          <SelectEditor \n            label='blend'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            options=\"".concat(lc,'" \n            onchange="changeSelect" />\n        </div>        \n      ')}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)"),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]))}},{key:Pr("changeSelect"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}},{key:Pr("changeColor"),value:function(t,e){this.trigger("changeSelect",t,e)}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}}])&&kV(n.prototype,r),o&&kV(n,o),e}();function xV(t){return(xV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _V(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function TV(t,e){return!e||"object"!==xV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function EV(t){return(EV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function CV(t,e){return(CV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $V=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),RV=["all","top","right","bottom","left"],VV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),TV(this,EV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CV(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Border"}},{key:"afterRender",value:function(){this.refresh()}},{key:zn("$borderDirection"),value:function(){var t=pl.selection.current||{border:{}};return RV.map(function(e){return'<button type="button" data-value="'.concat(e,'" ref="$').concat(e,"\" has-value='").concat(!!t.border[e],"'></button>")})}},{key:"getTemplateForBorderProperty",value:function(){return"\n      <div class=\"property-item border-item\">\n        <div\n          class=\"border-direction\"\n          ref=\"$borderDirection\"\n          data-selected-value=\"all\"\n        ></div>\n        <div class='editor-area'>\n          <RangeEditor label='width' ref='$width' min=\"0\" max=\"100\" step=\"1\" key='width' onchange='changeRangeEditor' />\n        </div>\n        <div class='editor-area'>\n          <SelectEditor label='style' ref='$style' key='style' options='".concat($V,"' onchange=\"changeRangeEditor\" />\n        </div>\n        <div class='editor-area'>\n          <ColorViewEditor ref='$color' label='color'  onchange=\"changeBorderColor\" />\n        </div>\n      </div>\n    ")}},{key:"getBody",value:function(){return"\n        ".concat(this.getTemplateForBorderProperty(),"\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){this.refreshBorderInfo()}},{key:Pr("changeBorderColor"),value:function(){this.refreshBorderInfo()}},{key:"refreshBorderInfo",value:function(){var t=this.refs.$borderDirection.attr("data-selected-value"),e={width:this.children.$width.getValue().clone(),style:this.children.$style.getValue(),color:this.children.$color.getValue()};pl.selection.each(function(n){n.setBorder(t,e)}),this.refresh(),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:rn("$borderDirection button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$borderDirection.attr("data-selected-value",e);var n=pl.selection.current;if(n){n.setBorder(e);var r=n.getBorder(e);r&&(this.children.$width.setValue(r.width||He.px(0)),this.children.$style.setValue(r.style||"none"),this.children.$color.setValue(r.color||"rgba(0, 0, 0, 1)"))}this.refresh()}}])&&_V(n.prototype,r),o&&_V(n,o),e}();function AV(t){return(AV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IV(t,e){return!e||"object"!==AV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MV(t){return(MV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LV(t,e){return(LV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IV(this,MV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LV(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Border Radius"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeBorderRadius"),value:function(t){pl.selection.reset({"border-radius":t}),this.emit("refreshSelectionStyleView")}}])&&DV(n.prototype,r),o&&DV(n,o),e}();function zV(t){return(zV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GV(t,e){return!e||"object"!==zV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HV(t){return(HV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XV(t,e){return(XV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GV(this,HV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XV(t,e)}(e,mV),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx,SelectEditor:Rx}}},{key:"getTitle",value:function(){return"Size"}},{key:Pr("refreshSelection","refreshRect"),value:function(){this.refreshShowIsNot("project")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='width'></span>\n        <RangeEditor ref='$width' label='Width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='height'></span>      \n        <RangeEditor ref='$height' label='Height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n      </div>      \n    "}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView"),this.emit("setSize")}}])&&FV(n.prototype,r),o&&FV(n,o),e}();function NV(t){return(NV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WV(t,e){return!e||"object"!==NV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UV(t){return(UV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZV(t,e){return(ZV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),WV(this,UV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZV(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadows"}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"box-shadow"}},{key:zn("$shadowList"),value:function(){var t=pl.selection.current||{};return"\n      <BoxShadowEditor ref='$boxshadow' value=\"".concat(t["box-shadow"]||"",'" hide-label="true" onChange="changeBoxShadow" />\n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(vm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeBoxShadow"),value:function(t){pl.selection.reset({"box-shadow":t}),this.emit("refreshSelectionStyleView")}}])&&KV(n.prototype,r),o&&KV(n,o),e}();function JV(t){return(JV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tA(t,e){return!e||"object"!==JV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eA(t){return(eA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nA(t,e){return(nA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rA(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var oA=[];["margin","padding"].forEach(function(t){oA.push.apply(oA,rA(["-top","-bottom","-left","-right"].map(function(e){return t+e})))});var iA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tA(this,eA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Box Model"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"getBody",value:function(){return'<div class="property-item box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||He.px(0);return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" />')}},{key:zn("$boxModelItem"),value:function(){var t=pl.selection.current;return t?'\n      <div>\n        <div class="margin">\n          <div data-value="top">\n            '.concat(this.templateInput("margin-top",t),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("margin-bottom",t),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("margin-left",t),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("margin-right",t),'\n          </div>\n        </div>\n        <div class="padding">\n          <div data-value="top">\n            ').concat(this.templateInput("padding-top",t),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("padding-bottom",t),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("padding-left",t),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("padding-right",t),"\n          </div>\n        </div>\n      </div>\n    "):""}},{key:yn("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};oA.forEach(function(n){e[n]=He.px(t.getRef("$",n).value)});var n=pl.selection.current;n&&(n.reset(e),this.emit("refreshElement",n))}}])&&QV(n.prototype,r),o&&QV(n,o),e}();function aA(t){return(aA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uA(t,e){return!e||"object"!==aA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sA(t){return(sA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lA(t,e){return(lA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uA(this,sA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Content"}},{key:Pr("refreshSelection","refreshContent")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:Gn("$contentItem"),value:function(){var t=pl.selection.current;return t?{value:t.content||""}:""}},{key:yn("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=pl.selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvas",{id:t.id,content:e.content,itemType:t.itemType})}}}])&&cA(n.prototype,r),o&&cA(n,o),e}();function pA(t){return(pA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yA(t,e){return!e||"object"!==pA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dA(t){return(dA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vA(t,e){return(vA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yA(this,dA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Font"}},{key:"getClassName",value:function(){return"item"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$color.setValue(t.color||"rgba(0, 0, 0, 1)"),this.children.$size.setValue(t["font-size"]),this.children.$stretch.setValue(t["font-stretch"]||"0%"),this.children.$style.setValue(t["font-style"]),this.children.$family.setValue(t["font-family"]))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='color'></span>\n        <ColorViewEditor ref='$color' label='Color' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-size'></span>\n        <RangeEditor \n          ref='$size' \n          label='Size' \n          key=\"font-size\" \n          removable=\"true\" \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-stretch'></span>\n        <RangeEditor \n          ref='$stretch' \n          label='Stretch' \n          key=\"font-stretch\" \n          removable=\"true\" \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-weight'></span>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='Weight' \n          key='font-weight' \n          removable=\"true\"\n          value=\"400\" \n          min=\"100\"\n          max=\"900\"\n          step=\"1\"\n          calc=\"false\"\n          unit=\"number\" \n          onchange=\"changeRangeEditor\" \n          />\n      </div>              \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$style' \n          label='Style' \n          key=\"font-style\" \n          options=\"normal,italic\" \n          icons='I,I'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='Family' \n          key=\"font-family\" \n          options=\",serif,sans-serif,monospace,cursive,fantasy,system-ui\" \n          onchange=\"changeRangeEditor\" \n        />\n      </div> \n         \n    "}},{key:Pr("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:Pr("changeRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&hA(n.prototype,r),o&&hA(n,o),e}();function gA(t){return(gA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wA(t,e){return!e||"object"!==gA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kA(t){return(kA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OA(t,e){return(OA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wA(this,kA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadows"}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(vm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:zn("$shadowList"),value:function(){var t=pl.selection.current||{};return"\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    ')}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:Pr("changeTextShadow"),value:function(t){pl.selection.reset({"text-shadow":t}),this.emit("refreshSelectionStyleView")}}])&&mA(n.prototype,r),o&&mA(n,o),e}();function jA(t){return(jA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xA(t,e){return!e||"object"!==jA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _A(t){return(_A=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TA(t,e){return(TA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xA(this,_A(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Text Style"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$align.setValue(t["text-align"]),this.children.$transform.setValue(t["text-transform"]),this.children.$decoration.setValue(t["text-decoration"]))}},{key:"getBody",value:function(){return"\n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$align' \n          label='Align' \n          key='text-align' \n          value='left' \n          options=\"left,center,right,justify\" \n          icons=\"align_left,align_center,align_right,align_justify\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$transform' \n          label='Transform' \n          key='text-transform' \n          options=\"uppercase,lowercase,capitalize\"\n          icons='A,a,Aa'\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='Decoration' \n          key='text-decoration' \n          options=\"none,underline,overline,line-through\" \n          icons=\"A,U,O,S\"\n          onchange='changeTextValue' />        \n      </div>                    \n    "}},{key:Pr("changeTextValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&PA(n.prototype,r),o&&PA(n,o),e}();function CA(t){return(CA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $A(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RA(t,e){return!e||"object"!==CA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VA(t){return(VA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AA(t,e){return(AA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RA(this,VA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Font Spacing"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||He.number(1)),this.children.$letter.setValue(t["letter-spacing"]||"0px"),this.children.$word.setValue(t["word-spacing"]||"0px"),this.children.$indent.setValue(t["text-indent"]||"0px"))}},{key:"getBody",value:function(){return'\n\n    <div class=\'property-item\'>\n      <RangeEditor \n        ref=\'$lineHeight\' \n        label=\'line-height\' \n        removable="true" \n        key="line-height" \n        units=",px,%,em"\n        onchange="changeRangeEditor" />\n    </div>       \n      <div class="property-item font-item">\n        <RangeEditor ref=\'$letter\' label=\'Letter\' removable=\'true\' key="letter-spacing" onchange="changeRangeEditor" />\n      </div>\n\n      <div class="property-item font-item">\n        <RangeEditor ref=\'$word\' label=\'Word\' removable=\'true\' key="word-spacing" onchange="changeRangeEditor" />\n      </div>\n\n      <div class="property-item font-item">\n        <RangeEditor ref=\'$indent\' label=\'Indent\' removable=\'true\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    '}},{key:Pr("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=He.number(e.value)),pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&$A(n.prototype,r),o&&$A(n,o),e}();function IA(t){return(IA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LA(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function BA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zA(t,e){return!e||"object"!==IA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FA(t){return(FA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GA(t,e){return(GA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HA=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],XA=HA.map(function(t){return t.key}),YA={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(vm.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(vm.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(vm.repeat," Conic")},NA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zA(this,FA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Border Image"}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(pl.selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:rn("$apply"),value:function(){var t=pl.selection.current;if(t){var e=this.refs.$apply.checked();t.reset({applyBorderImage:e}),this.emit("refreshElement",t)}}},{key:"getColorStepList",value:function(t){switch(t.type){case"static-gradient":case"linear-gradient":case"repeating-linear-gradient":case"radial-gradient":case"repeating-radial-gradient":case"conic-gradient":case"repeating-conic-gradient":return this.getColorStepString(t.colorsteps)}return""}},{key:"getColorStepString",value:function(t){return t.map(function(t){return"<div class='step' data-colorstep-id=\"".concat(t.id,"\" data-selected='").concat(t.selected,"' style='background-color:").concat(t.color,";'></div>")}).join("")}},{key:zn("$borderImageView"),value:function(){var t=(pl.selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?YA[t.type]:"",n="background-image: ".concat(t.image.toString(),"; background-size: cover;");return" \n      <div class='preview' ref=\"$preview\">\n        <div class='mini-view'>\n          <div class='color-view'  style=\"".concat(n,"\" ref=\"$miniView\"></div>\n        </div>\n      </div> \n      <div class='fill-info'>\n        <div class='gradient-info'>\n          <div class='fill-title' ref=\"$fillTitle\">").concat(e,"</div>\n          <div class='colorsteps' ref=\"$colorsteps\">\n            ").concat(this.getColorStepList(t.image),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&XA.forEach(function(t){n.children["$".concat(t,"Slice")].setValue(e)}),this.setBorderImageProperty()}},{key:"getBody",value:function(){pl.selection.current;return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(vm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(vm.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <RangeEditor ref=\'$allSlice\' key=\'border-image-slice\' onchange=\'changeBorderImage\' />\n        </div>\n      </div>\n      <div\n        class="property-item border-slice-item full has-list"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="slice-setting-box" ref="$sliceSettingBox">\n          ').concat(HA.map(function(t){return"\n              <div>\n                <label class='title'>".concat(t.title,"</label>\n              </div>\n              <div>\n                <RangeEditor ref='$").concat(t.key,"Slice' label='Slice' key='border-image-slice-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <RangeEditor ref='$").concat(t.key,"Width' label='Width' key='border-image-width-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>                \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:hn("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:rn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:rn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$delegateTarget.attr("data-colorstep-id");t.$delegateTarget.attr("data-selected",!0);var n=t.$delegateTarget.closest("border-image-item").$(".preview");this.viewFillPopup(n,e)}},{key:"getFillData",value:function(t){var e={type:t.type};switch(e.type){case"image":e.url=t.image?t.image.url:"";break;default:if(t.image){var n=t.image;e.type=n.type,e.colorsteps=LA(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Fe.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Fe.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=pl.selection.current;n&&this.emit("showFillPopup",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){MA(t,e,n[e])})}return t}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=pl.selection.current;if(e){var n,r=e.borderImage;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(YA.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty()}}},{key:"setImage",value:function(t){var e=pl.selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=pl.selection.current;if(e){var n,r=e.borderImage;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(YA[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps))}}},{key:"setGradient",value:function(t){var e=pl.selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:Pr("changeBorderImageFillPopup"),value:function(t){switch(t.type){case"image":this.setImage(t);break;default:this.setGradient(t)}}},{key:"setBorderImageProperty",value:function(){var t=this,e=pl.selection.current;if(e){var n=e.borderImage;if("all"===this.refs.$selector.attr("data-selected-value")){var r=this.children.$allSlice.getValue();n.reset({slice:{top:r.clone(),right:r.clone(),bottom:r.clone(),left:r.clone()}})}else XA.forEach(function(e){n.slice[e]=t.children["$".concat(e,"Slice")].getValue(),n.width[e]=t.children["$".concat(e,"Width")].getValue()});this.emit("refreshElement",e)}}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&BA(n.prototype,r),o&&BA(n,o),e}();function KA(t){return(KA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZA(t,e){return!e||"object"!==KA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qA(t){return(qA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JA(t,e){return(JA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QA=["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"],tD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ZA(this,qA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JA(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Outline"}},{key:"isFirstShow",value:function(){return!1}},{key:"afterRender",value:function(){this.refresh()}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("layer")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item\">\n        <RangeEditor ref='$width' label='Width' min=\"0\" max=\"0\" value=\"0px\" key='width' onchange='changeOutlineValue' />\n      </div>\n      <div class=\"property-item\">\n        <SelectEditor ref='$style' label='Style' key='style' value=\"none\" options=\"".concat(QA,"\" onchange='changeOutlineValue' />        \n      </div>        \n      <div class=\"property-item\">        \n        <ColorViewEditor ref='$color' key='color', onChange=\"changeOutlineColor\" />\n      </div> \n    ")}},{key:"updateData",value:function(t){this.setState(t),this.refreshOutlineInfo()}},{key:Pr("changeOutlineColor"),value:function(t,e){this.updateData(WA({},t,e))}},{key:Pr("changeOutlineValue"),value:function(t,e){this.updateData(WA({},t,e))}},{key:"refreshOutlineInfo",value:function(){var t=pl.selection.current;t&&(t.setOutline(this.state),this.emit("refreshElement",t))}}])&&UA(n.prototype,r),o&&UA(n,o),e}();function eD(t){return(eD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oD(t,e){return!e||"object"!==eD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iD(t){return(iD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aD(t,e){return(aD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oD(this,iD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Animation"}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(vm.add,"</button>\n    ")}},{key:zn("$animationList"),value:function(){var t=this,e=pl.selection.current;return e?e.animations.map(function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' data-index='").concat(n,"' ref=\"animationIndex").concat(n,"\" draggable='true' >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,"'>\n              <canvas class='item-canvas' ref='$itemCanvas").concat(n,"' width=\"30px\" height=\"30px\"></canvas>\n            </div>\n            <div class='name'>\n              <div class='title' ref=\"animationName").concat(n,'">\n                ').concat(e.name?e.name:"&lt; select a keyframe &gt;","\n              </div>\n              <div class='labels'>\n                <label class='count' title='Iteration Count'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='Delay'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='Duration'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='Direction'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='Fill Mode'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='Play State' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(vm.play,"</small>\n                  <small data-play-state-value='paused'>").concat(vm.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(vm.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")}):""}},{key:"drawBezierCanvas",value:function(t,e){e=Zb(e),t.update(function(){var n=t.width(),r=t.height(),o=t.context();o.lineWidth=2,o.strokeStyle="white",o.beginPath(),o.moveTo(0,r),o.bezierCurveTo(e[0]*n,0==e[1]?r:(1-e[1])*r,e[2]*n,1==e[3]?0:(1-e[3])*r,n,0),o.stroke()})}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=pl.selection.current;e&&e.animations.forEach(function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)})}},{key:rn("$add"),value:function(t){var e=pl.selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:sn("$animationList .animation-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$animationList .animation-item")+Ln,value:function(t){}},{key:ln("$animationList .animation-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(this.selectItem(this.startIndex,!0),n.sortAnimation(this.startIndex,e),this.emit("refreshElement",n),this.refresh(),this.viewAnimationPicker(this.getRef("$preview",this.selectedIndex)))}},{key:"getCurrentAnimation",value:function(){return this.current.animations[this.selectedIndex]}},{key:rn("$animationList .tools .del"),value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$animationList .play-state"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$delegateTarget.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["animationIndex".concat(t)].addClass("selected"):this.refs["animationIndex".concat(t)].removeClass("selected"),this.current&&this.current.animations.forEach(function(e,n){e.selected=n===t})}},{key:"viewAnimationPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentAnimation=this.current.animations[this.selectedIndex];var e=this.currentAnimation,n=e.name,r=e.direction,o=e.duration,i=e.timingFunction,a=e.delay,c=e.iterationCount,u=e.playState,s=e.fillMode;this.emit("showAnimationPropertyPopup",{name:n,position:t,direction:r,duration:o,timingFunction:i,delay:a,iterationCount:c,playState:u,fillMode:s})}}},{key:rn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$delegateTarget)}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.refs[e.join("")]}},{key:"refreshAnimationPropertyInfo",value:function(t,e){if(e.name)(n=this.getRef("animationName",this.selectedIndex)).text(e.name);else if(e.width||e.height||e.size){var n=this.getRef("size",this.selectedIndex);switch(t.size){case"contain":case"cover":var r=t.size;break;default:r="".concat(t.width,"/").concat(t.height)}n.text(r)}else if(e.repeat){(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat)}else e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:Pr("changeAnimationPropertyPopup"),value:function(t){this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){nD(t,e,n[e])})}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&rD(n.prototype,r),o&&rD(n,o),e}();function uD(t){return(uD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lD(t,e){return!e||"object"!==uD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fD(t){return(fD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pD(t,e){return(pD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lD(this,fD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Keyframes"}},{key:"getBody",value:function(){return"<div class='keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(vm.add,"</button>\n    ")}},{key:"makeProperty",value:function(t){var e=t.key;return"x"===e?e="left":"y"===e&&(e="top"),"\n      <div class='offset-property-item'>\n        <label>".concat(e,":</label>\n        <div class='value'>").concat(t.value,"</div>\n      </div>\n    ")}},{key:"makeOffset",value:function(t){var e=this;return"\n      <div class='offset'>\n        <label>".concat(t.offset,"</label>\n        <div class='properties'>\n          ").concat(t.properties.map(function(t){return e.makeProperty(t)}).join(""),"\n        </div>        \n      </div>\n    ")}},{key:"makeKeyframeTemplate",value:function(t,e){var n=this;return e=e.toString(),"\n      <div class='keyframe-item' data-selected-value='".concat(t.selectedType,"' ref='$keyframeIndex").concat(e,"' data-index='").concat(e,"'>\n        <div class='title'>\n          <div class='name'>").concat(t.name,"</div>\n          <div class='tools'>\n            <div class='group'>\n              <button type=\"button\" data-type='list'>").concat(vm.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(vm.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(vm.remove2,"</button>\n          </div>\n        </div>\n        <div class='offset-list'>\n          <div class='container'>\n            ").concat(t.offsets.map(function(t){return"\n              <div class='offset' style='left: ".concat(t.offset,"; background-color: ").concat(t.color,"'></div>\n              ")}).join(""),"\n          </div>\n        </div>\n        <div class='keyframe-code' data-type='list'>\n          ").concat(t.offsets.map(function(t){return n.makeOffset(t)}).join(""),"\n        </div>\n        <div class='keyframe-code' data-type='code'>\n          <pre>").concat(t.toString().trim(),"</pre>\n        </div>        \n      </div>\n    ")}},{key:rn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$delegateTarget.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$delegateTarget.attr("data-type"),o=pl.selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:rn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$delegateTarget.closest("keyframe-item").attr("data-index");pl.selection.currentProject&&this.viewKeyframePicker(e)}},{key:rn("$keyframeList .del")+Ln,value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshStyleView",n),this.refresh())}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:zn("$keyframeList"),value:function(){var t=this,e=pl.selection.currentProject;if(!e)return"";var n=e.keyframe?Hs.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map(function(e,n){return t.makeKeyframeTemplate(e,n)})}},{key:rn("$add"),value:function(){var t=pl.selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshStyleView",t)):alert("Please select a project.")}},{key:"viewKeyframePicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t,this.selectItem(this.selectedIndex,!0),this.current=pl.selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.getRef("$keyframeIndex",t).addClass("selected"):this.getRef("$keyframeIndex",t).removeClass("selected"),this.current&&this.current.keyframes.forEach(function(e,n){e.selected=n===t})}},{key:"viewKeyframePropertyPopup",value:function(t){if(this.current=pl.selection.currentProject,this.current){this.currentKeyframe=this.current.keyframes[this.selectedIndex];var e=this.currentKeyframe,n=e.name,r=e.offsets;this.emit("showKeyframePopup",{position:t,name:n,offsets:r})}}},{key:Pr("changeKeyframePopup"),value:function(t){var e=pl.selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshStyleView",e))}}])&&sD(n.prototype,r),o&&sD(n,o),e}();function yD(t){return(yD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vD(t,e){return!e||"object"!==yD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bD(t){return(bD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gD(t,e){return(gD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vD(this,bD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Background"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>\n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(vm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:zn("$property"),value:function(){var t=(pl.selection.current||{})["background-image"]||"";return"<BackgroundImageEditor \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(t,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("changeBackgroundImage")+An(10),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}}])&&dD(n.prototype,r),o&&dD(n,o),e}();function wD(t){return(wD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kD(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function OD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SD(t,e){return!e||"object"!==wD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jD(t){return(jD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PD(t,e){return(PD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xD=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],_D=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SD(this,jD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Filter"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getBody",value:function(){return"<div class='full filter-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$filterSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Filter">'.concat(vm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:zn("$filterSelect"),value:function(){var t=xD.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(kD(t),[{title:"-------",value:""}],kD(e)):kD(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}})),e}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Pr("changeFilterEditor"),value:function(t){pl.selection.reset({filter:t}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$filterSelect")}}])&&OD(n.prototype,r),o&&OD(n,o),e}();function TD(t){return(TD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ED(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function CD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $D(t,e){return!e||"object"!==TD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RD(t){return(RD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function VD(t,e){return(VD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$D(this,RD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&VD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"CodeView"}},{key:Pr("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+An(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:"filterKeyName",value:function(t){return t.split(";").filter(function(t){return t.trim()}).map(function(t){var e=ED((t=t.trim()).split(":"),2),n=e[0],r=e[1];return"<strong>".concat(n,"</strong>:").concat(r,";\n")}).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:zn("$body"),value:function(){var t=this,e=pl.selection.currentProject,n=e?e.toKeyframeString():"",r=e?Y(e.toRootVariableCSS()):"",o=e?e.toSVGString():"";r=this.filterKeyName(r.trim()),n=this.modifyNewLine(n.trim()),o=o.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var i=pl.selection.current,a=i?U(i.toExport()):"",c=i?i.toNestedCSS().map(function(e){return"".concat(e.selector," { \n").concat(t.filterKeyName(U(e.cssText)),"\n}")}):[],u=i?U(i.toExportSVGCode()):"",s=i?i.selectors:[];return a=this.filterKeyName(a.trim()),"\n      <div class=''>\n       \n        ".concat(a?"<div>\n          <pre title='CSS'>".concat(a,"</pre>\n          </div>"):"","\n        \n        ").concat(c.map(function(t){return"<div>\n          <pre title='CSS'>".concat(t,"</pre>\n          </div>")}).join(""),"\n\n        ").concat(u?"<div>\n          <pre title='SVG'>".concat(u,"</pre>\n          </div>"):"","        \n\n        ").concat(s.length?"<div>\n            ".concat(s.map(function(t){return"<pre title='".concat(t.selector,"'>").concat(t.toPropertyString(),"</pre>")}).join(""),"\n            \n          </div>"):"","\n\n        ").concat(n?"<div>\n          <pre title='Keyframe'>".concat(n,"</pre>\n        </div>"):"","\n        ").concat(r?"<div>\n          <label>:root</label>\n          <pre>".concat(r,"</pre>\n          </div>"):"","\n        ").concat(o?"<div>\n            <pre title='SVG'>".concat(o,"</pre>\n          </div>"):"","\n\n      </div>\n    ")}}])&&CD(n.prototype,r),o&&CD(n,o),e}();function DD(t){return(DD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ID(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function MD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LD(t,e){return!e||"object"!==DD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BD(t){return(BD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zD(t,e){return(zD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FD=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],GD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),LD(this,BD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Backdrop Filter"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBody",value:function(){return"<div class='full filter-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$filterSelect"></select>\n      <button type="button" ref="$add" title="add Filter">'.concat(vm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:zn("$filterSelect"),value:function(){var t=FD.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(ID(t),[{title:"-------",value:""}],ID(e)):ID(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){return{title:"svg - #".concat(t.id),value:t.id}})),e}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Pr("changeFilterEditor"),value:function(t){pl.selection.reset({"backdrop-filter":t}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}}])&&MD(n.prototype,r),o&&MD(n,o),e}();function HD(t){return(HD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YD(t,e){return!e||"object"!==HD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ND(t){return(ND=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KD(t,e){return(KD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YD(this,ND(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Variables"}},{key:"getClassName",value:function(){return"item"}},{key:"getBody",value:function(){return"<div class='property-item full var-property' ref='$body'></div>"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(vm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$varEditor.trigger("add")}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).variable||"";return"<VarEditor ref='$varEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeVarEditor' />")}},{key:Pr("changeVarEditor"),value:function(t){var e=pl.selection.current;e&&(e.reset({variable:t}),this.emit("refreshElement"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot()}}])&&XD(n.prototype,r),o&&XD(n,o),e}();function UD(t){return(UD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qD(t,e){return!e||"object"!==UD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JD(t){return(JD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QD(t,e){return(QD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qD(this,JD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QD(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Root Variables"}},{key:"getClassName",value:function(){return"item"}},{key:"getBody",value:function(){return"<div class='property-item full var-property' ref='$body'></div>"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(vm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$varEditor.trigger("add")}},{key:zn("$body"),value:function(){var t=(pl.selection.currentProject||{}).rootVariable||"";return"<VarEditor ref='$varEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeVarEditor' />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("artboard")}},{key:Pr("changeVarEditor"),value:function(t){var e=pl.selection.currentProject;e&&(e.reset({rootVariable:t}),this.emit("refreshStyleView",e))}}])&&ZD(n.prototype,r),o&&ZD(n,o),e}();function eI(t){return(eI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rI(t,e){return!e||"object"!==eI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oI(t){return(oI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iI(t,e){return(iI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],cI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rI(this,oI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Transform"}},{key:"getBody",value:function(){return"<div class='full transform-property' ref='$body'></div>"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform"}},{key:"getTools",value:function(){return'\n      <select ref="$transformSelect">\n      '.concat(aI.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(vm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).transform;return"<TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />")}},{key:Pr("changeTransformEditor"),value:function(t){pl.selection.reset({transform:t}),pl.selection.each(function(e){e.reset({transform:to.replaceAll(e.transform,t)})}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection","refreshSelectionStyleView","refreshStyleView")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&nI(n.prototype,r),o&&nI(n,o),e}();function uI(t){return(uI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lI(t,e){return!e||"object"!==uI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fI(t){return(fI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pI(t,e){return(pI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hI=["circle","ellipse","inset","polygon","path","svg"],yI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lI(this,fI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Clip Path"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(hI.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Clip Path">').concat(vm.add,"</button>\n    ")}},{key:"makeClipPathTemplate",value:function(t){return"\n      <div class='clippath-item'>\n        <div class='title'>\n          <div class='name'>".concat(t,'</div>\n          <div class=\'tools\'>\n              <button type="button" class="del">\n                ').concat(vm.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$clippathList .clippath-item"),value:function(t){pl.selection.current&&this.viewClipPathPicker()}},{key:rn("$clippathList .del")+Ln,value:function(t){var e=pl.selection.current;e&&(e["clip-path"]="",this.refresh(),this.emit("refreshElement",e),this.emit("hideClipPathPopup"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:zn("$clippathList"),value:function(){var t=pl.selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:rn("$add"),value:function(){var t=pl.selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("refreshElement",t)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=pl.selection.current;if(t){var e=ed.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"draw";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:t,d:n,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":t["clip-path"]})}}}},{key:Pr("updateClipPathString"),value:function(t){var e=pl.selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("refreshElement",e))}},{key:Pr("changeClipPathPopup"),value:function(t){var e=pl.selection.current;e&&(e.reset(t),this.refresh(),this.emit("refreshElement",e))}}])&&sI(n.prototype,r),o&&sI(n,o),e}();function dI(t){return(dI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function bI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gI(t,e){return!e||"object"!==dI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mI(t){return(mI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wI(t,e){return(wI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gI(this,mI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"getBody",value:function(){return"<div class='transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(vm.add,"</button>\n    ")}},{key:zn("$transitionList"),value:function(){var t=this,e=pl.selection.current;return e?e.transitions.map(function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\" draggable='true' >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,"'>\n              <canvas class='item-canvas' ref='$itemCanvas").concat(n,"' width=\"30px\" height=\"30px\"></canvas>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <label class='property' title='Property'>").concat(e.property,"</label>                              \n                <label class='duration' title='Duration'><small>Duration: ").concat(e.duration,"</small></label>\n                <label class='delay' title='Delay'><small>Delay: ").concat(e.delay,'</small></label>                \n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(vm.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")}):""}},{key:"drawBezierCanvas",value:function(t,e){e=Zb(e),t.update(function(){var n=t.width(),r=t.height(),o=t.context();o.lineWidth=2,o.strokeStyle="white",o.beginPath(),o.moveTo(0,r),o.bezierCurveTo(e[0]*n,0==e[1]?r:(1-e[1])*r,e[2]*n,1==e[3]?0:(1-e[3])*r,n,0),o.stroke()})}},{key:Pr("refreshSelection"),value:function(){this.refreshShowIsNot(),this.emit("hideTransitionPropertyPopup")}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=pl.selection.current;e&&e.transitions.forEach(function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)})}},{key:rn("$add"),value:function(t){var e=pl.selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:sn("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$transitionList .transition-item")+Ln,value:function(t){}},{key:ln("$transitionList .transition-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(this.selectItem(this.startIndex,!0),n.sortTransition(this.startIndex,e),this.emit("refreshElement",n),this.refresh(),this.viewTransitionPicker(this.getRef("$preview",this.selectedIndex)))}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:rn("$transitionList .tools .del"),value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$transitionList .play-state"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$delegateTarget.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["transitionIndex".concat(t)].addClass("selected"):this.refs["transitionIndex".concat(t)].removeClass("selected"),this.current&&this.current.transitions.forEach(function(e,n){e.selected=n===t})}},{key:"viewTransitionPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentTransition=this.current.transitions[this.selectedIndex];var e=this.currentTransition,n=e.property,r=e.duration,o=e.timingFunction,i=e.delay;this.emit("showTransitionPropertyPopup",{property:n,duration:r,timingFunction:o,delay:i})}}},{key:rn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$delegateTarget)}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.refs[e.join("")]}},{key:Pr("changeTransitionPropertyPopup"),value:function(t){this.currentTransition&&(this.currentTransition.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){vI(t,e,n[e])})}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&bI(n.prototype,r),o&&bI(n,o),e}();function OI(t){return(OI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SI(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function jI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function PI(t,e){return!e||"object"!==OI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xI(t){return(xI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _I(t,e){return(_I=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),PI(this,xI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_I(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Computed CodeView"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refresh()}},{key:"isHideHeader",value:function(){return!0}},{key:Pr("refreshComputedStyleCode"),value:function(t){this.setState({css:t})}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:"filterKeyName",value:function(t){return t.split(";").filter(function(t){return t.trim()}).map(function(t){var e=SI((t=t.trim()).split(":"),2),n=e[0],r=e[1];return"<strong>".concat(n,"</strong>:").concat(r,";\n")}).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n")}},{key:zn("$body"),value:function(){var t=pl.selection.current,e=t?t.toExport().replace(/;/gi,";\n"):"",n=this.state.css?Y(this.state.css):e,r=t?t.toKeyframeString():"";return n=this.filterKeyName(n.trim()),r=this.modifyNewLine(r.trim()),"\n      <div class=''>\n        ".concat(r?'<div>\n          <pre title="Keyframe">'.concat(r,"</pre>\n        </div>"):"","\n\n        ").concat(n?'<div>\n          <pre title="CSS">'.concat(n,"</pre>\n          </div>"):"","\n\n      </div>\n    ")}}])&&jI(n.prototype,r),o&&jI(n,o),e}();function EI(t){return(EI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $I(t,e){return!e||"object"!==EI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RI(t){return(RI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function VI(t,e){return(VI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$I(this,RI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&VI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Perspective Origin"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(vm.remove,"</button>\n    ")}},{key:rn("$remove"),value:function(){this.trigger("changePerspectiveOrigin","")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item full perspective-origin-item\" ref='$body'></div>\n    "}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("changePerspectiveOrigin"),value:function(t){pl.selection.reset({"perspective-origin":t}),this.emit("refreshSelectionStyleView")}}])&&CI(n.prototype,r),o&&CI(n,o),e}();function DI(t){return(DI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function II(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MI(t,e){return!e||"object"!==DI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LI(t){return(LI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BI(t,e){return(BI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),MI(this,LI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Perspective"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(vm.remove,"</button>\n    ")}},{key:rn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:zn("$perspective"),value:function(){var t=(pl.selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Pr("changePerspective"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}}])&&II(n.prototype,r),o&&II(n,o),e}();function FI(t){return(FI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HI(t,e){return!e||"object"!==FI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XI(t){return(XI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YI(t,e){return(YI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),HI(this,XI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Transform Origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(vm.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:rn("$remove"),value:function(){this.trigger("changeTransformOrigin","")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item full transform-origin-item\" ref='$body'></div>\n    "}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:Pr("refreshSelection","refreshSelectionStyleView")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Pr("changeTransformOrigin"),value:function(t){pl.selection.reset({"transform-origin":t}),this.emit("refreshSelectionStyleView")}}])&&GI(n.prototype,r),o&&GI(n,o),e}();function KI(t){return(KI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UI(t,e){return!e||"object"!==KI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZI(t){return(ZI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qI(t,e){return(qI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UI(this,ZI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qI(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:zn("$backgroundClip"),value:function(){var t=(pl.selection.current||{})["background-clip"]||"";return"<SelectEditor ref='$1' key='background-clip' icon=\"true\" value=\"".concat(t,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}}])&&WI(n.prototype,r),o&&WI(n,o),e}();function QI(t){return(QI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eM(t,e){return!e||"object"!==QI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nM(t){return(nM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rM(t,e){return(rM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oM=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),iM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eM(this,nM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Selector"}},{key:"getBody",value:function(){return"<div class='selector-list' ref='$selectorList'></div>"}},{key:"getTools",value:function(){return"\n      <div style='display:inline-block;'>\n        <SelectEditor ref='$select' key='selector' icon=\"true\" none-value=\"selector\" options=\"".concat(oM,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(vm.add,"</button>\n    ")}},{key:"makeSelectorTemplate",value:function(t,e){return e=e.toString(),"\n      <div class='selector-item' draggable='true' ref='$selectorIndex".concat(e,"' data-index='").concat(e,"'>\n        <div class='title'>\n          <div class='name'>\n            <span>").concat(t.selector||"&lt;none selector&gt;",'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(vm.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$selectorList .selector-item .name"),value:function(t){var e=+t.$delegateTarget.closest("selector-item").attr("data-index");pl.selection.current&&this.viewSelectorPicker(e)}},{key:rn("$selectorList .selector-item .del")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:zn("$selectorList"),value:function(){var t=this,e=pl.selection.current;if(!e)return"";var n=e.selector?Gy.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map(function(e,n){return t.makeSelectorTemplate(e,n)})}},{key:sn("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$selectorList .selector-item")+Ln,value:function(t){}},{key:ln("$selectorList .selector-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$add"),value:function(){var t=pl.selection.current;t&&(t.createSelector({selector:this.children.$select.getValue()}),this.emit("refreshElement",t)),this.refresh()}},{key:"viewSelectorPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t,this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.getRef("$selectorIndex",t).addClass("selected"):this.getRef("$selectorIndex",t).removeClass("selected"),this.current&&this.current.selectors.forEach(function(e,n){e.selected=n===t})}},{key:"viewSelectorPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentSelector=this.current.selectors[this.selectedIndex];var e=this.currentSelector,n=e.selector,r=e.properties;this.emit("showSelectorPopup",{position:t,selector:n,properties:r})}}},{key:Pr("changeSelectorPopup"),value:function(t){this.current=pl.selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&tM(n.prototype,r),o&&tM(n,o),e}();function aM(t){return(aM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uM(t,e){return!e||"object"!==aM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sM(t){return(sM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lM(t,e){return(lM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uM(this,sM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Position"}},{key:Pr("refreshSelection","refreshRect")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:zn("$positionItem"),value:function(){var t=pl.selection.current;return t?"\n      <div class='property-item'>\n        <SelectIconEditor ref='$position' icon=\"true\" key='position' value='".concat(t.position,"' options='absolute,relative,fixed,static' onchange=\"changRangeEditor\" />\n      </div>    \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='x'></span>\n        <RangeEditor ref='$x' label='X' key='x' value='").concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='y'></span>\n        <RangeEditor ref='$y' label='Y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n      </div>\n    "):""}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&cM(n.prototype,r),o&&cM(n,o),e}();function pM(t){return(pM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yM(t,e){return!e||"object"!==pM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dM(t){return(dM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vM(t,e){return(vM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yM(this,dM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Projects"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(vm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){this.emit("add.project")}},{key:"getBody",value:function(){return'\n      <div class="project-list" ref="$projectList"></div>\n    '}},{key:zn("$projectList")+Vn,value:function(){return(pl.projects||[]).map(function(t,e){var n=t===pl.selection.currentProject?"selected":"";return"\n        <div class='project-item ".concat(n,"'>\n          <div class='detail'>\n            <label data-index='").concat(e,"'>").concat(t.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(e,"\" title='Remove'>").concat(vm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})}},{key:on("$projectList .project-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(t,e){var n=pl.projects[t];n&&n.reset({name:e})})}},{key:cn("$projectList .project-item label")+Cn("Enter")+Ln+Bn,value:function(t){return this.modifyDoneInputEditing(t.$delegateTarget),!1}},{key:vn("$projectList .project-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectProject",value:function(t){t&&(pl.selection.selectProject(t),t.artboards.length&&(pl.selection.selectArtboard(t.artboards[0]),pl.selection.select())),this.emit("refreshAllSelectProject")}},{key:rn("$projectList .project-item label"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.selectProject(pl.projects[e])}},{key:rn("$projectList .project-item .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.projects.splice(e);var n=pl.projects[e]||pl.projects[e-1];this.selectProject(n)}},{key:Pr("refreshProjectList"),value:function(){this.refresh()}}])&&hM(n.prototype,r),o&&hM(n,o),e}();function gM(t){return(gM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wM(t,e){return!e||"object"!==gM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kM(t){return(kM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OM(t,e){return(OM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wM(this,kM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"ArtBoards"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(vm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list" ref="$artboardList"></div>\n    '}},{key:zn("$artboardList")+Vn,value:function(){var t=pl.selection.currentProject;return t?t.artboards.map(function(t,e){var n=t===pl.selection.currentArtboard?"selected":"";return"\n        <div class='artboard-item ".concat(n,"'>\n          <div class='preview'>").concat(vm.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(e,"'>").concat(t.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(e,"\" title='Remove'>").concat(vm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}):""}},{key:on("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,function(t,n){var r=pl.selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}})}},{key:cn("$artboardList .artboard-item label")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$artboardList .artboard-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectArtboard",value:function(t){t&&(pl.selection.selectArtboard(t),pl.selection.select(t)),this.emit("refreshAllSelectArtBoard")}},{key:rn("$add"),value:function(t){this.emit("add.artboard")}},{key:rn("$artboardList .artboard-item .remove"),value:function(t){var e=pl.selection.currentProject;if(e){var n=+t.$delegateTarget.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.selectArtboard(r)}}},{key:rn("$artboardList .artboard-item label"),value:function(t){var e=pl.selection.currentProject;if(e){t.$delegateTarget.closest("artboard-item").onlyOneClass("selected");var n=+t.$delegateTarget.attr("data-index"),r=e.artboards[n];this.selectArtboard(r)}}},{key:Pr("refreshArtBoardList"),value:function(){this.refresh()}}])&&mM(n.prototype,r),o&&mM(n,o),e}();function jM(t){return(jM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xM(t,e){return!e||"object"!==jM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _M(t){return(_M=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TM(t,e){return(TM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xM(this,_M(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"<span>".concat(vm.account_tree,"</span> Layers")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(vm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="layer-list" ref="$layerList"></div>\n    '}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return vm.circle;case"image":return vm.photo;case"text":case"svg-textpath":return vm.title;case"cube":return vm.cube;case"svg-path":case"svg-polygon":var e=0===t.width.value?0:24/t.width.value,n=e>1?1:1/(0===e?1:e);switch(t.itemType){case"svg-path":return'<svg viewBox="0 0 '.concat(t.width.value," ").concat(t.height.value,'"><path d="').concat(t.d,'" stroke-width="').concat(n,'" /></svg>');case"svg-polygon":return'<svg viewBox="0 0 '.concat(t.width.value," ").concat(t.height.value,'"><polygon points="').concat(t.points,'" stroke-width="').concat(n,'" /></svg>')}default:return vm.rect}}},{key:"makeLayerList",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return t.layers?t.layers.map(function(t,r){var o=pl.selection.check(t)?"selected":"",i=t.name;return t.is("text")&&(i=t.text||t.name),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label> \n            <span class='icon' data-item-type=\"").concat(t.itemType,'">').concat(e.getIcon(t),"</span> \n            <span class='name'>").concat(i,'</span>\n          </label>\n          <div class="tools">\n            <button type="button" class="lock" data-lock="').concat(t.lock,"\" title='Lock'>").concat(t.lock?vm.lock:vm.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(vm.visible,'</button>\n            <button type="button" class="copy" title=\'Copy\'>').concat(vm.copy,'</button>\n            <button type="button" class="remove" title=\'Remove\'>').concat(vm.remove2,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")}).join(""):""}},{key:Pr("refreshContent"),value:function(t){this.refresh()}},{key:zn("$layerList")+Vn,value:function(){var t=pl.selection.currentArtboard;return t?this.makeLayerList(t,0):""}},{key:sn("$layerList .layer-item"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id");t.dataTransfer.setData("layer/id",e)}},{key:fn("$layerList .layer-item")+Ln,value:function(t){}},{key:ln("$layerList .layer-item"),value:function(t){var e=t.dataTransfer.getData("layer/id");console.log(e)}},{key:on("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(e,n){var r=t.closest("layer-item").attr("data-layer-id"),o=pl.selection.currentArtboard;if(o){var i=o.searchById(r);i&&i.reset({name:n})}})}},{key:cn("$layerList .layer-item .name")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$layerList .layer-item .name")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectLayer",value:function(t){t&&pl.selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(pl.selection.select(t),this.emit("refreshAllSelectArtBoard"))}},{key:rn("$add"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=e.add(new kd({"background-color":Ee.random(),width:He.px(200),height:He.px(100)}));this.addLayer(n)}}},{key:rn("$layerList .layer-item .remove"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id");e.searchById(n).remove(),this.emit("refreshAllSelectArtBoard")}}},{key:rn("$layerList .layer-item label"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);pl.selection.select(o),this.emit("refreshSelection")}}},{key:rn("$layerList .layer-item .visible"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.toggle("visible"),t.$delegateTarget.attr("data-visible",r.visible),this.emit("refreshElement",r)}}},{key:rn("$layerList .layer-item .lock"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.toggle("lock"),t.$delegateTarget.attr("data-lock",r.lock),this.emit("refreshElement",r)}}},{key:rn("$layerList .layer-item .copy"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n).copy();pl.selection.select(r),this.refresh(),this.emit("refreshElement")}}},{key:Pr("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach(function(t){t.removeClass("selected")})}},{key:Pr("changeSelection"),value:function(){var t=this;if(this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach(function(t){t.removeClass("selected")});var e=pl.selection.items.map(function(t){return'[data-layer-id="'.concat(t.id,'"]')}).join(",");e&&this.refs.$layerList.$$(e).forEach(function(e){e.addClass("selected");var n=pl.selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))})}}},{key:Pr("refreshSelection","refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:Pr("refreshLayerTreeView"),value:function(){this.refresh()}}])&&PM(n.prototype,r),o&&PM(n,o),e}();function CM(t){return(CM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $M(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function RM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VM(t,e){return!e||"object"!==CM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AM(t){return(AM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DM(t,e){return(DM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var IM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VM(this,AM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DM(t,e)}(e,mV),n=e,(r=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Pr("refreshSelection"),value:function(){this.refreshShow("artboard")}},{key:"initState",value:function(){return{selectedIndex:0,sizeList:[{category:"Web",groups:[{group:"Landscape",devices:[{device:"Web Small",size:"1024x600"},{device:"Web Medium",size:"1280x800"},{device:"Web Large",size:"1440x900"},{device:"Web X Large",size:"1920x1200"}]},{group:"Portrait",devices:[{device:"Web Small",size:"600x1024"},{device:"Web Medium",size:"800x1280"},{device:"Web Large",size:"900x1440"},{device:"Web X Large",size:"1200x1920"}]}]},{category:"Apple Devices",groups:[{group:"iphone",devices:[{device:"iPhone 8",size:"375x667"},{device:"iPhone 8 Plus",size:"414x736"},{device:"iPhone SE",size:"320x568"},{device:"iPhone XS",size:"375x812"},{device:"iPhone XR",size:"414x896"},{device:"iPhone XS Max",size:"414x896"}]},{group:"ipad",devices:[{device:"iPad",size:"768x1024"},{device:"iPad Pro",size:"1024x1366"}]},{group:"apple watch",devices:[{device:"Apple Watch 38nm",size:"272x340"},{device:"Apple Watch 40nm",size:"326x394"},{device:"Apple Watch 42nm",size:"313x390"},{device:"Apple Watch 44nm",size:"368x448"}]},{group:"apple tv",devices:[{device:"Apple TV",size:"1920x1080"}]},{group:"MAC",devices:[{device:"Touch Bar",size:"1085x30"}]}]},{category:"Android Devices",groups:[{group:"android mobile",devices:[{device:"Android Mobile",size:"360x640"}]},{group:"android tablet",devices:[{device:"Android Tablet",size:"768x1024"}]}]}]}}},{key:"getTitle",value:function(){return"Preset"}},{key:"getTools",value:function(){var t=this.state.sizeList.map(function(t,e){return{category:t.category,index:e}});return"\n      <SelectEditor ref='$select' value=\"".concat(t[0].category,'" options="').concat(t.map(function(t){return t.category}).join(","),"\" onchange='changeSizeIndex'/>\n    ")}},{key:Pr("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;this.state.sizeList.forEach(function(t,r){t.category===e&&(n=r)}),this.state.selectedIndex=n,this.refresh()}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("artboard")}},{key:"getBody",value:function(){return"\n      <div class='artboard-size-item' ref='$list'></div>\n    "}},{key:"makeDevice",value:function(t){return"\n      <div class='device-item' data-size='".concat(t.size,"'>\n        <div class='title'>").concat(t.device,"</div>\n        <div class='size'>").concat(t.size,"</div>\n      </div>\n    ")}},{key:rn("$list .device-item"),value:function(t){var e=t.$delegateTarget.attr("data-size");this.emit("resize.artboard",e)}},{key:"makeGroup",value:function(t){var e=this;return"\n      <div class='group-item'>\n        <div class='title'>".concat(t.group,"</div>\n      </div>\n      <div class='devices'>\n        ").concat(t.devices.map(function(t){return e.makeDevice(t)}).join(""),"\n      </div>\n    ")}},{key:"makeCategory",value:function(t){var e=this;return"\n      <div class='category'>\n        <div class='title'>".concat(t.category,"</div>\n      </div>\n      <div class='groups'>\n        ").concat(t.groups.map(function(t){return e.makeGroup(t)}).join(""),"\n      </div>\n    ")}},{key:zn("$list")+Vn,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map(function(e){return t.makeGroup(e)})}},{key:Pr("changeBoardSize"),value:function(t,e){var n=pl.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=$M(e.split("x"),2),o=r[0],i=r[1];o=He.px(o),i=He.px(i),n.reset({width:o,height:i}),this.emit("refreshElement",n)}}}])&&RM(n.prototype,r),o&&RM(n,o),e}();function MM(t){return(MM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function BM(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function zM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FM(t,e){return!e||"object"!==MM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GM(t){return(GM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HM(t,e){return(HM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XM=["","100x100","200x200","300x300","400x300","900x600","1024x762"],YM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FM(this,GM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HM(t,e)}(e,mV),n=e,(r=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return"Image"}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> Original </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>".concat(vm.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"Size\" key='size' value='' options='").concat(XM.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Pr("changeImageSize"),value:function(t,e){var n=BM(e.split("x").map(function(t){return He.px(t)}),2),r=n[0],o=n[1];pl.selection.reset({width:r,height:o}),this.emit("refreshElement")}},{key:rn("$resize"),value:function(){var t=pl.selection.current;t&&(t.resize(),this.emit("refreshElement",t))}},{key:Gn("$sizeInfo"),value:function(){var t=pl.selection.current||{};return{innerHTML:"Width: ".concat(t.naturalWidth,", Height: ").concat(t.naturalHeight)}}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e,n){var r=pl.selection.current;r&&(r.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){LM(t,e,n[e])})}return t}({src:e},n)),this.emit("refreshElement",r),this.bindData("$sizeInfo"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("image")}}])&&zM(n.prototype,r),o&&zM(n,o),e}();function NM(t){return(NM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WM(t,e){return!e||"object"!==NM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UM(t){return(UM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZM(t,e){return(ZM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),WM(this,UM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZM(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Color"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item color-assets'>\n        <div class='color-list' ref='$colorList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$colorList"),value:function(){var t=(pl.selection.currentProject||{colors:[]}).colors.map(function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,"\">\n          <div class='preview' data-index=\"").concat(e,"\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='title'>\n            <div>\n              <input type='text' class='color' data-key='color' readonly value='").concat(t.color,"' placeholder=\"color\" />\n            </div>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n            \x3c!--<div>\n              <input type='text' class='var' data-key='variable' value='").concat(t.variable,"' placeholder=\"--var\" />\n            </div>--\x3e\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(vm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(vm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-color-item'><butto type=\"button\">".concat(vm.add,"</button></div>")),t}},{key:"executeColor",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:rn("$colorList .add-color-item"),value:function(){this.executeColor(function(t){t.createColor({color:Ee.random(),name:"",variable:""})})}},{key:rn("$colorList .remove"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index");this.executeColor(function(t){t.removeColor(e)})}},{key:rn("$colorList .copy"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index");this.executeColor(function(t){t.copyColor(e)})}},{key:yn("$colorList input"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeColor(function(t){t.setColorValue(e,n)},!1)}},{key:rn("$colorList .preview"),value:function(t){var e=t.$delegateTarget.closest("color-item"),n=+e.attr("data-index");this.state.$el=t.$delegateTarget.$(".color-view"),this.state.$color=e.$(".color");var r=this.state.$el.css("background-color");this.emit("showColorPickerPopup",{hideColorAssets:!0,changeEvent:"changeColorAssets",color:r},{id:this.id,index:n})}},{key:Pr("changeColorAssets"),value:function(t,e){var n=this;e.id===this.id&&this.executeColor(function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)},!1)}}])&&KM(n.prototype,r),o&&KM(n,o),e}();function JM(t){return(JM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tL(t,e){return!e||"object"!==JM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eL(t){return(eL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nL(t,e){return(nL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tL(this,eL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Text Fill"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$fillColor.setValue(t["text-fill-color"]||"rgba(0, 0, 0, 1)"),this.children.$strokeColor.setValue(t["text-stroke-color"]||"rgba(0, 0, 0, 1)"),this.children.$width.setValue(t["text-stroke-width"]||"0px"))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-fill-color'></span>\n        <ColorViewEditor ref='$fillColor' label='Text Fill' removable=\"true\" key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        <ColorViewEditor ref='$strokeColor' label='Text Stroke' removable=\"true\" key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        <RangeEditor \n          ref='$width' \n          label='Stroke' \n          key=\"text-stroke-width\" \n          removable=\"true\" \n          max=\"50\"\n          onchange=\"changeRangeEditor\" />\n      </div>\n    \n    "}},{key:Pr("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:Pr("changeRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&QM(n.prototype,r),o&&QM(n,o),e}();function oL(t){return(oL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aL(t,e){return!e||"object"!==oL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cL(t){return(cL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uL(t,e){return(uL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aL(this,cL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Gradient"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item gradient-assets'>\n        <div class='gradient-list' ref='$gradientList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$gradientList"),value:function(){var t=(pl.selection.currentProject||{gradients:[]}).gradients.map(function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"'>\n          <div class='preview' data-index=\"").concat(e,"\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n            <div>\n              <input type='text' class='var' data-key='variable' value='").concat(t.variable,"' placeholder=\"--var\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(vm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(vm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-gradient-item'><butto type=\"button\">".concat(vm.add,"</button></div>")),t}},{key:"executeGradient",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:rn("$gradientList .add-gradient-item"),value:function(){this.executeGradient(function(t){t.createGradient({gradient:Pv.random(),name:"",variable:""})})}},{key:rn("$gradientList .remove"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index");this.executeGradient(function(t){t.removeGradient(e)})}},{key:rn("$gradientList .copy"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index");this.executeGradient(function(t){t.copyGradient(e)})}},{key:yn("$gradientList input"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeGradient(function(t){t.setGradientValue(e,n)},!1)}},{key:rn("$gradientList .preview"),value:function(t){var e=t.$delegateTarget.closest("gradient-item"),n=(e.attr("data-index"),e.attr("data-gradient"));this.state.$item=e,this.state.$el=t.$delegateTarget.$(".gradient-view"),this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientAssets",gradient:n})}},{key:Pr("changeGradientAssets"),value:function(t,e){var n=this;this.executeGradient(function(r){r.setGradientValue(e.index,{image:t}),n.state.$el.css("background-image",t),n.state.$item.attr("data-gradient",t)},!1)}}])&&iL(n.prototype,r),o&&iL(n,o),e}();function lL(t){return(lL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pL(t,e){return!e||"object"!==lL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hL(t){return(hL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yL(t,e){return(yL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pL(this,hL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Item"}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-polygon","svg-textpath")}},{key:Pr("refreshPathLayer","refreshPolygonLayer","refreshStyleView"),value:function(){var t=pl.selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength)}},{key:Pr("refreshSelection"),value:function(){var t=pl.selection.current;t&&this.isSVGItem(t)?("none"===this.$el.css("display")&&this.$el.show(),t.is("svg-path","svg-textpath")?(this.refs.$path.show(),this.refs.$totalLength.show(),this.refs.$polygon.hide()):t.is("svg-polygon")?(this.refs.$path.hide(),this.refs.$polygon.show(),this.refs.$totalLength.show()):(this.refs.$path.hide(),this.refs.$polygon.hide(),this.refs.$totalLength.hide()),this.refs.$length.text(t.totalLength),this.children.$fill.setValue(t.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(t["fill-opacity"]||He.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||He.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||He.number(0)),this.children.$strokeDashArray.setValue(t["stroke-dasharray"]||" "),this.children.$strokeLineCap.setValue(t["stroke-linecap"]||"butt"),this.children.$strokeLineJoin.setValue(t["stroke-linejoin"]||"miter")):this.$el.hide()}},{key:"refresh",value:function(){}},{key:Gn("$svgProperty"),value:function(){return{style:{display:!!(pl.selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n\n      <div class='property-item'> \n        <label><input type='checkbox' ref='$motionBased' ".concat(K({checked:!!t["motion-based"]})," /> Is Motion Path</label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <span class='add-timeline-property' data-property='d'></span>      \n          <label>Path - d </label>\n        </div>      \n\n\n        <div class='property-item animation-property-item' ref='$polygon'>\n          <span class='add-timeline-property' data-property='points'></span>      \n          <label>Polygon - points </label>\n        </div>         \n\n        <div class='property-item label' ref='$totalLength'>\n          <label>Total Length <span ref='$length'></span></label>\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill'></span>\n          <FillSingleEditor ref='$fill' label='Fill' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill-opacity'></span>\n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='Opacity' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            calc=\"false\"\n            unit=\"number\" \n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill-rule'></span>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='Fill Rule' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke'></span>\n          <FillSingleEditor ref='$stroke' label='Stroke' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-width'></span>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='Width' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          <label>Dash Array</label>\n        </div>\n        <div class='property-item'>\n          <StrokeDashArrayEditor ref='$strokeDashArray' key='stroke-dasharray' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='Dash Offset'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            calc=\"false\"\n            unit=\"number\" \n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='Line Cap' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          <span>Line Join</span>\n        </div>\n        <div class='property-item'>\n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            key=\"stroke-linejoin\" \n            options=\"miter,arcs,bevel,miter-clip,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='svgfilter'></span>      \n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='Filter' \n            key=\"svgfilter\" \n            onchange=\"changeValue\" \n          />\n        </div>         \n      </div>\n   \n    ")}},{key:rn("$motionBased"),value:function(){var t=pl.selection.current;t&&t.reset({"motion-based":this.refs.$motionBased.checked()})}},{key:Pr("changeValue"),value:function(t,e,n){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&fL(n.prototype,r),o&&fL(n,o),e}();function vL(t){return(vL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gL(t,e){return!e||"object"!==vL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mL(t){return(mL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wL(t,e){return(wL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gL(this,mL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Text Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:zn("$textClip"),value:function(){var t=(pl.selection.current||{})["text-clip"]||"";return"<SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}}])&&bL(n.prototype,r),o&&bL(n,o),e}();function OL(t){return(OL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jL(t,e){return!e||"object"!==OL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PL(t){return(PL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xL(t,e){return(xL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _L=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jL(this,PL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Filter"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item svgfilter-assets'>\n        <div class='svgfilter-list' ref='$svgfilterList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$svgfilterList"),value:function(){var t=(pl.selection.currentProject||{svgfilters:[]}).svgfilters.map(function(t,e){var n=t.filters.map(function(t){return ms.parse(t)});return"\n        <div class='svgfilter-item' data-index=\"".concat(e,"\">\n          <div class='preview' data-index=\"").concat(e,'">\n            <svg width="0" height="0">\n              <filter id="svgfilter-').concat(e,'">\n                ').concat(n.join("")," \n              </filter>\n            </svg>\n            <div class='svgfilter-view' style='filter: url(#svgfilter-").concat(e,");'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(t.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(vm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(vm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-svgfilter-item'><butto type=\"button\">".concat(vm.add,"</button></div>")),t}},{key:"executeSVGFilter",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:rn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter(function(t){t.createSVGFilter({id:gt(),filters:[]})})}},{key:rn("$svgfilterList .remove"),value:function(t){var e=+t.$delegateTarget.closest("svgfilter-item").attr("data-index");this.executeSVGFilter(function(t){t.removeSVGFilter(e)})}},{key:rn("$svgfilterList .copy"),value:function(t){var e=+t.$delegateTarget.closest("svgfilter-item").attr("data-index");this.executeSVGFilter(function(t){t.copySVGFilter(e)})}},{key:yn("$svgfilterList input"),value:function(t){var e=this,n=+t.$delegateTarget.closest("svgfilter-item").attr("data-index"),r=t.$delegateTarget.attrKeyValue("data-key");this.executeSVGFilter(function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")},!1)}},{key:rn("$svgfilterList .preview"),value:function(t){var e=t.$delegateTarget.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$delegateTarget.$(".svgfilter-view");var r=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:Pr("updateSVGFilterAssets"),value:function(t){var e=this;this.executeSVGFilter(function(n){n.setSVGFilterValue(t.index,{filters:t.filters}),e.state.$item.$("filter").html(t.filters.join("\n")),e.emit("refreshSVGArea")},!1)}},{key:Pr("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:Pr("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&SL(n.prototype,r),o&&SL(n,o),e}();function TL(t){return(TL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function EL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CL(t,e){return!e||"object"!==TL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $L(t){return($L=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RL(t,e){return(RL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CL(this,$L(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Path"}},{key:"getClassName",value:function(){return"svgpath-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item svgpath-assets'>\n        <div class='svgpath-list' ref='$svgpathList' data-view-mode='grid'></div>\n      </div>\n    "}},{key:zn("$svgpathList"),value:function(){var t=(pl.selection.currentProject||{svgpathsList:[]}).svgpathsList.map(function(t,e){var n=t.info.objectInfo;return"\n        <div class='svgpath-item' data-index=\"".concat(e,"\" data-d='").concat(n.d,"'>\n          <div class='preview' data-index=\"").concat(e,'">\n            <svg width="0" height="0">\n              <path d="').concat(n.d,"\" ref='$path' />\n            </svg>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(n.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(vm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(vm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("\n      <div class='add-svgpath-item'><butto type=\"button\">".concat(vm.add,"</button></div>\n    ")),t}},{key:"executeSVGPath",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r&&(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGPathAssets"))}},{key:rn("$svgpathList .add-svgpath-item"),value:function(){this.executeSVGPath(function(t){t.createSVGPath({id:gt(),filters:[]})})}},{key:rn("$svgpathList .remove"),value:function(t){var e=+t.$delegateTarget.closest("svgpath-item").attr("data-index");this.executeSVGPath(function(t){t.removeSVGPath(e)})}},{key:rn("$svgpathList .copy"),value:function(t){var e=+t.$delegateTarget.closest("svgpath-item").attr("data-index");this.executeSVGPath(function(t){t.copySVGPath(e)})}},{key:yn("$svgpathList input"),value:function(t){var e=this,n=+t.$delegateTarget.closest("svgpath-item").attr("data-index"),r=t.$delegateTarget.attrKeyValue("data-key");this.executeSVGPath(function(t){t.setSVGPathValue(n,r),e.emit("refreshSVGArea")},!1)}},{key:rn("$svgpathList .preview"),value:function(t){var e=t.$delegateTarget.closest("svgpath-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$delegateTarget.$(".svgpath-view");var r=(pl.selection.currentProject||{svgpathList:[]}).svgpathList[n];this.emit("showSVGPathPopup",{changeEvent:"changeSVGPathAssets",id:this.id,index:n,svgpath:r.info.objectInfo})}},{key:Pr("changeSVGPathAssets"),value:function(t){var e=this;t.id===this.id&&this.executeSVGPath(function(n){n.setSVGPathValue(t.index,{filters:t.filters}),e.state.$item.$("filter").html(t.filters.join("\n")),e.emit("refreshSVGArea")},!1)}}])&&EL(n.prototype,r),o&&EL(n,o),e}();function AL(t){return(AL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IL(t,e){return!e||"object"!==AL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ML(t){return(ML=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LL(t,e){return(LL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IL(this,ML(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LL(t,e)}(e,mV),n=e,(r=[{key:"components",value:function(){return{LeftAlign:nk,RightAlign:uk,TopAlign:wk,BottomAlign:xk,CenterAlign:yk,MiddleAlign:Rk,SameHeight:Lk,SameWidth:Xk}}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return"Alignment"}},{key:"getBody",value:function(){return'\n      <div class="alignment-item" ref="$positionItem">\n        <LeftAlign />\n        <CenterAlign />\n        <RightAlign />\n\n        <TopAlign />\n        <MiddleAlign />\n        <BottomAlign />\n\n        <div class=\'split\'></div>        \n\n        <SameWidth />\n        <SameHeight />\n        <CopyItem />\n      </div>\n    '}}])&&DL(n.prototype,r),o&&DL(n,o),e}();function zL(t){return(zL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GL(t,e){return!e||"object"!==zL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HL(t){return(HL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XL(t,e){return(XL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GL(this,HL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XL(t,e)}(e,mV),n=e,(r=[{key:"components",value:function(){return{OffsetPathListEditor:cC}}},{key:"getTitle",value:function(){return"Motion"}},{key:Pr("refreshSelection","refreshRect")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=pl.selection.current||{"offset-path":""};return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='offset-path'></span>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    ')}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&FL(n.prototype,r),o&&FL(n,o),e}();function NL(t){return(NL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KL(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function WL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UL(t,e){return!e||"object"!==NL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZL(t){return(ZL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qL(t,e){return(qL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UL(this,ZL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qL(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Image"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:Pr("refreshSelection")+An(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item image-assets'>\n        <div class='image-list' ref='$imageList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$imageList")+Vn,value:function(){var t=(pl.selection.currentProject||{images:[]}).images.map(function(t,e){return"\n        <div class='image-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(vm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(vm.remove,"</button>\n          </div>\n        </div>\n      ")});return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-image-item'>\n          <input type='file' accept='image/*' ref='$file' />\n          <button type=\"button\">").concat(vm.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeImage",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:sn("$imageList .preview img"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index"),n=pl.selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:hn("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage(function(n){KL(t.target.files).forEach(function(t){e.emit("update.asset.image",t)})})}},{key:rn("$imageList .remove"),value:function(t){var e=this,n=t.$delegateTarget.closest("image-item"),r=+n.attr("data-index");this.executeImage(function(t){t.removeImage(r),e.emit("remove.asset.image",n.$(".preview img").attr("src"))})}},{key:rn("$imageList .copy"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index");this.executeImage(function(t){t.copyImage(e)})}},{key:yn("$imageList input[type=text]"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeImage(function(t){t.setImageValue(e,n)},!1)}},{key:Pr("addImageAsset"),value:function(){this.refresh()}}])&&WL(n.prototype,r),o&&WL(n,o),e}();function QL(t){return(QL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){eB(t,e,n[e])})}return t}function eB(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rB(t,e){return!e||"object"!==QL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oB(t,e,n){return(oB="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=iB(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function iB(t){return(iB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aB(t,e){return(aB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rB(this,iB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=pl.selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return tB({},oB(iB(e.prototype),"components",this).call(this),this.state.components)}},{key:Pr("refreshSelection")+An(100),value:function(){this.isShow()?(this.show(),this.refresh()):this.hide()}},{key:"refresh",value:function(){var t=this,e=pl.selection.current;e&&e.is("component")&&(this.setTitle(e.itemType||e.name),this.load(),e.getProps().forEach(function(n){t.children[n.key]&&t.children[n.key].setValue(e[n.key]||n.defaultValue)}))}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"initComponents",value:function(){var t=pl.selection.current,n={};t&&t.is("component")&&t.getProps().forEach(function(t){V(t.editor)||(n=tB({},n,t.editor))}),this.setState({components:n},!1),oB(iB(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return V(n)?"<".concat(n," ").concat(K(tB({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map(function(n){return"<".concat(n," ").concat(K(tB({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")}).join("")}},{key:zn("$body"),value:function(){var t=this,e=pl.selection.current;return e?e&&!e.is("component")?"":e.getProps().map(function(n){return V(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")}):""}},{key:Pr("changeComponentProperty"),value:function(t,e){pl.selection.each(function(n){n.is("component")&&n.reset(eB({},t,e))}),this.emit("refreshSelectionStyleView",null,!0)}}])&&nB(n.prototype,r),o&&nB(n,o),e}();function uB(t){return(uB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lB(t,e){return!e||"object"!==uB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fB(t){return(fB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pB(t,e){return(pB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lB(this,fB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Animations"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(vm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:zn("$timelineAnimationList")+Vn,value:function(){var t=pl.selection.currentArtboard;return t?t.timeline.map(function(t,e){var n=t.selected?"selected":"";return"\n        <div class='timeline-animation-item ".concat(n,"'>\n          <div class='preview'></div>\n          <div class='detail'>\n            <label data-id='").concat(t.id,"'>").concat(t.title,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-id="').concat(t.id,"\" title='Remove'>").concat(vm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}):""}},{key:on("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(e,n){var r=t.attr("data-id"),o=pl.selection.currentArtboard;o&&o.setTimelineTitle(r,n)})}},{key:cn("$timelineAnimationList .timeline-animation-item label")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$timelineAnimationList .timeline-animation-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:rn("$add"),value:function(t){this.emit("add.timeline")}},{key:rn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$delegateTarget.attr("data-id");this.emit("remove.animation",e)}},{key:rn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$delegateTarget.attr("data-id"),n=pl.selection.currentArtboard;n&&(n.selectTimeline(e),t.$delegateTarget.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Pr("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Pr("refreshTimeline","refreshSelection","refreshAllSelectArtBoard")+An(100),value:function(){this.refresh()}}])&&sB(n.prototype,r),o&&sB(n,o),e}();function yB(t){return(yB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vB(t,e){return!e||"object"!==yB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bB(t){return(bB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gB(t,e){return(gB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vB(this,bB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gB(t,e)}(e,mV),n=e,(r=[{key:"components",value:function(){return{BorderEditor:PC}}},{key:"getTitle",value:function(){return"Border"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-item\" ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeKeyValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&dB(n.prototype,r),o&&dB(n,o),e}();function wB(t){return(wB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OB(t,e){return!e||"object"!==wB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SB(t){return(SB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jB(t,e){return(jB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),OB(this,SB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Information"}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=pl.selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=pl.selection.currentProject||{name:"",description:""};return"\n      <div class=\"project-info\" ref=\"$info\">\n        <div class='project-info-item'>\n          <label>Name</label>\n          <div class='input'><input type='text' value='".concat(t.name,"' ref='$name' /></div>\n        </div>\n        <div class='project-info-item'>\n          <label>Description</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&kB(n.prototype,r),o&&kB(n,o),e}();function xB(t){return(xB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _B(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function TB(t,e){return!e||"object"!==xB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function EB(t){return(EB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function CB(t,e){return(CB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $B=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),TB(this,EB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Path"}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:WE}}},{key:Pr("refreshPathLayer","refreshStyleView","refreshRect")+An(100),value:function(){this.refresh()}},{key:Pr("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-textpath"])}},{key:"refresh",value:function(){var t=pl.selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    ")}},{key:Pr("changeValue"),value:function(t,e,n){this.emit("updatePathItem",function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}}])&&_B(n.prototype,r),o&&_B(n,o),e}();function RB(t){return(RB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AB(t,e){return!e||"object"!==RB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function DB(t){return(DB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IB(t,e){return(IB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),AB(this,DB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Polygon"}},{key:"getClassName",value:function(){return"item polygon-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-polygon")}},{key:"components",value:function(){return{PolygonDataEditor:tC}}},{key:Pr("refreshPathLayer","refreshStyleView","refreshRect")+An(100),value:function(){this.refresh()}},{key:Pr("refreshSelection"),value:function(){this.refreshShow("svg-polygon")}},{key:"refresh",value:function(){var t=pl.selection.current||{};this.children.$polygonData.setValue(t.points)}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n      <div>\n        <PolygonDataEditor ref='$polygonData' key='points' value='".concat(t.points||"","' onchange='changeValue' />\n      </div>\n    ")}},{key:Pr("changeValue"),value:function(t,e,n){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&VB(n.prototype,r),o&&VB(n,o),e}();function LB(t){return(LB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zB(t,e){return!e||"object"!==LB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FB(t){return(FB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GB(t,e){return(GB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HB,XB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zB(this,FB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Text Style"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){pl.selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","font-size","font-weight","font-style","font-family","text-anchor","text"])}},{key:"setAllValue",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=pl.selection.current;n&&e.forEach(function(e){t.children["$".concat(e)].setValue(n[e])})}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text'></span>\n        <TextAreaEditor \n          ref='$text' \n          label='Text' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-size'></span>\n        <RangeEditor \n          ref='$font-size' \n          label='Size' \n          key=\"font-size\" \n          min='0'\n          max=\"1000\" \n          onchange=\"changeTextValue\" />\n      </div>    \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-weight'></span>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='Weight' \n          key='font-weight' \n          value=\"400\" \n          min=\"100\"\n          max=\"900\"\n          step=\"1\"\n          calc=\"false\"\n          unit=\"number\" \n          onchange=\"changeTextValue\" \n          />\n      </div>              \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$font-style' \n          label='Style' \n          key=\"font-style\" \n          options=\"normal,italic\" \n          icons='I,I'\n          onchange=\"changeTextValue\" />\n      </div>      \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$text-anchor' \n          label='Text Anchor' \n          key=\"text-anchor\" \n          options=\"start,middle,end\" \n          onchange=\"changeTextValue\" />\n      </div>            \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$font-family' \n          icon=\"true\"\n          label='Family' \n          key=\"font-family\" \n          options=\",serif,sans-serif,monospace,cursive,fantasy,system-ui\" \n          onchange=\"changeTextValue\" \n        />\n      </div>       \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='lengthAdjust' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='textLength'></span>\n        <RangeEditor \n          ref='$textLength' \n          label='textLength' \n          key='textLength'\n          min=\"0\"\n          max='1000'\n          step=\"0.1\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='startOffset'></span>\n        <RangeEditor \n          ref='$startOffset' \n          label='startOffset' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    "}},{key:Pr("changeTextValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&BB(n.prototype,r),o&&BB(n,o),e}();function YB(t){return(YB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KB(t,e){return!e||"object"!==YB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function WB(t){return(WB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function UB(t,e){return(UB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZB(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var qB=(ZB(HB={ExportProperty:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),KB(this,WB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UB(t,e)}(e,mV),n=e,(r=[{key:"getTitle",value:function(){return"Export"}},{key:Pr("refreshSelection","refreshContent")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(vm.archive," Download</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(vm.archive," Download</button>\n        </div> \n      ")}},{key:rn("$svg"),value:function(){this.emit("download.to.svg")}},{key:rn("$png"),value:function(){this.emit("download.to.png")}}])&&NB(n.prototype,r),o&&NB(n,o),e}(),SVGTextProperty:XB,PolygonDataProperty:MB,PathDataProperty:$B,ProjectInformationProperty:PB,BorderNewProperty:mB,TimelineAnimationProperty:hB,ComponentProperty:cB,ImageAssetsProperty:JL,MotionProperty:YL,AlignmentProperty:BL,SVGPathAssetsProperty:VL,SVGFilterAssetsProperty:_L,TextClipProperty:kL,SVGItemProperty:dL,GradientAssetsProperty:sL,TextFillProperty:rL,ColorAssetsProperty:qM,ImageProperty:YM,ArtBoardSizeProperty:IM,LayerTreeProperty:EM,ProjectProperty:bM,ArtBoardProperty:SM,PositionProperty:fM,SelectorProperty:iM,BackgroundClipProperty:JI,TransformOriginProperty:NI,PerspectiveProperty:zI,PerspectiveOriginProperty:AI,ComputedCodeViewProperty:TI,TransitionProperty:kI,ClipPathProperty:yI,TransformProperty:cI,RootVariableProperty:tI,VariableProperty:WD,BackdropFilterProperty:GD,CodeViewProperty:AD,FilterProperty:_D,BorderRadiusProperty:BV,BackgroundImageProperty:mD,KeyframeProperty:hD,AnimationProperty:cD,OutlineProperty:tD,BorderImageProperty:NA,FontSpacingProperty:DA,TextProperty:EA,TextShadowProperty:SA,FontProperty:bA,ContentProperty:fA,BoxModelProperty:iA,BoxShadowProperty:qV,SizeProperty:YV},"BorderRadiusProperty",BV),ZB(HB,"BorderProperty",VV),ZB(HB,"BackgroundColorProperty",PV),HB);function JB(t){return(JB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tz(t,e){return!e||"object"!==JB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ez(t){return(ez=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nz(t,e){return(nz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tz(this,ez(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nz(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item" data-value="1" title=\'Style\'>\n                <label class=\'icon\'>'.concat(vm.brush,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Component">\n                <label class=\'icon\'>').concat(vm.cube,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="Transition & Animation">\n                <label>').concat(vm.flash_on,"</label>\n              </div>\n              \n              <div class=\"tab-item\" data-value=\"4\" title='Assets'>\n                <label class='icon'>").concat(vm.view_list,"</label>\n              </div>                                     \n              <div class=\"tab-item\" data-value=\"5\" title='Code'>\n                <label class='icon'>").concat(vm.code,"</label>\n              </div>                                     \n            </div>\n            <div class=\"tab-body\" ref=\"$body\">\n\n              <div class=\"tab-content\" data-value=\"1\">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n                <BoxModelProperty />\n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                \x3c!-- effect --\x3e\n                <BoxShadowProperty />\n                <FilterProperty />\n                <BackdropFilterProperty />\n                <ClipPathProperty />       \n\n                \x3c!-- transform --\x3e \n                <TransformProperty />                  \n                <TransformOriginProperty /> \n                <PerspectiveProperty />\n                <PerspectiveOriginProperty />                                \n              \n\n                \x3c!--BorderImageProperty /--\x3e                \n\n                \x3c!-- <OutlineProperty /> --\x3e\n                \x3c!-- <BackgroundClipProperty /> --\x3e  \n\n                <ExportProperty />\n                \n                <div class='empty'></div>\n              </div>\n              <div class=\"tab-content\" data-value=\"2\">\n\n                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />              \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />                \n                <SVGItemProperty />\n                <PathDataProperty />\n                <PolygonDataProperty />\n\n                <ComponentProperty />\n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Text --\x3e\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />\n                \x3c!-- <RootVariableProperty /> --\x3e\n                \x3c!-- <VariableProperty /> --\x3e\n                <SelectorProperty />\n\n                <div class='empty'></div>                \n              </div>              \n              <div class='tab-content' data-value='3'>\n                <MotionProperty />              \n                \x3c!-- <RootVariableProperty /> --\x3e\n                \x3c!-- <VariableProperty /> --\x3e\n                \x3c!-- SelectorProperty /> --\x3e \n                <TransitionProperty />                            \n                <AnimationProperty />\n                <KeyframeProperty />    \n                <div class='empty'></div>                \n              </div>                        \n              <div class='tab-content' data-value='4'>\n                <ImageAssetsProperty />\n                \x3c!--SVGProperty /--\x3e              \n                <SVGFilterAssetsProperty />\n                \x3c!-- SVGPathAssetsProperty /--\x3e\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                \n                <div class='empty'></div>                \n              </div>\n              <div class=\"tab-content\" data-value=\"5\">\n                <CodeViewProperty />\n                <div class='empty'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:"components",value:function(){return qB}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:rn("$extraHeader .tab-item(.empty-item)"),value:function(t){this.refs.$extraTab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&QB(n.prototype,r),o&&QB(n,o),e}();function oz(t){return(oz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function az(t,e){return!e||"object"!==oz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cz(t){return(cz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uz(t,e){return(uz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),az(this,cz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uz(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='popup ".concat(this.getClassName(),"'>\n            <div class='popup-title' ref=\"$title\">\n                <label>").concat(this.getTitle(),'</label>\n                <span class="tools">\n                  ').concat(this.getTools(),"\n                  <button type='button' class='close' ref='$close'>").concat(vm.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:rn("$close"),value:function(){this.$el.hide()}},{key:kn("$title")+In("movePopupTitle")+Mn("endPopupTitle"),value:function(){this.x=He.parse(this.$el.css("left")),this.y=He.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=He.px(this.x.value+t),r=He.px(this.y.value+e);this.$el.css({left:n,top:r,right:"auto",bottom:"auto"})}},{key:"show",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,e=this.$el.css("top"),n=this.$el.css("left"),r="auto"!==e?He.parse(e):He.px(110),o="auto"!==n?He.parse(n):He.px(document.body.clientWidth-320-28-t);this.$el.css({top:r,left:o,"z-index":pl.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Pr("hidePropertyPopup"),value:function(){this.hide()}}])&&iz(n.prototype,r),o&&iz(n,o),e}();function lz(t){return(lz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hz(t,e){return!e||"object"!==lz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yz(t){return(yz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dz(t,e){return(dz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hz(this,yz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dz(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:ER,RangeEditor:Bx}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),spreadRadius:He.px(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.state.params)}},{key:"getBody",value:function(){return"<div class='box-shadow-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return"\n      <div class='box'>\n        <EmbedColorPicker ref='$colorpicker' value='".concat(this.state.color,'\' onchange=\'changeColor\' />\n      </div>\n      <div class="box">\n        <div class="type">\n          <label>Type</label>\n          <div\n            class="select"\n            data-selected-value="').concat(this.state.inset?"inset":"outset",'"\n            ref="$type"\n          >\n            <button type="button" data-value="outset">Outset</button>\n            <button type="button" data-value="inset">Inset</button>\n          </div>\n        </div>\n        <div class="drag-board" ref="$dragBoard">\n          <div\n            class="pointer"\n            ref="$pointer"\n            style="left: ').concat(this.state.offsetX,";top: ").concat(this.state.offsetY,"\"\n          ></div>\n        </div>        \n        <div class=\"offset-x\">\n          <RangeEditor ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"offset-y\">\n          <RangeEditor ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"blur-radius\">\n          <RangeEditor ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"spread-radius\">\n          <RangeEditor ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n\n      </div>\n    ")}},{key:rn("$popup .select button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:kn("$popup .drag-board")+In("movePointer"),value:function(t){this.offsetX=t.offsetX,this.offsetY=t.offsetY;var e=this.getRef("$dragBoard").rect();this.boardWidth=e.width,this.boardHeight=e.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(t,e){var n=this.offsetX+t,r=this.offsetY+e,o=this.boardWidth/2,i=this.boardHeight/2,a=n-o,c=r-i;a<-o?a=-o:a>o&&(a=o),c<-i?c=-i:c>i&&(c=i),a=Math.floor(a),c=Math.floor(c),this.getRef("$offsetX").val(a),this.getRef("$offsetY").val(c),this.updateData({offsetX:He.px(a),offsetY:He.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(fz({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Pr("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:Pr("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){fz(t,e,n[e])})}return t}({},t,{params:e})),this.refresh(),this.show(432)}},{key:Pr("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&pz(n.prototype,r),o&&pz(n,o),e}();function bz(t){return(bz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mz(t,e){return!e||"object"!==bz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wz(t){return(wz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kz(t,e){return(kz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Oz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mz(this,wz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kz(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:ER,RangeEditor:Bx}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='text-shadow-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return"\n      <div class='box'>\n        <EmbedColorPicker ref='$colorpicker' value='".concat(this.state.color,'\' onchange=\'changeColor\' />\n      </div>\n      <div class=\'box\'>\n        <div class="drag-board" ref="$dragBoard">\n          <div\n            class="pointer"\n            ref="$pointer"\n            style="left: ').concat(this.state.offsetX,";top: ").concat(this.state.offsetY,"\"\n          ></div>\n        </div>\n        <div>\n          <label>Offset X</label>\n          <RangeEditor ref='$offsetX' calc='false' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <label>Offset Y</label>      \n          <RangeEditor ref='$offsetY' calc='false' key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <label>Blur Radius</label>\n          <RangeEditor ref='$blurRadius' calc='false' key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:Pr("changeShadow"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Pr("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:kn("$popup .drag-board")+In("movePointer"),value:function(t){this.offsetX=t.offsetX,this.offsetY=t.offsetY;var e=this.getRef("$dragBoard").rect();this.boardWidth=e.width,this.boardHeight=e.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(t,e){var n=this.offsetX+t,r=this.offsetY+e,o=this.boardWidth/2,i=this.boardHeight/2,a=n-o,c=r-i;a<-o?a=-o:a>o&&(a=o),c<-i?c=-i:c>i&&(c=i),a=Math.floor(a),c=Math.floor(c),this.updateData({offsetX:He.px(a),offsetY:He.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Pr("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:Pr("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&gz(n.prototype,r),o&&gz(n,o),e}();function Sz(t){return(Sz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xz(t,e){return!e||"object"!==Sz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _z(t){return(_z=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tz(t,e){return(Tz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ez=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xz(this,_z(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tz(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Animation"}},{key:"components",value:function(){return{SelectEditor:Rx,CubicBezierEditor:y_,RangeEditor:Bx,IterationCountEditor:PT}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:He.second(0),timingFunction:"ease",delay:He.second(0),iterationCount:0,playState:"running",fillMode:"none"}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeAnimationPropertyPopup",t)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return'\n      <div class="box">\n        '.concat(this.templateForKeyframe(),"\n        ").concat(this.templateForTimingFunction(),"\n        ").concat(this.templateForIterationCount(),"\n        ").concat(this.templateForDelay(),"\n        ").concat(this.templateForDuration(),"\n        ").concat(this.templateForDirection(),"\n        ").concat(this.templateForFillMode(),"\n        ").concat(this.templateForPlayState(),"\n      </div>\n    ")}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <label>Timing function</label>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timingFunction\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:"templateForKeyframe",value:function(){return"\n      <div class='name'>\n        <label>Keyframe</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    "}},{key:zn("$name"),value:function(){var t=this,e=pl.selection.currentProject,n=[];return e&&e.keyframes&&(n=e.keyframes.map(function(t){return{key:t.name,value:t.name}})),n.unshift({key:"Select a keyframe",value:""}),n.map(function(e){var n=e.value===t.name?"selected":"";return"<option value='".concat(e.value,"' ").concat(n,">").concat(e.key,"</option>")})}},{key:hn("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){return"\n      <div class='direction'>\n        <SelectEditor \n            label='Direction'\n            ref='$direction' \n            key='direction' \n            value=\"".concat(this.state.direction,"\"\n            options='").concat(["normal","reverse","alternate","alternate-reverse"],"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Pr("changeSelect"),value:function(t,e){this.updateData(jz({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='Play State'\n          ref='$playState' \n          key='playState' \n          value=\"".concat(this.state.playState,"\"\n          options='").concat(["paused","running"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForFillMode",value:function(){return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='Fill Mode'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"".concat(this.state.fillMode,"\"\n          options='").concat(["none","forwards","backwards","both"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <IterationCountEditor ref='$iterationCount' label='Iteration' calc='false' key='iterationCount' value='".concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?He.number(e.value):He.string(e.unit)),this.updateData(jz({},t,e))}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(jz({},t,e))}},{key:Pr("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Pr("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&Pz(n.prototype,r),o&&Pz(n,o),e}();function Cz(t){return(Cz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $z(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rz(t,e){return!e||"object"!==Cz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vz(t){return(Vz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Az(t,e){return(Az=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Dz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Rz(this,Vz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Az(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Keyframe"}},{key:"components",value:function(){return{OffsetEditor:BC}}},{key:"initState",value:function(){return{name:"none",offsets:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeKeyframePopup",this.state)}},{key:"getBody",value:function(){return"\n    <div class='keyframe-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForName(),"\n        ").concat(this.templateForOffset(),"\n      </div>\n    </div>")}},{key:"templateForOffset",value:function(){return"\n      <div>\n        <OffsetEditor ref='$offsetEditor' />\n      </div>\n    "}},{key:"templateForName",value:function(){return"\n      <div class='name'>\n        <label>Name</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.name,"' ref='$name'/>\n        </div>\n      </div>\n    ")}},{key:yn("$name"),value:function(t){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"getOffsetData",value:function(){return{offsets:this.state.offsets.map(function(t){return t})}}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.emit("showOffsetEditor",this.getOffsetData())}},{key:Pr("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:Pr("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:Pr("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&$z(n.prototype,r),o&&$z(n,o),e}();function Iz(t){return(Iz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Lz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bz(t,e){return!e||"object"!==Iz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zz(t){return(zz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fz(t,e){return(Fz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bz(this,zz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fz(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{DirectionEditor:SR,RangeEditor:Bx}}},{key:"parseValue",value:function(){var t=Mz((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("round"),2),e=t[0],n=t[1],r=Mz(Xy.parse(e),5),o=r[0],i=r[1],a=r[2],c=r[3],u=r[4];if(n)var s=Mz(Xy.parse(n),5),l=s[0],f=s[1],p=s[2],h=s[3],y=s[4];return{isAll:1===o,top:i,right:a,bottom:c,left:u,round:n,isAllRadius:1===l,topRadius:f,rightRadius:p,bottomRadius:h,leftRadius:y}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,o=t.left,i=t.round,a=He.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=He.percent(100-r.value).toPx(220),l=He.percent(100-n.value).toPx(220),f=He.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),h=He.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),y=i?"checked":"";return"\n        <div class='clip-path-editor inset-editor'>\n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' data-type='top' ref='$top' style='left: ".concat(a,";top: ").concat(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(u,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(h,";'></div>\n                <div class='clip-area inset' ref='$clipAreaView' style='pointer-events: none;'></div>\n                <div class='clip-area-handle' ref='$clipArea' style='left: ").concat(p,";top: ").concat(c,";width: ").concat(He.px(l.value-o.value),";height: ").concat(He.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(y," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:rn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:zn("$round"),value:function(){var t=this.state,e=[t.topRadius,t.rightRadius,t.bottomRadius,t.leftRadius].join(" ");return"<DirectionEditor ref='$borderRadius' value='".concat(e,"' onchange='changeBorderRadius' />")}},{key:Pr("changeBorderRadius"),value:function(t){var e=Mz(t,5),n=e[0],r=e[1],o=e[2],i=e[3],a=e[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:o,bottomRadius:i,leftRadius:a}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,o=t.left,i=Math.abs((o.value+(100-n.value))/2),a=Math.abs((e.value+(100-r.value))/2),c=He.percent(i).toPx(220),u=e.toPx(220),s=He.percent(i).toPx(220),l=He.percent(100-r.value).toPx(220),f=He.percent(100-n.value).toPx(220),p=He.percent(a).toPx(220),h=o.toPx(220),y=He.percent(a).toPx(220);this.refs.$top.css({left:c,top:u}),this.refs.$right.css({left:f,top:p}),this.refs.$bottom.css({left:s,top:l}),this.refs.$left.css({left:h,top:y}),this.refs.$clipArea.css({left:h,top:u,width:He.px(f.value-h.value),height:He.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:kn("$area .clip-area-handle")+In("moveClipArea"),value:function(t){this.type=t.$delegateTarget.attr("data-type"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:He.parse(this.$target.css("left")),top:He.parse(this.$target.css("top")),width:He.parse(this.$target.css("width")),height:He.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(t,e){var n=this.clipRect.width.value,r=this.clipRect.height.value,o=this.clipRect.left.value+t,i=this.clipRect.top.value+e;0>o?o=0:this.areaRect.width<o+n&&(o=this.areaRect.width-n),0>i?i=0:this.areaRect.height<i+r&&(i=this.areaRect.height-r);var a=He.px(o),c=He.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:He.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:He.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:kn("$area .drag-pointer")+In(),value:function(t){this.type=t.$delegateTarget.attr("data-type"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.px(n-this.areaRect.x),i=He.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:He.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:He.px(this.areaRect.width-o.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.top,n=t.right,r=t.left,o=t.bottom,i=t.round,a=t.topRadius,c=t.leftRadius,u=t.bottomRadius,s=t.rightRadius,l=[e,n,o,r].join(" "),f=[a,s,u,c].join(" ");return"".concat(l," ").concat(i&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Lz(n.prototype,r),o&&Lz(n,o),e}();function Hz(t){return(Hz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Nz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kz(t,e){return!e||"object"!==Hz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wz(t){return(Wz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uz(t,e){return(Uz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Kz(this,Wz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uz(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(",").filter(function(t){return t.trim()}).map(function(t){var e=Yz(t.trim().split(" "),2),n=e[0],r=e[1];return{x:He.parse(n).toPx(220),y:He.parse(r).toPx(220)}})}},{key:"initState",value:function(){return{value:this.parseValue(this.props.value)}}},{key:"template",value:function(){return"\n        <div class='clip-path-editor polygon-editor'>\n            <div class='drag-area' ref='$area'>\n                <div class='pointer-list' ref='$list'></div>\n                <div class='clip-area polygon' ref='$clipArea'></div>            \n            </div>\n            <div class='pointer-input' ref='$inputList'></div>\n        </div>\n    "}},{key:zn("$inputList"),value:function(){return this.state.value.map(function(t,e){return"\n            <div class='pointer-item' data-index=\"".concat(e,"\">\n                <div class='input-item'>\n                    <label>X</label><input type='number' class='x' value=\"").concat(t.x.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='input-item'>\n                    <label>Y</label><input type='number' class='y' value=\"").concat(t.y.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy' data-index=\"").concat(e,'">').concat(vm.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(vm.remove2,"</button>\n                </div>\n            </div>\n            ")})}},{key:rn("$area")+Ln,value:function(t){if(Ke.create(t.target).is(this.refs.$area)){this.areaRect=this.refs.$area.rect();var e=t.xy,n=e.x,r=e.y;this.appendValue({x:He.px(n-this.areaRect.left),y:He.px(r-this.areaRect.top)}),this.refresh()}}},{key:rn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.removeValue(e),this.refresh()}},{key:rn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.copyValue(e),this.refresh()}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:zn("$list"),value:function(){var t=this;return this.state.value.map(function(e,n){var r=[0===n?"first":"",n===t.state.value.length-1?"last":""].filter(function(t){return t}).join(" ");return"<div class='drag-pointer ".concat(r,"' data-index=\"").concat(n.toString(),"\" style='left: ").concat(e.x,";top: ").concat(e.y,";'></div>")})}},{key:rn("$area .drag-pointer")+$n+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");this.removeValue(e),this.refresh()}},{key:kn("$area .drag-pointer")+In(),value:function(t){this.selectedIndex=+t.$delegateTarget.attr("data-index"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.$value=this.state.value[this.selectedIndex];var e=this.refs.$inputList;this.$x=e.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.x')),this.$y=e.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.y'))}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.px(n-this.areaRect.x),i=He.px(r-this.areaRect.y);this.$target.css({left:o,top:i}),this.updateValue(this.selectedIndex,{x:o,y:i});this.$x.val(o.toPercent(220).round(10).value),this.$y.val(i.toPercent(220).round(10).value),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){return this.state.value.map(function(t){return"".concat(t.x.toPercent(220).round(10)," ").concat(t.y.toPercent(220).round(10))}).join(",")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"appendValue",value:function(t){this.state.value.push(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"removeValue",value:function(t){this.state.value.splice(t,1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"copyValue",value:function(t){var e=this.state.value[t],n=e.x,r=e.y;this.state.value.splice(t+1,0,{x:He.px(n.value+10),y:He.px(r.value+10)}),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"updateValue",value:function(t,e){this.state.value[t]=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Xz(t,e,n[e])})}return t}({},this.state.value[t],e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Nz(n.prototype,r),o&&Nz(n,o),e}();function qz(t){return(qz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Qz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tF(t,e){return!e||"object"!==qz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eF(t){return(eF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nF(t,e){return(nF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tF(this,eF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nF(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Bx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",e="50% 50%",n="";if((t=t||"50%").includes("at")){var r=Jz(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=Jz(n.split(" "),2),i=o[0],a=o[1];E(a)&&(a=i),i=He.parse(i),a=He.parse(a);var c=Jz(e.split(" "),2),u=c[0],s=c[1];return E(s)&&(s=u),{radiusX:u=He.parse(u),radiusY:s=He.parse(s),x:i,y:a}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <div>\n                <RangeEditor \n                    ref='$rangeX' \n                    label='Radius X' \n                    key='radiusX' \n                    value='".concat(this.state.radiusX,"' \n                    min=\"0\" \n                    max=\"100\" \n                    step=\"0.1\" \n                    units=\"%\" \n                    onchange='changeRangeEditor' \n                />\n            </div>\n            <div>\n                <RangeEditor \n                    ref='$rangeY' \n                    label='Radius Y' \n                    key='radiusY' \n                    value='").concat(this.state.radiusY,"' \n                    min=\"0\" \n                    max=\"100\" \n                    step=\"0.1\" \n                    units=\"%\" \n                    onchange='changeRangeEditor' \n                />\n            </div>            \n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' ref='$pointer' style='left: ").concat(this.state.x,";top: ").concat(this.state.y,";'></div>\n                <div class='clip-area circle' ref='$clipArea'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:kn("$area")+In()+Mn(),value:function(t){this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=He.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:o,top:i}),this.updateData({x:o,y:i}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radiusX,o=t.radiusY,i="".concat(e," ").concat(n),a="".concat(r," ").concat(o);return"".concat(a," at ").concat(i)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e.clone()))}}])&&Qz(n.prototype,r),o&&Qz(n,o),e}();function oF(t){return(oF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aF(t,e){return!e||"object"!==oF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cF(t){return(cF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uF(t,e){return(uF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aF(this,cF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:rF,PolygonEditor:Zz,InsetEditor:Gz,SelectEditor:Rx,CircleEditor:JC}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return ed.toCSS(this.state)}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent||"changeClipPathPopup",this.toClipPathCSS())}},{key:"getBody",value:function(){return"\n    <div class='clippath-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='clip-path-editor clip-path-type' ref='$clippathType'></div>\n        <div class='clip-path-editor' ref='$clippath'></div>\n      </div>\n    </div>"}},{key:zn("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:zn("$clippath"),value:function(){switch(this.state.type){case"circle":return"<CircleEditor ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<EllipseEditor ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<InsetEditor ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<PolygonEditor ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<PathEditor ref='$path' key='path' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"svg":var t=(pl.selection.currentProject||{svg:[]}).svg.filter(function(t){return"clip-path"===t.type}).map(function(t){return t.name}).join(",");return t.length&&(t=","+t),"<SelectEditor ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(t,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:Pr("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:Pr("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(ed.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:Pr("hideClipPathPopup"),value:function(){this.hide()}}])&&iF(n.prototype,r),o&&iF(n,o),e}();function lF(t){return(lF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hF(t,e){return!e||"object"!==lF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yF(t){return(yF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dF(t,e){return(dF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vF=["none","all","background-color","background-position","background-size","border","border-color","border-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left","border-left-color","border-left-width","border-radius","border-right","border-right-color","border-right-width","border-spacing","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-width","bottom","box-shadow","color","filter","font-size","font-size-adjust","font-stretch","font-weight","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","opacity","outline","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","perspective-origin","right","text-decoration","text-decoration-color","text-indent","text-shadow","top","transform","vertical-align","visibility","width","word-spacing","z-index"],bF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hF(this,yF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:Rx,CubicBezierEditor:y_,RangeEditor:Bx}}},{key:"initState",value:function(){return{property:"all",duration:He.second(0),timingFunction:"ease",delay:He.second(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeTransitionPropertyPopup",t)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return'\n      <div class="box">\n        '.concat(this.templateForProperty(),"\n        ").concat(this.templateForTimingFunction(),"\n        ").concat(this.templateForDelay(),"\n        ").concat(this.templateForDuration(),"\n      </div>\n    ")}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <label>Timing function</label>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timingFunction\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Pr("changeTransition"),value:function(t,e){this.updateData(fF({},t,e))}},{key:"templateForProperty",value:function(){return"\n      <div class='name'>\n        <SelectEditor ref='$property' icon=\"true\" label=\"Property\" key='property' value=\"".concat(this.state.property,'" options="').concat(vF.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(fF({},t,e))}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(fF({},t,e))}},{key:Pr("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Pr("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&pF(n.prototype,r),o&&pF(n,o),e}();function gF(t){return(gF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wF(t,e){return!e||"object"!==gF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kF(t){return(kF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OF(t,e){return(OF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wF(this,kF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:rR,SVGClipPathEditor:dR}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPropertyPopup",name:"",type:"",value:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-property-editor-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForName(),"\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>")}},{key:zn("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <SVGFilterEditor ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </SVGFilterEditor>\n        ");case"clip-path":return"\n          <SVGClipPathEditor ref='$clippath' title=\"SVG Clip Path\" key=\"clip-path\" onchange='changeClipPathEditor'>\n            <property name=\"value\" type='json'>".concat(JSON.stringify(this.state.value),"</property>\n          </SVGClipPathEditor>\n        ")}return""}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:Pr("changeClipPathEditor"),value:function(t,e){this.updateData({value:e})}},{key:"templateForName",value:function(){return"\n      <div class='name'>\n        <label>Name</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.name,"' ref='$name'/>\n        </div>\n      </div>\n    ")}},{key:yn("$name"),value:function(t){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.load()}},{key:Pr("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:Pr("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&mF(n.prototype,r),o&&mF(n,o),e}();function jF(t){return(jF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xF(t,e){return!e||"object"!==jF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _F(t,e,n){return(_F="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=TF(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function TF(t){return(TF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EF(t,e){return(EF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xF(this,TF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Selector Property"}},{key:"components",value:function(){return{CSSPropertyEditor:RC}}},{key:"initState",value:function(){return{selector:"",properties:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeSelectorPopup",this.state)}},{key:"getBody",value:function(){return"\n    <div class='selector-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForSelector(),"\n        ").concat(this.templateForProperty(),"        \n      </div>\n    </div>")}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$propertyEditor' onchange='changePropertyEditor' />"}},{key:"templateForSelector",value:function(){return"\n      <div class='name'>\n        <label>Selector</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.selector,"' ref='$selector'/>\n        </div>\n      </div>\n    ")}},{key:yn("$selector"),value:function(t){if(!this.refs.$selector.value.match(/^[a-zA-Z0-9\:\_\-\.\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({selector:this.refs.$selector.value})}},{key:"refresh",value:function(){_F(TF(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Pr("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:Pr("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&PF(n.prototype,r),o&&PF(n,o),e}();function $F(t){return($F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VF(t,e){return!e||"object"!==$F(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AF(t){return(AF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DF(t,e){return(DF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var IF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VF(this,AF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Color Picker"}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:ER}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <EmbedColorPicker ref='$color' value='".concat(this.state.color,"' onchange='changeColor' />\n        </div>\n        <div class='box assets' ref='$assets'>\n          <label>Assets</label>\n          <div class='project-color-list' ref='$projectColors'></div>\n        </div>\n      </div>\n    ")}},{key:zn("$projectColors"),value:function(){return(pl.selection.currentProject||{colors:[]}).colors.map(function(t){return"\n      <div class='color-item' title='".concat(t.name,"'>\n        <div class='color-view' data-color='").concat(t.color,"' style='background-color: ").concat(t.color,"'></div>\n      </div>")})}},{key:rn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$delegateTarget.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Pr("refreshColorAssets")+An(100),value:function(){this.load("$projectColors")}},{key:Pr("changeColor"),value:function(t){this.updateData({color:t})}},{key:Pr("showColorPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),t.hideColorAssets?this.refs.$assets.hide():this.refs.$assets.show(),this.show(232)}},{key:Pr("hideColorPickerPopup"),value:function(){this.hide()}}])&&RF(n.prototype,r),o&&RF(n,o),e}();function MF(t){return(MF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BF(t,e){return!e||"object"!==MF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zF(t){return(zF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FF(t,e){return(FF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BF(this,zF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FF(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:zn("$imageBox")+Vn,value:function(){return(pl.selection.currentProject||{images:[]}).images.map(function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")})}},{key:rn("$imageBox .image-item"),value:function(t){var e=t.$delegateTarget.$("img");this.updateData({value:e.attr("src"),naturalWidth:He.px(e.naturalWidth),naturalHeight:He.px(e.naturalHeight),width:He.px(e.naturalWidth),height:He.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Pr("showImageSelectPopup"),value:function(t,e){this.setState({context:t.context,changeEvent:t.changeEvent,value:t.value,params:e},!1),this.refresh(),this.show(500)}},{key:Pr("hideImageSelectPopup"),value:function(){this.hide()}}])&&LF(n.prototype,r),o&&LF(n,o),e}();function HF(t){return(HF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YF(t,e){return!e||"object"!==HF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NF(t){return(NF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KF(t,e){return(KF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YF(this,NF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KF(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"grid"}}},{key:"template",value:function(){return"\n      <div class='image-asset-picker'>\n        <div class='image-list' ref='$imageList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$imageList")+Vn,value:function(){return(pl.selection.currentProject||{images:[]}).images.map(function(t){return"\n        <div class='image-item'>\n          <div class='preview'>\n            <img src=\"".concat(t.local,'" />\n          </div>\n        </div>\n      ')})}},{key:rn("$imageList .image-item"),value:function(t){var e=t.$delegateTarget.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:Pr("addImageAsset"),value:function(){this.refresh()}}])&&XF(n.prototype,r),o&&XF(n,o),e}();function UF(t){return(UF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function qF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JF(t,e){return!e||"object"!==UF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QF(t,e,n){return(QF="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=tG(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function tG(t){return(tG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eG(t,e){return(eG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),JF(this,tG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eG(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Gradient & Image Picker"}},{key:"components",value:function(){return{ImageAssetPicker:WF,EmbedColorPicker:ER,GradientEditor:bT}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){QF(tG(e.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getBody",value:function(){return"\n      <div class=\"gradient-picker\" ref='$body' data-selected-editor=''>\n        <div class='box'>\n          <div ref='$gradientEditor'></div>\n        </div>\n        <div class='box'>\n          <div class='colorpicker'>\n            <EmbedColorPicker ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <ImageAssetPicker ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Pr("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Pv&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:zn("$gradientEditor"),value:function(){return'<GradientEditor \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:Pr("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Pr("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Pr("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Pr("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:Pr("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Pr("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ZF(t,e,n[e])})}return t}({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&qF(n.prototype,r),o&&qF(n,o),e}();function rG(t){return(rG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iG(t,e){return!e||"object"!==rG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aG(t){return(aG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cG(t,e){return(cG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),iG(this,aG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cG(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Filter"}},{key:"components",value:function(){return{SVGFilterEditor:rR}}},{key:"getClassName",value:function(){return"transparent"}},{key:rn("$fullscreen"),value:function(){}},{key:"initState",value:function(){return{changeEvent:"changeSVGFilterPopup",id:"",preview:!0,filters:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-property-editor-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:zn("$editor"),value:function(){return"\n      <SVGFilterEditor ref='$filter' title='Filter Type' key=\"filter\" onchange='changeFilterEditor'>\n        <property name=\"value\" type=\"json\">".concat(JSON.stringify(this.state.filters),"</property>\n      </SVGFilterEditor>\n    ")}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData({filters:e}),this.bindData("$sampleFilter")}},{key:"refresh",value:function(){this.load()}},{key:Pr("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map(function(t){return ms.parse(t)}),t.preview=!C(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:Pr("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&oG(n.prototype,r),o&&oG(n,o),e}();function sG(t){return(sG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fG(t,e){return!e||"object"!==sG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pG(t){return(pG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hG(t,e){return(hG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fG(this,pG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hG(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Path Editor"}},{key:"components",value:function(){return{SVGItemProperty:dL}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPathPopup",id:"",filters:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-path-editor-popup' ref='$popup'>\n      <div class='box editor' ref='$editor'>\n\n      </div>    \n      <div class=\"box inspector\">\n        <SVGItemProperty ref='$property' />\n      </div>\n\n    </div>"}},{key:zn("$editor"),value:function(){return'\n      <SVGPathEditor ref=\'$pathEditor\' key="d" d="'.concat(this.state.d,"\" onchange='changeFilterEditor' />\n    ")}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:Pr("showSVGPathPopup"),value:function(t){this.setState(t),this.show(600)}},{key:Pr("hideSVGPathPopup"),value:function(){this.$el.hide()}}])&&lG(n.prototype,r),o&&lG(n,o),e}();function dG(t){return(dG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bG(t,e){return!e||"object"!==dG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gG(t){return(gG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mG(t,e){return(mG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wG=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],kG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bG(this,gG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mG(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"Background Pattern"}},{key:"components",value:function(){return{EmbedColorPicker:ER,RangeEditor:Bx,SelectEditor:Rx,GradientEditor:bT}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||He.px(0),y:this.props.y||He.px(0),width:this.props.width||He.px(0),height:this.props.height||He.px(0),blendMode:this.props.blendMode}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,t,this.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"Size\" ref='$size' key='size' value=\"".concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <RangeEditor \n            label="X"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="'.concat(this.state.x,'"\n            min="-1000" max="1000" step="1"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return'\n      <div class=\'popup-item\'>\n        <RangeEditor \n            label="Y" \n            calc="false"       \n            ref="$y" \n            key="y"\n            value="'.concat(this.state.y,'"            \n            min="-1000" max="1000" step="1"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForWidth",value:function(){return'\n    <div class=\'popup-item\'>\n      <RangeEditor \n          label="Width"   \n          calc="false"             \n          ref="$width" \n          key="width"\n          value="'.concat(this.state.width,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForHeight",value:function(){return'\n    <div class=\'popup-item\'>\n      <RangeEditor \n          label="Height"\n          calc="false"          \n          ref="$height" \n          key="height"\n          value="'.concat(this.state.height,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForRepeat",value:function(){return"\n    <div class='popup-item grid-2'>\n      <label>Repeat</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='".concat(this.state.repeat,'\'>\n          <button type="button" value=\'no-repeat\' title="no-repeat"></button>\n          <button type="button" value=\'repeat\' title="repeat"></button>\n          <button type="button" value=\'repeat-x\' title="repeat-x"></button>\n          <button type="button" value=\'repeat-y\' title="repeat-y"></button>\n          <button type="button" value=\'space\' title="space"></button>\n          <button type="button" value=\'round\' title="round"></button>\n      </div>\n    </div>\n    ')}},{key:rn("$repeat button"),value:function(t){var e=t.$delegateTarget;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <SelectEditor label=\"Blend\" ref='$blend' key='blendMode' value=\"".concat(this.state.blendMode,'" options="').concat(wG.join(","),'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\">\n\n        <div class='box'>\n\n          <div class='background-property'>\n            ".concat(this.templateForSize(),"        \n            ").concat(this.templateForX(),"\n            ").concat(this.templateForY(),"\n            ").concat(this.templateForWidth(),"\n            ").concat(this.templateForHeight(),"\n            ").concat(this.templateForRepeat(),"\n            ").concat(this.templateForBlendMode(),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("showBackgroundImagePositionPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",this.params=e,this.setState(t),this.show(460)}}])&&vG(n.prototype,r),o&&vG(n,o),e}();function OG(t){return(OG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function jG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function PG(t,e){return!e||"object"!==OG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xG(t,e,n){return(xG="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_G(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function _G(t){return(_G=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TG(t,e){return(TG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EG={FillPickerPopup:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),PG(this,_G(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TG(t,e)}(e,sz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Fragment picker"}},{key:"components",value:function(){return{ImageAssetPicker:WF,EmbedColorPicker:ER,FillEditor:tV}}},{key:"initState",value:function(){return{image:cb.create()}}},{key:"initialize",value:function(){xG(_G(e.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getBody",value:function(){return"\n      <div class=\"gradient-picker\" ref='$body' data-selected-editor=''>\n        <div class='box'>\n          <div ref='$gradientEditor'></div>\n        </div>\n        <div class='box'>\n          <div class='colorpicker'>\n            <EmbedColorPicker ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <ImageAssetPicker ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Pr("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Pv&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:zn("$gradientEditor"),value:function(){return'<FillEditor \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:Pr("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Pr("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Pr("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Pr("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:Pr("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Pr("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){SG(t,e,n[e])})}return t}({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&jG(n.prototype,r),o&&jG(n,o),e}(),BackgroundImagePositionPopup:kG,SVGPathPopup:yG,SVGFilterPopup:uG,GradientPickerPopup:nG,ImageSelectPopup:GF,ColorPickerPopup:IF,SelectorPopup:CF,SVGPropertyPopup:SF,ClipPathPopup:sF,KeyframePopup:Dz,AnimationPropertyPopup:Ez,TransitionPropertyPopup:bF,TextShadowPropertyPopup:Oz,BoxShadowPropertyPopup:vz};function CG(t){return(CG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $G(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function RG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VG(t,e){return!e||"object"!==CG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AG(t,e,n){return(AG="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=DG(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function DG(t){return(DG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IG(t,e){return(IG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VG(this,DG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IG(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n    <div class=\'style-view\' style=\'position: absolute;display:inline-block;left:-1000px;\'>\n      <div ref=\'$svgArea\'></div>\n      <svg width="0" height="0">\n        <defs>\n          <marker id="start" markerWidth="8" markerHeight="8" refX="5" refY="5">\n              <circle cx="5" cy="5" r="3" style="stroke: none; fill:#000000;"/>\n          </marker>\n          <marker id="head" orient="auto" markerWidth="10" markerHeight="10" refX=".5" refY="3">\n            <path d="M0,0 V6 L5,3 Z" fill="red"></path>\n          </marker>\n        </defs>\n      </svg>\n    </div>\n    '}},{key:"initialize",value:function(){AG(DG(e.prototype),"initialize",this).call(this),this.refs.$head=Ke.create(document.head)}},{key:"makeProjectStyle",value:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"<style type='text/css' data-id='".concat(t.id,"'>\n      :root {\n        ").concat(Y(n),"\n      }\n      /* keyframe */\n      ").concat(e,"\n    </style>\n    ")}},{key:"makeStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateView("[data-id='".concat(t.id,"']")),r=t.generateViewBoundCSS("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n      <style type='text/css' data-id='").concat(t.id,"-move'>").concat(r,"</style>\n    ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")}},{key:"makeStylePosition",value:function(t){var e=t.generateViewBoundCSS("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"-move'>").concat(e,"</style>\n      ")}},{key:"refreshStyleHead",value:function(){var t=this,e=pl.selection.currentProject||new sl;this.refs.$head.$$("style").forEach(function(t){return t.remove()}),this.changeStyleHead(e),e.artboards.forEach(function(e){return t.changeStyleHead(e)})}},{key:"changeStyleHead",value:function(t){var e=this;Ke.create("div").html(this.makeStyle(t)).children().forEach(function(t){e.refs.$head.append(t)})}},{key:"changeStyleHeadPosition",value:function(t){var e=this;Ke.create("div").html(this.makeStylePosition(t)).children().forEach(function(t){e.refs.$head.append(t)})}},{key:"refreshStyleHeadOne",value:function(t){var e=[t];arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(e=[t].concat($G(t.allLayers)));var n=e.map(function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-move"]')});this.refs.$head.$$(n).forEach(function(t){t.remove()}),this.changeStyleHead(t)}},{key:"refreshStyleHeadPositionOne",value:function(t){var e='style[data-id="'.concat(t.id,'-move"]');this.refs.$head.$$(e).forEach(function(t){t.remove()}),this.changeStyleHeadPosition(t)}},{key:"makeSvg",value:function(t){var e=t.toSVGString?t.toSVGString():"";return"\n      ".concat(e?'<svg width="0" height="0">'.concat(e,"</svg>"):"","\n    ")}},{key:zn("$svgArea"),value:function(){var t=pl.selection.currentProject||{};return this.makeSvg(t)}},{key:Pr("refreshComputedStyle")+An(100),value:function(t){var e,n=(e=this.refs.$canvas).getComputedStyle.apply(e,$G(t));this.emit("refreshComputedStyleCode",n)}},{key:Pr("refreshStyleView","moveTimeline","playTimeline"),value:function(t){t?(this.load(),this.refreshStyleHeadOne(t)):this.refresh()}},{key:Pr("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Pr("refreshStylePosition"),value:function(){var t=this;pl.selection.each(function(e){t.refreshStyleHeadPositionOne(e)})}},{key:Pr("refreshSelectionStyleView"),value:function(){var t=this;pl.selection.each(function(e){t.refreshStyleHeadOne(e,!0)})}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&RG(n.prototype,r),o&&RG(n,o),e}();function LG(t){return(LG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zG(t,e){return!e||"object"!==LG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FG(t){return(FG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GG(t,e){return(GG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zG(this,FG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GG(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ProjectProperty:bM,ArtBoardProperty:SM,LayerTreeProperty:EM}}},{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <ArtBoardProperty />          \n        </div>\n        <div>\n          <LayerTreeProperty />\n        </div>\n      </div>\n    "}}])&&BG(n.prototype,r),o&&BG(n,o),e}(),XG={heart:'<svg viewBox="0 0 20 20">\n<path d="M9.719,17.073l-6.562-6.51c-0.27-0.268-0.504-0.567-0.696-0.888C1.385,7.89,1.67,5.613,3.155,4.14c0.864-0.856,2.012-1.329,3.233-1.329c1.924,0,3.115,1.12,3.612,1.752c0.499-0.634,1.689-1.752,3.612-1.752c1.221,0,2.369,0.472,3.233,1.329c1.484,1.473,1.771,3.75,0.693,5.537c-0.19,0.32-0.425,0.618-0.695,0.887l-6.562,6.51C10.125,17.229,9.875,17.229,9.719,17.073 M6.388,3.61C5.379,3.61,4.431,4,3.717,4.707C2.495,5.92,2.259,7.794,3.145,9.265c0.158,0.265,0.351,0.51,0.574,0.731L10,16.228l6.281-6.232c0.224-0.221,0.416-0.466,0.573-0.729c0.887-1.472,0.651-3.346-0.571-4.56C15.57,4,14.621,3.61,13.612,3.61c-1.43,0-2.639,0.786-3.268,1.863c-0.154,0.264-0.536,0.264-0.69,0C9.029,4.397,7.82,3.61,6.388,3.61"></path>\n</svg>'};function YG(t){return(YG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NG(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function KG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WG(t,e){return!e||"object"!==YG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UG(t){return(UG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZG(t,e){return(ZG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),WG(this,UG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZG(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{}}},{key:"template",value:function(){return"\n      <div class='library-items'>\n        <div class='group  path'>\n          <div class='title'><label>ClipArt</label></div>\n          <div class='list'>\n            ".concat(Object.keys(XG).map(function(t){return"<div class='path-item'>".concat(XG[t],"</div>")}).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$el .path-item"),value:function(t){var e=t.$delegateTarget.$("svg"),n=e.$("path"),r=NG(e.attr("viewBox").split(" "),4),o=r[0],i=r[1],a=r[2],c=r[3],u=n.attr("d"),s={x:+o,y:+i,width:+a,height:+c};this.emit("convert.path",u,s)}}])&&KG(n.prototype,r),o&&KG(n,o),e}();function JG(t){return(JG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tH(t,e){return!e||"object"!==JG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eH(t){return(eH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nH(t,e){return(nH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tH(this,eH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ObjectItems:HG,ProjectProperty:bM,ProjectInformationProperty:PB,LibraryItems:qG}}},{key:"template",value:function(){return'\n      <div class=\'layer-tab\'>\n        <div class="tab number-tab" data-selected-value="2" ref="$tab">\n          <div class="tab-header" ref="$header">\n            <div class="tab-item" data-value="1">\n              <label>Projects</label>\n            </div>          \n            <div class="tab-item" data-value="2">\n              <label>Layers</label>\n            </div>\n            <div class=\'tab-item\' data-value=\'3\'>\n              <label>Library</label>\n            </div>   \n            <div class=\'tab-item empty-item\'></div>\n            <div class=\'tab-item empty-item\'></div>                                 \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <ProjectProperty />\n              <ProjectInformationProperty />\n            </div>\n            <div class="tab-content" data-value="2">\n              <ObjectItems />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <LibraryItems />\n            </div>\n          </div>\n        </div>\n      </div>\n    '}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:rn("$extraHeader .tab-item:not(.empty-item)"),value:function(t){this.refs.$extraTab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&QG(n.prototype,r),o&&QG(n,o),e}();function oH(t){return(oH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iH(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function aH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cH(t,e){return!e||"object"!==oH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uH(t){return(uH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sH(t,e){return(sH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cH(this,uH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){iH(t,e,n[e])})}return t}({},ZS,{LayerTab:rH})}},{key:"template",value:function(){return"\n      <div class=\"feature-control object-list\">\n        <LayerTab />\n        <div class='draw-items' ref='$items'>\n          <label>CSS</label>\n          <AddRect />\n          <AddCircle />         \n          <AddText />\n          <AddImage />\n          <AddCube />\n          \x3c!-- AddSphere / --\x3e\n          <div class='split'></div>\n          <label>SVG</label>\n          <AddSVGRect />\n          <AddPath />\n          <AddPolygon />\n          <AddStar />\n          \x3c!-- <AddRedGL /> --\x3e\n        </div>\n      </div>\n    "}},{key:rn("$items button"),value:function(t){t.$delegateTarget.onlyOneClass("selected")}}])&&aH(n.prototype,r),o&&aH(n,o),e}();function fH(t){return(fH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hH(t,e){return!e||"object"!==fH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yH(t){return(yH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dH(t,e){return(dH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hH(this,yH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dH(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n      <div class='logo'>\n        <div class='text'>EASY</div>\n        <div class='extra-text'>LOGIC</div>\n        <div class='image'></div>\n      </div>    \n    "}}])&&pH(n.prototype,r),o&&pH(n,o),e}();function bH(t){return(bH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mH(t,e){return!e||"object"!==bH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wH(t){return(wH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kH(t,e){return(kH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mH(this,wH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return ZS}},{key:"template",value:function(){return"\n      <div class='external-tool-menu'>\n        <div class='items  right'>\n          <Download />\n          <Save />\n          <ExportView />\n          <ExportCodePen />\n          <Fullscreen />\n          \x3c!-- ExportJSFiddle / --\x3e\n\n          <div class='split'></div>\n          \n          \x3c!--ThemeSwitcher /--\x3e\n          <Github />\n          <Manual />\n\n        </div>                \n      </div>\n    "}}])&&gH(n.prototype,r),o&&gH(n,o),e}();function SH(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function jH(t,e){if(V(e)){var n=SH(e.split(":"),4),r=n[0],o=n[1],i=n[2],a=n[3];return 3600*(r=parseInt(r,10))+60*(o=parseInt(o,10))+(i=parseInt(i,10))+(a=parseInt(a,10))*(1/t)}return M(e)?e/t:0}function PH(t,e){var n=Math.floor(e/3600),r=Math.floor(e/60%60),o=Math.floor(e%60),i=Math.round((e-Math.floor(e))*t);return i===t&&(i=0,60===(o+=1)&&60===(r+=1)&&(n+=1)),[n,r,o,i].map(function(t){return(t+"").padStart(2,"0")}).join(":")}function xH(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return PH(t,jH(t,e)-jH(t,n))}function _H(t){var e={id:0,start:0,speed:t.speed||1,elapsed:t.elapsed||0,duration:t.duration||0,iterationStartCount:1,iterationCount:t.iterationCount||Number.MAX_SAFE_INTEGER,direction:t.direction||"normal",log:[],logIndex:0,tick:t.tick||function(){},startCallback:t.start||function(){},endCallback:t.end||function(){},firstCallback:t.first||function(){},lastCallback:t.last||function(){}},n=function(t){return"normal"===e.direction||"reverse"!==e.direction&&("alternate"===e.direction?e.iterationStartCount%2==1:"alternate-reverse"===e.direction?e.iterationStartCount%2==0:void 0)?t:1-t},r=function(t){var r=!1;null===e.start&&(e.start=t,r=!0);var a=t-e.start;e.elapsed+=a*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?i():o()},o=function(){e.id=requestAnimationFrame(r)},i=function(){e.endCallback(e.elapsed,e),e.iterationStartCount++,e.iterationStartCount>e.iterationCount?(e.lastCallback(e.elapsed,e),cancelAnimationFrame(e.id)):(e.start=null,e.elapsed=0,o())},a=function(t){e.elapsed=t,e.tick(e.elapsed,e)};return{play:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.start=null,e.iterationStartCount=1,e.log=[],e.lastTime=0,e.logIndex=0,M(t.elapsed)&&(e.elapsed=t.elapsed),M(t.speed)&&(e.speed=t.speed),M(t.duration)&&(e.duration=t.duration),M(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),V(t.direction)&&(e.direction=t.direction),I(t.tick)&&(e.tick=t.tick),I(t.start)&&(e.startCallback=t.start),I(t.end)&&(e.endCallback=t.end),I(t.first)&&(e.firstCallback=t.first),I(t.last)&&(e.lastCallback=t.last),e.firstCallback(e.elapsed,e),o()},stop:function(){cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}function TH(t){return(TH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function EH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CH(t,e){return!e||"object"!==TH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $H(t){return($H=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RH(t,e){return(RH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CH(this,$H(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RH(t,e)}(e,_r),n=e,(r=[{key:xr("add.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){t?n.addTimelineLayer(t):n.addTimeline(),e.emit("refreshTimeline"),e.emit("addTimeline")})}},{key:xr("select.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.selectTimeline(t),e.emit("refreshTimeline"),e.emit("selectTimeline")})}},{key:xr("set.timeline.offset")+An(100),value:function(t){var e=this;this.currentArtboard(function(n,r){n.setTimelineKeyframeOffsetValue(t.layerId,t.property,t.id,t.value,t.timing,t.time),e.emit("refreshTimeline")})}},{key:xr("refresh.selected.offset"),value:function(){var t=pl.timeline.items[0];t&&this.emit("refreshOffsetValue",t)}},{key:xr("add.timeline.property"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};this.currentArtboard(function(r,o){var i;!1===$(t)&&(t=[t]);var a=[];t.forEach(function(t){var e={layerId:t,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},o=r.addTimelineKeyframe(e);o&&a.push(o)}),(i=pl.timeline).select.apply(i,a),e.emit("refreshTimeline"),e.trigger("refresh.selected.offset")})}},{key:xr("add.timeline.current.property"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{timing:"linear"};this.currentArtboard(function(n,r){var o,i=[];pl.selection.each(function(t){var r={layerId:t.id,property:e.property,value:t[e.property]+"",timing:e.timing,editor:e.editor},o=n.addTimelineKeyframe(r);o&&i.push(o)}),(o=pl.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("delete.timeline.keyframe"),value:function(){var t=this;this.currentArtboard(function(e,n){pl.timeline.each(function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)}),pl.timeline.empty(),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("remove.timeline.property"),value:function(t,e){var n=this;this.currentArtboard(function(r,o){r.removeTimelineProperty(t,e),pl.timeline.empty(),n.emit("refreshTimeline"),n.trigger("refresh.selected.offset")})}},{key:xr("remove.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.removeTimeline(t),pl.timeline.empty(),e.emit("refreshTimeline"),e.trigger("refresh.selected.offset")})}},{key:xr("remove.animation"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.removeAnimation(t),pl.timeline.empty(),e.emit("refreshTimeline"),e.emit("removeAnimation")})}},{key:xr("add.timeline.keyframe"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{timing:"linear"};this.currentArtboard(function(n,r){var o=n.searchById(e.layerId),i={layerId:e.layerId,property:e.property,time:e.time,value:o[e.property]+"",timing:e.timing,editor:e.editor},a=n.addTimelineKeyframe(i);pl.timeline.select(a),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("change.timeline.offset"),value:function(){var t=this;this.currentArtboard(function(e,n){list.forEach(function(t){e.setTimelineKeyframeOffsetTime(t.layerId,t.property,t.id,t.time)}),t.emit("refreshTimeline")})}},{key:xr("change.property"),value:function(t,e){var n=this;this.currentArtboard(function(r,o){pl.selection.each(function(n){var o=E(e)?n[t]:e;o+="",r.setTimelineKeyframeOffsetValue(n.id,t,void 0,o)}),n.emit("refreshTimelineOffsetValue")})}},{key:xr("copy.timeline.property"),value:function(t,e){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.currentArtboard(function(o,i){o.copyTimelineKeyframe(t,e,r),n.emit("refreshTimeline")})}},{key:Pr("moveTimeline"),value:function(){this.trigger("pause.timeline")}},{key:xr("pause.timeline"),value:function(){this.state.timer&&this.state.timer.stop()}},{key:"currentArtboard",value:function(t){var e=pl.selection.currentArtboard;if(e){var n=e.getSelectedTimeline();t&&t(e,n)}}},{key:xr("last.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(PH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("next.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(PH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("first.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(PH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("prev.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(PH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("play.timeline"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"normal";pl.selection.empty(),this.emit("refreshSelection"),pl.changeMode("play"),this.emit("after.change.mode"),this.currentArtboard(function(o,i){var a=o.getSelectedTimelineLastTime();t.state.timer?t.state.timer.stop():t.state.timer=_H({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.state.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(PH(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")}})})}}])&&EH(n.prototype,r),o&&EH(n,o),e}();function AH(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(t,e){var i=0;return i=0===e?n:1===e?r:n+(r-n)*t,o?i+o:i}}function DH(t,e,n){return function(t,e){return n}}function IH(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",i=null;return"parent"===o?i=t[o][r]:"self"===o&&(i=t[r]),i?n.toPx(i.value):n}function MH(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",a=He.parse(n),c=He.parse(r);return a.unit===c.unit?AH(t,e,a.value,c.value,a.unit):a.equals(c)?DH(0,0,a):function(n,r){var u=IH(t,e,a,o,i),s=IH(t,e,c,o,i);return 0===r?u:1===r?s:function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",a=null;return"parent"===i?a=t[i][o]:"self"===i&&(a=t[o]),a?n.to(r,a.value):n}(t,e,He.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}var LH=function(t){return t.isAll?[t["border-radius"]||"0px",t["border-radius"]||"0px",t["border-radius"]||"0px",t["border-radius"]||"0px"]:[t["border-top-left-radius"]||"0px",t["border-top-right-radius"]||"0px",t["border-bottom-right-radius"]||"0px",t["border-bottom-left-radius"]||"0px"]};function BH(t,e,n,r){for(var o=LH(Fx.parseStyle(n)),i=LH(Fx.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=MH(t,e,o[u],i[u]);return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function zH(t,e,n,r){return function(t,e){return 1===e?r:n}}function FH(t,e,n,r){var o=Ee.parse(n||"rgba(0, 0, 0, 1)"),i=Ee.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:ve(o,i,t,"rgb")}}function GH(t,e,n,r){for(var o=mx.parseStyle(n),i=mx.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||mx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||mx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:zH(0,0,l.inset,f.inset),offsetX:MH(t,e,l.offsetX,f.offsetX),offsetY:MH(t,e,l.offsetY,f.offsetY),blurRadius:MH(t,e,l.blurRadius,f.blurRadius),spreadRadius:MH(t,e,l.spreadRadius,f.spreadRadius),color:FH(0,0,l.color,f.color)})}return function(t,e){return mx.join(c.map(function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}}))}}function HH(t,e,n,r){return zH(0,0,n,r)}var XH=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return t=+t,function(n){var r=1/t;return"start"==e?r*Math.ceil(n/r):"end"==e?r*Math.floor(n/r):void 0}};function YH(){return XH(1,"start")}function NH(){return XH(1,"end")}var KH,WH=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},UH={step:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return XH(t,e)},"step-start":YH,"step-end":NH,stepStart:YH,stepEnd:NH,"ease-out-elastic":WH,easeOutElastic:WH};function ZH(t,e,n){return n.toDeg()}function qH(t,e,n,r){var o=He.parse(n),i=He.parse(r);return function(t,e){var n=ZH(0,0,o),r=ZH(0,0,i);return 0===e?n:1===e?r:He.deg(n.value+(r.value-n.value)*t).to(o.unit)}}function JH(t,e,n,r){for(var o=TE.parseStyle(n),i=TE.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||TE.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||TE.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:MH(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:MH(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:MH(t,e,l.blurRadius,f.blurRadius,"radius"),color:FH(0,0,l.color,f.color)})}return function(t,e){return TE.join(c.map(function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}}))}}function QH(t,e,n,r){var o={cut:zH(0,0,n.cut,r.cut),percent:AH(t,e,n.percent,r.percent),px:AH(t,e,n.px,r.px),em:AH(t,e,n.em,r.em),unit:HH(0,0,n.unit,r.unit),color:FH(0,0,n.color,r.color)};return function(t,e){return new cv({cut:o.cut(t,e),percent:o.percent(t,e),px:o.px(t,e),em:o.em(t,e),unit:o.unit(t,e),color:o.color(t,e)})}}function tX(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=Math.max(n.length,r.length),i=[],a=0;a<o;a++){var c=n[a],u=r[a];i[a]=c&&u?QH(t,e,c,u):zH(0,0,c,u)}return function(t,e){return i.map(function(n){return n(t,e)})}}function eX(t,e,n,r){var o={angle:AH(t,e,n.angle,r.angle),colorsteps:tX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new Dj({angle:o.angle(t,e),colorsteps:n})}}function nX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}nX(KH={},"center",!0),nX(KH,"top",!0),nX(KH,"left",!0),nX(KH,"right",!0),nX(KH,"bottom",!0);function rX(t,e){switch(e){case"width":if("center"===t)return"50%";if("left"===t)return"0%";if("right"===t)return"100%";break;case"height":if("center"===t)return"50%";if("top"===t)return"0%";if("bottom"===t)return"100%"}return t}function oX(t,e,n,r){n.radialPosition[0]=rX(n.radialPosition[0],"width"),n.radialPosition[1]=rX(n.radialPosition[1],"height"),r.radialPosition[0]=rX(r.radialPosition[0],"width"),r.radialPosition[1]=rX(r.radialPosition[1],"height");var o={radialType:HH(0,0,n.radialType,r.radialType),radialPositionX:MH(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:MH(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:tX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new eP({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function iX(t,e,n,r){var o={angle:AH(t,e,n.angle,r.angle),radialPositionX:MH(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:MH(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:tX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new OP({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function aX(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=zH(0,0,n,r);else if(n.type!=r.type)o.image=zH(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=eX(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=eX(t,e,n,r);return function(t,e){var n=o(t,e),r=new Hj({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=oX(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=oX(t,e,n,r);return function(t,e){var n=o(t,e);return new sP({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=iX(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=iX(t,e,n,r);return function(t,e){var n=o(t,e);return new EP({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function cX(t,e,n,r){for(var o=FP.parseStyle(N(n)),i=FP.parseStyle(N(r)),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||null,f=i[u]||null;l&&!f?c.push({image:DH(0,0,l.image),size:DH(0,0,l.size),width:DH(0,0,l.width),height:DH(0,0,l.height),x:DH(0,0,l.x),y:DH(0,0,l.y),blendMode:DH(0,0,l.blendMode),repeat:DH(0,0,l.repeat)}):!l&&f?c.push({image:DH(0,0,f.image),size:DH(0,0,f.size),width:DH(0,0,f.width),height:DH(0,0,f.height),x:DH(0,0,f.x),y:DH(0,0,f.y),blendMode:DH(0,0,f.blendMode),repeat:DH(0,0,f.repeat)}):l&&f&&c.push({image:aX(t,e,l.image,f.image),size:HH(0,0,l.size,f.size),width:MH(t,e,l.width,f.width,"width","self"),height:MH(t,e,l.height,f.height,"height","self"),x:MH(t,e,l.x,f.x,"width","self"),y:MH(t,e,l.y,f.y,"height","self"),blendMode:HH(0,0,l.blendMode,f.blendMode),repeat:HH(0,0,l.repeat,f.repeat)})}return function(t,e){return FP.join(c.map(function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}}))}}function uX(t,e,n,r){var o={type:HH(0,0,n.type,r.type),value:zH(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=MH(t,e,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":o.value=AH(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=MH(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=MH(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=MH(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=MH(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=FH(0,0,n.color,r.color)}return function(t,e){return"drop-shadow"===o.type(t,e)?{type:o.type(t,e),offsetX:o.offsetX(t,e),offsetY:o.offsetY(t,e),blurRadius:o.blurRadius(t,e),spreadRadius:o.spreadRadius(t,e),color:o.color(t,e)}:{type:o.type(t,e),value:o.value(t,e)}}}function sX(t,e,n,r){for(var o=T_.parseStyle(n),i=T_.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u],f=i[u];l&&!f?c.push(DH(0,0,l)):!l&&f?c.push(DH(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(zH(0,0,l,f)):c.push(uX(t,e,l,f))}return function(t,e){return T_.join(c.map(function(n){return n(t,e)}))}}function lX(t,e,n,r){var o=ed.parseStyle(n),i=ed.parseStyle(r),a={type:zH(0,0,o.type,o.type),value:zH(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=ed.parseStyleForCircle(o.value),i.value=ed.parseStyleForCircle(i.value),a.value=function(t,e,n,r){var o={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?o.radius=zH(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?o.radius=makeInterpolateNumber(t,e,n.radius.value,r.radius.value,n.radius.unit):o.radius=MH(t,e,n.radius,r.radius,"width","self"),o.x=MH(t,e,n.x,r.x,"width","self"),o.y=MH(t,e,n.y,r.y,"height","self"),function(t,e){var n=o.radius(t,e),r=o.x(t,e),i=o.y(t,e),a="".concat(r," ").concat(i),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(a):"".concat(a)}}(t,e,o.value,i.value);break;case"ellipse":o.value=ed.parseStyleForEllipse(o.value),i.value=ed.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:MH(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:MH(t,e,n.radiusY,r.radiusY,"height","self"),x:MH(t,e,n.x,r.x,"width","self"),y:MH(t,e,n.y,r.y,"height","self")};return function(t,e){var n=o.radiusX(t,e),r=o.radiusY(t,e),i=o.x(t,e),a=o.y(t,e);return"".concat(n," ").concat(r," at ").concat(i," ").concat(a)}}(t,e,o.value,i.value);break;case"inset":o.value=ed.parseStyleForInset(o.value),i.value=ed.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:AH(t,e,n.top.value,r.top.value,n.top.unit),left:AH(t,e,n.left.value,r.left.value,n.left.unit),right:AH(t,e,n.right.value,r.right.value,n.right.unit),bottom:AH(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:zH(0,0,n.round,r.round),topRadius:AH(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:AH(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:AH(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:AH(t,e,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(t,e){var n=o.top(t,e),r=o.right(t,e),i=o.bottom(t,e),a=o.left(t,e),c=o.round(t,e),u=o.topRadius(t,e),s=o.leftRadius(t,e),l=o.bottomRadius(t,e),f=o.rightRadius(t,e),p=[n,r,i,a].join(" "),h=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&h.trim()?"round ".concat(h):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=ed.parseStyleForPolygon(o.value),i.value=ed.parseStyleForPolygon(i.value),a.value=function(t,e,n,r){for(var o=Math.max(n.length,r.length),i=[],a=0;a<o;a++){var c=n[a],u=r[a];c&&!u?i.push({x:DH(0,0,c.x),y:DH(0,0,c.y)}):!c&&u?i.push({x:DH(0,0,u.x),y:DH(0,0,u.y)}):i.push({x:MH(t,e,c.x,u.x,"width","self"),y:MH(t,e,c.y,u.y,"height","self")})}return function(t,e){return i.map(function(n){return"".concat(n.x(t,e)," ").concat(n.y(t,e))}).join(",")}}(t,e,o.value,i.value);break;case"path":o.value=ed.parseStyleForPath(o.value),i.value=ed.parseStyleForPath(i.value),a.value=makeInterpolateClipPathPath(t,e,o.value,i.value)}return function(t,e){var n=a.type(t,e),r=a.value(t,e);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function fX(t,e,n,r){for(var o={type:zH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];u&&s?i.push(MH(t,e,u,s,n.type)):i.push(MH(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return o.value=i,function(t,e){return{type:o.type(t,e),value:o.value.map(function(n){return n(t,e)})}}}function pX(t,e,n,r){for(var o={type:zH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];if(u&&s)i.push(AH(t,e,u.value,s.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;i.push(AH(t,e,l,f))}}return o.value=i,function(t,e){var n=o.value.map(function(n){return n(t,e)}),r=o.type(t,e);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map(function(t){return He.number(t)})),{type:r,value:n}}}function hX(t,e,n,r){for(var o={type:zH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];u&&s?i.push(qH(0,0,u,s)):i.push(qH(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return o.value=i,function(t,e){return{type:o.type(t,e),value:o.value.map(function(n){return n(t,e)})}}}function yX(t,e,n,r){for(var o=to.parseStyle(n.trim()),i=to.parseStyle(r.trim()),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];if(s&&!l)c.push(DH(0,0,s));else if(!s&&l)c.push(DH(0,0,l));else if(s.type!=l.type)c.push(zH(0,0,s,l));else switch(s.type){case"skewX":case"skewY":case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(fX(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(hX(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(pX(t,e,s,l))}}return function(t,e){return to.join(c.map(function(n){return n(t,e)}))}}function dX(t,e,n,r){for(var o=n.split(" ").map(function(t){return He.parse(t)}),i=r.split(" ").map(function(t){return He.parse(t)}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(MH(t,e,s,l,"transform-origin"))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function vX(t,e,n,r){for(var o=n.split(" ").map(function(t){return He.parse(t)}),i=r.split(" ").map(function(t){return He.parse(t)}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(MH(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function bX(t,e,n,r){for(var o=n.split(" ").map(function(t){return+t}),i=r.split(" ").map(function(t){return+t}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(AH(t,e,s,l))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function gX(t,e,n,r){for(var o=Math.max(n.length,r.length),i=[],a=n[n.length-1],c=r[r.length-1],u=0;u<o;u++){var s=n[u],l=r[u];s&&!l?i.push(AH(t,e,s,c)):!s&&l?i.push(AH(t,e,a,l)):i.push(AH(t,e,s,l))}return function(t,e){return i.map(function(n){return n(t,e)})}}function mX(t,e,n,r){for(var o=new zd,i=new zd(n),a=new zd(r),c=Math.max(i.segments.length,a.segments.length),u=[],s=0;s<c;s++){var l=i.segments[s],f=a.segments[s];l.command===f.command?l.values.length===f.values.length?u.push({command:DH(0,0,l.command),values:gX(t,e,l.values,f.values)}):u.push({command:DH(0,0,l.command),values:DH(0,0,l.values)}):u.push({command:zH(0,0,l.command,f.command),values:zH(0,0,l.values,f.values)})}return function(t,e){var n=u.map(function(n){return{command:n.command(t,e),values:n.values(t,e)}});return o.joinPath(n)}}function wX(t,e,n,r){for(var o=new Ig,i=new Ig(n),a=new Ig(r),c=Math.max(i.segments.length,a.segments.length),u=[],s=i.segments[i.segments.length-1].x,l=i.segments[i.segments.length-1].y,f=a.segments[a.segments.length-1].x,p=a.segments[a.segments.length-1].y,h=0;h<c;h++){var y=i.segments[h],d=a.segments[h];y&&!d?u.push({x:AH(t,e,y.x,f),y:AH(t,e,y.y,p)}):!y&&d?u.push({x:AH(t,e,s,d.x),y:AH(t,e,l,d.y)}):u.push({x:AH(t,e,y.x,d.x),y:AH(t,e,y.y,d.y)})}return function(t,e){return o.joinPoints(u.map(function(n){return{x:n.x(t,e),y:n.y(t,e)}}))}}function kX(t,e,n,r){var o={x:AH("","",t,n),y:AH("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function OX(t,e,n,r,o,i){var a=[{x:t,y:e},{x:n,y:r},{x:o,y:i}];return function(t,e){return sg(a,e)}}function SX(t,e,n,r,o,i,a,c){var u=[{x:t,y:e},{x:n,y:r},{x:o,y:i},{x:a,y:c}];return function(t,e){return ug(u,e)}}function jX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function PX(t){var e=[],n=[];t.forEach(function(t,r){switch(t.command){case"M":var o=jX(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=jX(n,2),u=c[0],s=c[1],l=jX(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=jX(n,2),p=(u=f[0],s=f[1],jX(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:ht(u,s,i,a),interpolate:kX(u,s,i,a)}),n=[i,a];break;case"l":var h=jX(n,2),y=(u=h[0],s=h[1],jX(t.values,2));i=y[0],a=y[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:ht(u,s,i,a),interpolate:kX(u,s,i,a)}),n=[i,a];break;case"C":var d=jX(n,2),v=(u=d[0],s=d[1],jX(t.values,6)),b=v[0],g=v[1],m=v[2],w=v[3];i=v[4],a=v[5];e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:ng(u,s,b,g,m,w,i,a),interpolate:SX(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"c":var k=jX(n,2),O=(u=k[0],s=k[1],jX(t.values,6));b=O[0],g=O[1],m=O[2],w=O[3],i=O[4],a=O[5];b+=u,m+=u,i+=u,g+=s,w+=s,a+=s,e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:ng(u,s,b,g,m,w,i,a),interpolate:SX(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"Q":var S=jX(n,2),j=(u=S[0],s=S[1],jX(t.values,4));b=j[0],g=j[1],i=j[2],a=j[3];e.push({command:t.command,values:[u,s,b,g,i,a],length:rg(u,s,b,g,i,a),interpolate:OX(u,s,b,g,i,a)}),n=[i,a];break;case"q":var P=jX(n,2),x=(u=P[0],s=P[1],jX(t.values,4));b=x[0],g=x[1],i=x[2],a=x[3];b+=u,i+=u,g+=s,a+=s,e.push({command:t.command,values:[u,s,b,g,i,a],length:rg(u,s,b,g,i,a),interpolate:OX(u,s,b,g,i,a)}),n=[i,a];break;case"S":var _=jX(n,2),T=(u=_[0],s=_[1],jX(t.values,4)),E=(m=T[0],w=T[1],i=T[2],a=T[3],e[e.length-1]);if(["C","c","S","s"].includes(E.command)){var C=jX(E.values,8),$=(C[0],C[1],C[2],C[3],C[4]),R=C[5],V=C[6],A=C[7],D=Vd.getReversePoint({x:V,y:A},{x:$,preC1y:R});b=D.x,g=D.y;e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:getCubicDist(u,s,b,g,m,w,i,a),interpolate:SX(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"s":var I=jX(n,2),M=(u=I[0],s=I[1],jX(t.values,4));m=M[0],w=M[1],i=M[2],a=M[3];m+=u,i+=u,w+=s,a+=s;E=e[e.length-1];if(["C","c","S","s"].includes(E.command)){var L=jX(E.values,8),B=(L[0],L[1],L[2],L[3],$=L[4],R=L[5],V=L[6],A=L[7],Vd.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=B.x,g=B.y;e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:getCubicDist(u,s,b,g,m,w,i,a),interpolate:SX(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"T":var z=jX(n,2),F=(u=z[0],s=z[1],jX(t.values,2));i=F[0],a=F[1],E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var G=jX(E.values,6),H=(G[0],G[1],$=G[2],R=G[3],V=G[4],A=G[5],Vd.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=H.x,g=H.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:rg(u,s,b,g,i,a),interpolate:OX(u,s,b,g,i,a)}),n=[i,a]}break;case"t":var X=jX(n,2),Y=(u=X[0],s=X[1],jX(t.values,2));i=Y[0],a=Y[1];i+=u,a+=s;E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var N=jX(E.values,6),K=(N[0],N[1],$=N[2],R=N[3],V=N[4],A=N[5],Vd.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=K.x,g=K.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:rg(u,s,b,g,i,a),interpolate:OX(u,s,b,g,i,a)}),n=[i,a]}}});var r=0;e.forEach(function(t){r+=t.length});var o=0;return e.forEach(function(t){t.startT=o/r,t.endT=(o+t.length)/r,t.totalLength=r,o+=t.length}),{totalLength:r,interpolateList:e}}function xX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _X(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function TX(t,e,n,r){var o=_X(n.split(",").map(function(t){return t.trim()}),4),i=o[0],a=o[1],c=o[2],u=o[3],s={id:i,distance:He.parse(a||"0%"),rotateStatus:c||"auto",rotate:He.parse(u||"0deg")},l=pl.selection.currentArtboard,f=function(t,e){return{x:x,y:y}},p=0,h=0;if(l){var d=l.searchById(s.id);p=d.screenX.value,h=d.screenY.value,f=function(t,e,n){var r=PX(new zd(d.d).segments),o=r.totalLength,i=r.interpolateList,a=s.distance.toPx(o);(e+=a/o)>1&&(e-=1);var c=i[0];0===e?c=i[0]:1===e&&(c=i[i.length-1]);var u=i.find(function(t){return t.startT<=e&&e<t.endT});u&&(c=u);var l=(e-c.startT)/(c.endT-c.startT),f=n(l);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){xX(t,e,n[e])})}return t}({},c.interpolate(f,l,n),{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t)}),i=o[0].toPx(t.width.value),a=o[1].toPx(t.height.value),c=f(e,n,r),u={x:c.x+p-i.value,y:c.y+h-a.value};if(t.setScreenX(u.x),t.setScreenY(u.y),"element"===s.rotateStatus);else{var l=c,y=f(e+1/c.totalLength,n+1/c.totalLength,r),d=yt(y.x-l.x,y.y-l.y);if(!isNaN(d)){var v=He.deg(function(t,e){var n=0;switch(t){case"angle":n=s.rotate.value;break;case"auto angle":n=e+s.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(s.rotateStatus,d));t.reset({transform:to.rotate(t.transform,v)})}}return u}}function EX(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var o=r.length-1;return function(t,e){return 0===e?"":1===e?r:r.substring(0,Math.floor((o-0)*e))}}function CX(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function $X(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var RX=function(){return function(t,e){}};function VX(t,e,n,r,o){var i=o||e;switch(i){case"width":case"x":return MH(t,e,n,r,"width");case"height":case"y":return MH(t,e,n,r,"height");case"perspective":case"font-size":case"font-stretch":case"font-weight":case"text-stroke-width":case"RangeEditor":case"textLength":case"startOffset":return MH(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"NumberRangeEditor":return AH(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return FH(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return HH(0,0,n,r);case"rotate":return qH(0,0,n,r)}var a=function(t){switch(t){case"border-radius":return BH;case"border":return makeInterpolateBorder;case"box-shadow":return GH;case"text-shadow":return JH;case"background-image":case"BackgroundImageEditor":return cX;case"filter":case"backdrop-filter":return sX;case"clip-path":return lX;case"transform":return yX;case"transform-origin":return dX;case"perspective-origin":return vX;case"stroke-dasharray":return bX;case"d":return mX;case"points":return wX;case"offset-path":return TX;case"text":return EX}}(i);return a?a(t,e,n,r):RX}function AX(t,e,n,r,o){return VX(t,e,n,r,o)}function DX(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=$X(t.split("(").map(function(t){return t.trim()}),2),n=e[0],r=e[1];r=(r||"").split(")")[0].trim();var o=UH[n];if(o){var i=t.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()});return o.apply(void 0,CX(i))}return function(t){var e=ag(t);return function(t){return e(t).y}}(t)}function IX(t){return(IX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MX(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function LX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){BX(t,e,n[e])})}return t}function BX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function zX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FX(t,e){return!e||"object"!==IX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GX(t,e,n){return(GX="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=HX(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function HX(t){return(HX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XX(t,e){return(XX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YX=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FX(this,HX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XX(t,e)}(e,pd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return GX(HX(e.prototype),"getDefaultObject",this).call(this,LX({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&GX(HX(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach(function(n){C(t[n])&&(e[n]=t[n])})}},{key:"compileAll",value:function(){var t=this,e=this.getSelectedTimeline();this.json.compiledTimeline={},e&&e.animations.forEach(function(e){e.properties.forEach(function(n){t.compiledTimingFunction(e.id,n.property)})})}},{key:"searchTimelineOffset",value:function(t){var e=this,n=this.getSelectedTimeline(),r=[];return n&&n.animations.forEach(function(n){n.properties.forEach(function(o){var i=e.getCompiledTimingFunction(n.id,o.property);r.push(i.find(function(e){return!!(e.isOnlyTime&&e.startTime<=t)||e.startTime<=t&&t<e.endTime}))})}),r.filter(function(t){return t})}},{key:"getCompiledTimingFunction",value:function(t,e){return this.json.compiledTimeline["".concat(t,".").concat(e)]}},{key:"compiledTimingFunction",value:function(t,e){var n=this,r=this.getTimelineProperty(t,e),o=this.searchById(t),i="".concat(t,".").concat(e);if(1!==r.keyframes.length){var a=r.keyframes.map(function(t){return t.editor})[0];this.json.compiledTimeline[i]=r.keyframes.map(function(t,e){var i=t,c=r.keyframes[e+1];t.editor=a,c||(c={time:t.time,value:t.value+""});var u={layer:o,property:r.property,isOnlyTime:i.time===c.time,startTime:t.time,endTime:c.time,startValue:t.value,endValue:c.value,timing:t.timing,interpolateFunction:AX(o,r.property,t.value,c.value,t.editor),timingFunction:DX(t.timing)};return u.func=n.makeTimingFunction(u),u}).filter(function(t){return t})}else this.json.compiledTimeline[i]=[]}},{key:"makeTimingFunction",value:function(t){return function(e){var n=t.endTime-t.startTime,r=1;return 0!==n&&(r=(e-t.startTime)/n),t.interpolateFunction(t.timingFunction(r),r,t.timingFunction)}}},{key:"seek",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(t){return t},n=this.getSelectedTimeline();if(n){C(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach(function(t){"offset-path"===t.property?t.func(r):t.layer.reset(BX({},t.property,t.func(r)))})}}},{key:"getSelectedTimeline",value:function(){var t=this.json.timeline,e=t.filter(function(t){return t.selected});return(e.length?e[0]:t[0])||null}},{key:"getKeyframeListReturnArray",value:function(){var t=this.getSelectedTimeline(),e=[];return t&&t.animations.forEach(function(t){t.properties.forEach(function(t){e.push.apply(e,MX(t.keyframes))})}),e}},{key:"getKeyframeList",value:function(t){var e=this.getSelectedTimeline();e&&e.animations.forEach(function(n){n.properties.forEach(function(n){n.keyframes.forEach(function(n){t&&t(e,n)})})})}},{key:"getSelectedTimelineLastTime",value:function(){var t=0;return this.getKeyframeList(function(e,n){t=Math.max(n.time,t)}),t}},{key:"getSelectedTimelineFirstTime",value:function(){var t=Number.MAX_SAFE_INTEGER;return this.getKeyframeList(function(e,n){t=Math.min(n.time,t)}),t}},{key:"getSelectedTimelinePrevTime",value:function(){var t=this.getSelectedTimelineFirstTime();return this.getKeyframeList(function(e,n){PH(e.fps,n.time)<e.currentTimecode&&(t=Math.max(n.time,t))}),t}},{key:"getSelectedTimelineNextTime",value:function(){var t=this.getSelectedTimelineLastTime();return this.getKeyframeList(function(e,n){PH(e.fps,n.time)>e.currentTimecode&&(t=Math.min(n.time,t))}),t}},{key:"setTimelineTitle",value:function(t,e){var n=this.json.timeline.find(function(e){return e.id===t});n&&(n.title=e)}},{key:"selectTimeline",value:function(t){t?this.json.timeline.forEach(function(e){e.selected=e.id===t}):this.json.timeline.filter(function(t){return t.selected}).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(t){this.json.timeline=this.json.timeline.filter(function(e){return e.id!==t}),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=gt(),r=LX({id:n,title:"sample"},this.getTimelineLayerInfo(t,e),{animations:[]});return this.json.timeline.push(r),this.selectTimeline(n),r}},{key:"addTimelineLayer",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:60,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"00:00:10:00",r=this.getSelectedTimeline();(r||(r=this.addTimeline(e,n)),r.selected=!0,t)&&(r.animations.filter(function(e){return e.id===t})[0]||r.animations.push({id:t,properties:[]}))}},{key:"getTimelineLayerInfo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=jH(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00");return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:PH(t,0),totalTimecode:PH(t,e),currentTime:0,totalTime:e,displayStartTime:0,displayEndTime:e}}},{key:"setTimelineCurrentTime",value:function(t){var e=this.getSelectedTimeline(),n=e.fps,r=e.totalTimecode;if(e){var o=t,i=t;+o+""===o&&(i=xH(n,o=+o)),i>r&&(i=r);var a=jH(n,i);e.currentTime=a,e.currentTimecode=PH(n,a)}}},{key:"setDisplayTimeDxRate",value:function(t,e,n){var r=this.getSelectedTimeline();if(r){var o=t*r.totalTime,i=e+o,a=n+o;i=Math.max(i,0),0===(i=Math.min(i,a))&&(a=n-e),a=Math.max(a,i),(a=Math.min(a,r.totalTime))===r.totalTime&&(i=r.totalTime-(n-e)),r.displayStartTime=i,r.displayEndTime=a}}},{key:"setDisplayStartTimeRate",value:function(t){var e=this.getSelectedTimeline();e&&(e.displayStartTime=t*e.totalTime)}},{key:"setDisplayEndTimeRate",value:function(t){var e=this.getSelectedTimeline();e&&(e.displayEndTime=t*e.totalTime)}},{key:"setTimelineCurrentTimeRate",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.displayStartTime,r=e.displayEndTime,o=e.fps,i=n+(r-n)*t;this.setTimelineCurrentTime(PH(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=xH(e.fps,n)),jH(e.fps,r)<e.displayEndTime&&(e.displayEndTime=jH(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=jH(e.fps,r)}}},{key:"getTimelineObject",value:function(t){var e=this.getSelectedTimeline();if(e)return e.animations.find(function(e){return e.id===t})}},{key:"addTimelineProperty",value:function(t,e){this.addTimelineLayer(t);var n=this.getTimelineObject(t);n&&(n.properties.filter(function(t){return t.property===e}).length||(n.properties.push({property:e,keyframes:[]}),this.compiledTimingFunction(t,e)))}},{key:"getTimelineProperty",value:function(t,e){var n=this.getSelectedTimeline();if(n){t=t||n.selectedLayerId,e=e||n.selectedProperty;var r=this.getTimelineObject(t);if(r)return r.properties.find(function(t){return t.property===e})}}},{key:"setSelectedOffset",value:function(t,e,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=t,r.selectedProperty=e,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach(function(t){t.selected=t.time===n}))}},{key:"deleteTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);r&&(r.keyframes=r.keyframes.filter(function(t){return t.id!=n}))}},{key:"removeTimelineProperty",value:function(t,e){var n=this.getTimelineObject(t);n&&(n.properties=n.properties.filter(function(t){return t.property!=e}))}},{key:"removeTimeline",value:function(t){var e=this.getSelectedTimeline();e&&(e.animations=e.animations.filter(function(e){return e.id!=t}))}},{key:"setTimelineKeyframeOffsetTime",value:function(t,e,n,r){var o=this.getTimelineKeyframeById(t,e,n);o&&(o.time=r,this.compiledTimingFunction(t,e))}},{key:"setTimelineKeyframeOffsetValue",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,a=this.getTimelineKeyframeById(t,e,n);a&&(C(i)&&(a.time=i),C(r)&&(a.value=r),C(o)&&(a.timing=o),this.compiledTimingFunction(t,e))}},{key:"addTimelineKeyframe",value:function(t){var e=t.layerId,n=t.property,r=t.value,o=t.timing,i=t.time,a=t.editor;this.addTimelineProperty(e,n);var c=this.getSelectedTimeline(),u=this.getTimelineProperty(e,n);if(u){var s=i||c.currentTime;if(!u.keyframes.filter(function(t){return t.time===s}).length){r=E(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:gt(),layerId:e,property:n,time:s,value:r,timing:o||"linear",editor:a};return u.keyframes.push(l),u.keyframes.sort(function(t,e){return t.time>e.time?1:-1}),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var o=this.getSelectedTimeline(),i=n||o.currentTime,a=r.keyframes.filter(function(t){return t.time<i}),c=this.getDefaultPropertyValue(e),u="linear";a.length&&(a.sort(function(t,e){return t.time>e.time?-1:1}),c=a[0].value+"",u=a[0].timing+"",editor=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:editor})}}},{key:"getTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find(function(t){return t.time===n})}},{key:"getTimelineKeyframeById",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find(function(t){return t.id===n})}},{key:"sortTimelineKeyframe",value:function(t,e){var n=this.getTimelineProperty(t,e);n&&(n.keyframes.sort(function(t,e){return t.time>e.time?1:-1}),this.compiledTimingFunction(t,e))}},{key:"setFps",value:function(t){var e=this.getSelectedTimeline();e&&(e.fps=t,e.currentTimecode=PH(t,e.currentTime),e.totalTimecode=PH(t,e.totalTime))}},{key:"toCloneObject",value:function(){return LX({},GX(HX(e.prototype),"toCloneObject",this).call(this),{timeline:L(this.json.timeline)})}}])&&zX(n.prototype,r),o&&zX(n,o),e}();function NX(t){return(NX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){WX(t,e,n[e])})}return t}function WX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZX(t,e){return!e||"object"!==NX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qX(t,e,n){return(qX="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=JX(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function JX(t){return(JX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QX(t,e){return(QX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ZX(this,JX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QX(t,e)}(e,YX),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return qX(JX(e.prototype),"getDefaultObject",this).call(this,KX({itemType:"artboard",name:"New ArtBoard",width:He.px(1e3),height:He.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return KX({},qX(JX(e.prototype),"toCloneObject",this).call(this),{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"toDefaultCSS",value:function(){return KX({},qX(JX(e.prototype),"toDefaultCSS",this).call(this))}}])&&UX(n.prototype,r),o&&UX(n,o),e}();function eY(t){return(eY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nY(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function rY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){oY(t,e,n[e])})}return t}function oY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function iY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aY(t,e){return!e||"object"!==eY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cY(t,e,n){return(cY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uY(t){return(uY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sY(t,e){return(sY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aY(this,uY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return cY(uY(e.prototype),"getDefaultObject",this).call(this,rY({itemType:"sphere",name:"New Sphere","line-count":5,"transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)"},t))}},{key:"getDefaultTitle",value:function(){return"Sphere"}},{key:"toCloneObject",value:function(){return rY({},cY(uY(e.prototype),"toCloneObject",this).call(this),{"line-count":this.json["line-count"]})}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),rY({},t,this.toKeyListCSS("position","right","bottom","width","height","opacity","transform-origin","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return rY({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toTransformCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=(e.value,n.value,rY({},this.toKeyListCSS("filter","mix-blend-mode"),this.toBackgroundImageCSS(),this.toBorderCSS(),this.toBorderRadiusCSS())),o=360/this.json["line-count"],i=F(this.json["line-count"]).map(function(t,e){var n=o*e,r=$e.checkHueColor(n/360);return{selector:"div:nth-child(".concat(e+1,")"),cssText:"\n          border-color: ".concat(r,";\n          background-color: ").concat(r,";\n          transform: rotateY(").concat(n,"deg);\n        ")}});return[{selector:"div",cssText:"\n          position: absolute;\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          opacity: 1;          \n          pointer-events: none;\n          border-radius: 50%;\n          will-change: transform;\n          backface-visibility: hidden;\n          border: 3px dashed ".concat("#333",";\n          ").concat(Y(r),"\n        ")}].concat(nY(i))}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t["line-count"];return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(F(r).map(function(t){return"<div></div>"}).join(""),"\n      </div>\n    ")}}])&&iY(n.prototype,r),o&&iY(n,o),e}();function fY(t){return(fY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hY(t,e){return!e||"object"!==fY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yY(t,e,n){return(yY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=dY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function dY(t){return(dY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vY(t,e){return(vY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hY(this,dY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vY(t,e)}(e,kd),n=e,(r=[{key:"is",value:function(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return!!r.includes("component")||(t=yY(dY(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}])&&pY(n.prototype,r),o&&pY(n,o),e}();function gY(t){return(gY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mY(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function wY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){kY(t,e,n[e])})}return t}function kY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function OY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SY(t,e){return!e||"object"!==gY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jY(t,e,n){return(jY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=PY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function PY(t){return(PY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xY(t,e){return(xY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _Y=["front","back","left","right","bottom","top"],TY={"front.color":".front","back.color":".back","left.color":".left","right.color":".right","top.color":".top","bottom.color":".bottom","front.background":".front","back.background":".back","left.background":".left","right.background":".right","top.background":".top","bottom.background":".bottom"},EY={position:!0,right:!0,bottom:!0,width:!0,height:!0,opacity:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"background-clip":!0,"clip-path":!0,animation:!0,transition:!0,transform:!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"perspective-origin":!0,"offset-path":!0},CY={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},$Y=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SY(this,PY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xY(t,e)}(e,bY),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return jY(PY(e.prototype),"getDefaultObject",this).call(this,wY({itemType:"cube",name:"New Cube","transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return["Color"].concat(mY(_Y.map(function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}})),["Background"],mY(_Y.map(function(t){return{key:"".concat(t,".background"),editor:"BackgroundImageEditor",editorOptions:{title:t},defaultValue:""}})))}},{key:"setCustomKeyframes",value:function(t,e){e.property.includes(".color")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(TY[e.property]),properties:[wY({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(TY[e.property]),properties:[wY({},e,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach(function(t){t.property.includes(".color")||t.property.includes(".background")?n.push(t):EY[t.property]?r.push(t):CY[t.property]&&o.push(t)});var i=[];return r.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),o.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:o}),n.length&&n.forEach(function(t){e.setCustomKeyframes(i,t)}),i}},{key:"toCloneObject",value:function(){var t=this,n={};return _Y.forEach(function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]}),wY({},jY(PY(e.prototype),"toCloneObject",this).call(this),n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),wY({},t,this.toKeyListCSS("position","right","bottom","width","height","opacity","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return wY({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=e.value/2,o=n.value/2,i=wY({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color"),this.toClipPathCSS(),this.toBackgroundImageCSS(),this.toBorderCSS());return[{selector:"div",cssText:"\n          position: absolute;\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          opacity: 1;\n          pointer-events: none;\n          ".concat(Y(i),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";     \n          ").concat(t["front.color"]?"background-color: ".concat(t["front.color"],";"):"","\n          ").concat(t["front.background"]?"".concat(t["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";            \n          ").concat(t["back.color"]?"background-color: ".concat(t["back.color"],";"):"","                  \n          ").concat(t["back.background"]?"".concat(t["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";    \n          ").concat(t["left.color"]?"background-color: ".concat(t["left.color"],";"):"","                          \n          ").concat(t["left.background"]?"".concat(t["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";      \n          ").concat(t["right.color"]?"background-color: ".concat(t["right.color"],";"):"","                        \n          ").concat(t["right.background"]?"".concat(t["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(o,"px);\n          top: ").concat(o-r,"px;\n          width: ").concat(e,";\n          height: ").concat(e,";\n          ").concat(t["top.color"]?"background-color: ".concat(t["top.color"],";"):"","      \n          ").concat(t["top.background"]?"".concat(t["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(o,"px);\n          top: ").concat(o-r,"px;          \n          width: ").concat(e,";\n          height: ").concat(e,";    \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        ").concat(_Y.map(function(t){return"<div class='".concat(t,"'></div>")}).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y;t.src;r=r.value,o=o.value;var i=this.toCSS(),a=this.toNestedCSS(),c={},u=a.find(function(t){return"div"===t.selector})||{cssText:""};return u=u.cssText.replace(/\n/g,""),_Y.forEach(function(t){c[t]=a.find(function(e){return e.selector==="."+t})||{cssText:""},c[t]=c[t].cssText.replace(/\n/g,"")}),delete i.left,delete i.top,"absolute"===i.position&&delete i.position,'\n    <g transform="translate('.concat(r,", ").concat(o,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Y(i),'">\n            ').concat(_Y.map(function(t){return"<div class='front' style=\"".concat(u,";").concat(c[t],'"></div>')}).join(""),"          \n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}])&&OY(n.prototype,r),o&&OY(n,o),e}();function RY(t){return(RY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){AY(t,e,n[e])})}return t}function AY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IY(t,e){return!e||"object"!==RY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MY(t,e,n){return(MY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=LY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function LY(t){return(LY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BY(t,e){return(BY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IY(this,LY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return MY(LY(e.prototype),"getDefaultObject",this).call(this,VY({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return VY({},MY(LY(e.prototype),"toCloneObject",this).call(this),{src:this.json.src+""})}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.json.src;if(e){t.attr("src",n);var r=t.parent().$('[data-id="'.concat(this.innerSVGId,'"]'));if(r)r.$("defs").html(this.toDefInnerString);else t.parent().prepend(Ke.createByHTML(this.toDefString))}}},{key:"toSVG",value:function(t,e){var n=this.json,r=n.width,o=n.height,i=n.src,a=this.toCSS();return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:r.value,height:o.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <img style="').concat(Y(a),'" src="').concat(i,' "/>\n        </div>\n      </foreignObject>    \n    </g>\n')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.src,r=t.itemType;return"<img class='element-item ".concat(r,"' data-id=\"").concat(e,"\" src='").concat(n,"' />")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&DY(n.prototype,r),o&&DY(n,o),e}();function FY(t){return(FY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){HY(t,e,n[e])})}return t}function HY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YY(t,e){return!e||"object"!==FY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NY(t,e,n){return(NY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=KY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function KY(t){return(KY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WY(t,e){return(WY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YY(this,KY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return NY(KY(e.prototype),"getDefaultObject",this).call(this,GY({itemType:"text",name:"New Text",elementType:"p",content:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toCloneObject",value:function(){return GY({},NY(KY(e.prototype),"toCloneObject",this).call(this),{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toNestedCSS",value:function(){return[{selector:"> *",cssText:"\n          pointer-events: none;\n        "}]}},{key:"toSVG",value:function(t,e){var n=this.json,r=n.width,o=n.height,i=n.content,a=this.toCSS();return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,a.margin=a.margin||"0px",'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(Y(a),'" >').concat(i,"</p>\n        </div>\n      </foreignObject>    \n    </g>\n")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.content;return"<p class='element-item ".concat(n,'\' contenteditable="true" data-id="').concat(e,'">').concat(r,"</p>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&XY(n.prototype,r),o&&XY(n,o),e}();function ZY(t){return(ZY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){JY(t,e,n[e])})}return t}function JY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tN(t,e){return!e||"object"!==ZY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eN(t,e,n){return(eN="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=nN(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function nN(t){return(nN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rN(t,e){return(rN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tN(this,nN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rN(t,e)}(e,Ib),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return eN(nN(e.prototype),"getDefaultObject",this).call(this,qY({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:He.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:He.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new zd(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone(),this.cachePath=this.json.path.clone()}},{key:"recover",value:function(){var t=this.json.width.value/this.rect.width.value,e=this.json.height.value/this.rect.height.value;this.scale(t,e)}},{key:"scale",value:function(t,e){this.json.d=this.cachePath.clone().scaleTo(t,e),this.json.path.reset(this.json.d)}},{key:"convert",value:function(t){return(t=eN(nN(e.prototype),"convert",this).call(this,t)).d&&(t.path=new zd(t.d)),t.textLength=He.parse(t.textLength),t.startOffset=He.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return qY({},eN(nN(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,startOffset:"".concat(t.startOffset)})}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return yc(t.property)}),n=t.filter(function(t){return dc(t.property)}),r=t.filter(function(t){return vc(t.property)});return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:r},{selector:'[data-id="'.concat(this.json.id,'"] textPath'),properties:e},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:n}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("path");if(n.attr("d",this.json.d),e){var r=t.$("textPath");r.text(this.json.text),r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust,startOffset:this.json.startOffset}),this.updateDefString(t)}this.json.totalLength=n.totalLength}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.json,r=n.textLength,o=n.lengthAdjust,i=n.startOffset;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(K(qY({class:"svg-textpath-item"},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," >\n        <textPath ").concat(K({"xlink:href":"#".concat(this.toPathId),textLength:r,lengthAdjust:o,startOffset:i})," >").concat(this.json.text,"</textPath>\n      </text>\n    </g>")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toPathSVG,"\n        ").concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n    ")}},{key:"toPathId",get:function(){return this.getInnerId("path")}},{key:"toPathSVG",get:function(){return"\n    <path ".concat(K({class:"svg-path-item",id:this.toPathId,d:this.json.d,fill:"none"})," />\n    ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust,o=t.startOffset;return"\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(K({class:"svg-textpath-item"})," >\n        <textPath ").concat(K({"xlink:href":"#".concat(this.toPathId),textLength:n,lengthAdjust:r,startOffset:o})," >").concat(this.json.text,"</textPath>\n    </text>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&QY(n.prototype,r),o&&QY(n,o),e}();function iN(t){return(iN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aN(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function cN(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function uN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){sN(t,e,n[e])})}return t}function sN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function lN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fN(t,e){return!e||"object"!==iN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pN(t,e,n){return(pN="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=hN(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function hN(t){return(hN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yN(t,e){return(yN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dN={position:!0,right:!0,bottom:!0,width:!0,height:!0,opacity:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"background-clip":!0,"clip-path":!0,animation:!0,transition:!0,transform:!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"perspective-origin":!0,"offset-path":!0},vN={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},bN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fN(this,hN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yN(t,e)}(e,bY),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return pN(hN(e.prototype),"getDefaultObject",this).call(this,uN({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)",count:He.number(40),border:"border-top: 1px solid black;border-bottom: 1px solid black;"},t))}},{key:"getProps",value:function(){var t=this.json.count.value;return["Side",{key:"count",editor:"NumberRangeEditor",editorOptions:{label:"Side Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},"Color"].concat(cN(F(t).map(function(t,e){return{key:"face.".concat(e,".color"),editor:"ColorViewEditor",editorOptions:{label:"face ".concat(e),params:"face.".concat(e,".color")},defaultValue:"rgba(0, 0, 0, 1)"}})),["Background"],cN(F(t).map(function(t,e){return{key:"face.".concat(e,".background"),editor:"BackgroundImageEditor",editorOptions:{title:"face ".concat(e)},defaultValue:""}})))}},{key:"setCustomKeyframes",value:function(t,e){if(e.property.includes(".color")){var n=aN(e.property.split("."),3),r=(n[0],n[1]);n[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[uN({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var o=aN(e.property.split("."),3);o[0],r=o[1],o[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[uN({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach(function(t){t.property.includes("face")?n.push(t):dN[t.property]?r.push(t):vN[t.property]&&o.push(t)});var i=[];return r.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),o.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:o}),n.length&&n.forEach(function(t){e.setCustomKeyframes(i,t)}),i}},{key:"convert",value:function(t){return(t=pN(hN(e.prototype),"convert",this).call(this,t)).count=He.parse(t.count),t}},{key:"toCloneObject",value:function(){var t=this,n={};return F(this.json.count.value).forEach(function(e,r){n["face.".concat(r,".color")]=t.json["face.".concat(r,".color")],n["face.".concat(r,".background")]=t.json["face.".concat(r,".background")]}),uN({},pN(hN(e.prototype),"toCloneObject",this).call(this),{count:this.json.count.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),uN({},t,this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return uN({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=this.cylinderInfo,o=r.angle,i=r.r,a=r.faceWidth,c=uN({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),this.toBackgroundImageCSS(),this.toBorderCSS(),this.toClipPathCSS()),u=F(e).map(function(e,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(i,"px);\n          ").concat(t[a]&&"background-color: ".concat(t[a],";"),"\n          ").concat(t[c]&&"".concat(t[c],";"),"\n        ").trim()}});return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-a/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(a,"px;\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Y(c),"\n        ").trim()}].concat(cN(u))}},{key:"updateFunction",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if((pN(hN(e.prototype),"updateFunction",this).call(this,t,n),n)&&+t.attr("data-count")!==this.json.count.value){t.$$(".face").forEach(function(t){return t.remove()});var r=F(this.json.count.value).map(function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')}).join("");t.appendHTML(r),t.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var t=this.json.width.value,e={x:a=t/2,y:t/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var o=360/r,i=0;i<360;i+=o)n.push(pt(i,a,e.x,e.y));var a,c=Math.ceil(ht(n[0].x,n[0].y,n[1].x,n[1].y)),u={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:c,angle:o,r:a=Math.ceil(ht(u.x,u.y,e.x,e.y))}}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=this.json.count.value;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'" data-count="').concat(r,'">\n        ').concat(this.toDefString,"\n        ").concat(F(r).map(function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')}).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y;r=r.value,o=o.value;var i=this.toCSS(),a=this.toNestedCSS(),c=this.json.count.value,u=a.find(function(t){return".face"===t.selector})||{cssText:""};u=u.cssText.replace(/\n/g,"");var s=F(c).map(function(t,e){return a[e+1].cssText.replace(/\n/g,"")});return delete i.left,delete i.top,"absolute"===i.position&&delete i.position,'\n    <g transform="translate('.concat(r,", ").concat(o,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Y(i),'">\n            ').concat(F(c).map(function(t,e){return"<div class='face' data-index=\"".concat(e,"\" style='").concat(u,";").concat(s[e],";'></div>")}).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}])&&lN(n.prototype,r),o&&lN(n,o),e}();function gN(t){return(gN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mN(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function wN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){kN(t,e,n[e])})}return t}function kN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ON(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SN(t,e){return!e||"object"!==gN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jN(t){return(jN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PN(t,e){return(PN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SN(this,jN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PN(t,e)}(e,_r),n=e,(r=[{key:"refreshSelection",value:function(){this.emit("refreshAll"),this.emit("hideSubEditor"),this.emit("refreshSelection"),this.emit("refreshSelectionTool"),this.emit("noneSelectMenu")}},{key:xr("add.type"),value:function(t){this.emit("hideSubEditor"),pl.changeAddType(t),this.emit("after.change.mode")}},{key:xr("new.layer"),value:function(t,e){this.trigger("add.".concat(t),e),pl.changeMode(fl),this.emit("after.change.mode")}},{key:xr("select.item"),value:function(){pl.changeMode(fl),this.emit("after.change.mode")}},{key:xr("add.layer"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=pl.selection.current||pl.selection.currentArtboard;r?(r.enableHasChildren()||(r=r.parent),r.add(t),n.x&&t.setScreenX(n.x.value),n.y&&t.setScreenY(n.y.value),pl.selection.select(t),this.refreshSelection()):(this.trigger("add.artboard"),setTimeout(function(){e.trigger("add.layer",t,n)},50))}},{key:xr("add.project"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pl.add(new sl(wN({},t)));pl.selection.selectProject(e),this.refreshSelection()}},{key:xr("add.artboard"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pl.selection.currentProject;e||(e=pl.add(new sl),pl.selection.selectProject(e));var n=e.add(new tY(wN({x:He.px(300),y:He.px(300),width:He.px(300),height:He.px(600)},t)));pl.selection.selectArtboard(n),pl.selection.select(n),this.refreshSelection()}},{key:xr("add.rect"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new kd(wN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.svgrect"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new Yb(wN({width:He.px(100),height:He.px(100),d:Gd.makeRect(0,0,t.width.value,t.height.value)},t)),t)}},{key:xr("add.svgtextpath"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new oN(wN({width:He.px(100),height:He.px(100),text:"Insert a newText","font-size":He.parse(t.height),textLength:"100%",d:Gd.makeLine(0,t.height.value,t.width.value,t.height.value)},t)),t)}},{key:xr("add.svgcircle"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new Yb(wN({width:He.px(100),height:He.px(100),d:Gd.makeCircle(0,0,t.width.value,t.height.value)},t)),t)}},{key:xr("add.circle"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new kd(wN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random(),"border-radius":He.percent(100)})),t)}},{key:xr("add.text"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new UY(wN({content:"Insert a text",width:He.px(300),height:He.px(50)},t,{"font-size":He.px(30)})),t)}},{key:xr("add.image"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new zY(wN({},t)),t)}},{key:xr("add.cube"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new $Y(wN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.cylinder"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new bN(wN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.sphere"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new lY(wN({width:He.px(100),height:He.px(100)},t,{"line-count":10,"background-color":Ee.random()})),t)}},{key:xr("convert.path"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=pl.selection.current;if(n)if(n.is("svg-path","svg-textpath")){var r=t;if(e){var o=new zd(t);o.scale(n.width.value/e.width,n.height.value/e.height),r=o.d}n.updatePathItem({d:r}),pl.selection.select(n),this.emit("refreshSelectionStyleView")}else n["clip-path"].includes("path")}},{key:xr("add.path"),value:function(){this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPathEditor","draw")}},{key:xr("open.polygon.editor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"updatePolygonItem",n=pl.selection.current;n&&this.emit("showPolygonEditor","draw",{changeEvent:e,current:n,points:t,screenX:n.screenX,screenY:n.screenY,screenWidth:n.screenWidth,screenHeight:n.screenHeight})}},{key:xr("open.path.editor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"updatePathItem",n=pl.selection.current;n&&this.emit("showPathEditor","draw",{changeEvent:e,current:n,d:t,screenX:n.screenX,screenY:n.screenY,screenWidth:n.screenWidth,screenHeight:n.screenHeight})}},{key:xr("add.polygon"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw";this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPolygonEditor",t)}},{key:xr("add.star"),value:function(){this.trigger("add.polygon","star")}},{key:xr("select.by.id"),value:function(t){pl.selection.selectById(t),this.refreshSelection()}},{key:xr("resize.artboard"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=pl.selection.currentArtboard;if(e&&e.is("artboard")){if(!t.trim())return;var n=mN(t.split("x"),2),r=n[0],o=n[1];r=He.px(r),o=He.px(o),e.reset({width:r,height:o}),pl.selection.select(e),this.refreshSelection()}}}])&&ON(n.prototype,r),o&&ON(n,o),e}();function _N(t){return(_N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){EN(t,e,n[e])})}return t}function EN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CN(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function $N(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RN(t,e){return!e||"object"!==_N(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VN(t){return(VN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AN(t,e){return(AN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DN={project:sl,artboard:tY,layer:kd,text:UY,image:zY,"svg-path":Yb,"svg-polygon":Ug},IN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RN(this,VN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AN(t,e)}(e,_r),n=e,(r=[{key:"refreshSelection",value:function(){this.emit("refreshAll"),this.emit("hideSubEditor"),this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:xr("download.file"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"easylogic.json",n=document.createElement("a");n.href=t,n.download=e,n.click()}},{key:xr("download.json"),value:function(t){var e=JSON.stringify(pl.projects),n="data:application/json;base64,"+window.btoa(e);this.trigger("download.file",n,t||"easylogic.json")}},{key:xr("download.to.svg"),value:function(){var t=pl.selection.current||pl.selection.currentArtboard,e=Sw.generateSVG(t).trim(),n="data:image/svg+xml;base64,"+window.btoa(e),r=t.id;this.trigger("download.file",n,r)}},{key:xr("create.image.png"),value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ke.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}},{key:xr("download.to.png"),value:function(){var t=this,e=pl.selection.current||pl.selection.currentArtboard,n=Sw.generateSVG(e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;this.trigger("load.original.image",{local:r},function(e,n){t.trigger("create.image.png",n,function(e){t.trigger("download.file",e,o)},"image/png")})}},{key:xr("save.json"),value:function(){!function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),gc(e))}("projects",pl.projects)}},{key:xr("load.json"),value:function(t){var e,n=(t=t||(e="projects",mc(window.localStorage.getItem("easylogic.studio.".concat(e))))).map(function(t){return function t(e){return e.layers=e.layers.map(function(e){return t(e)}),new DN[e.itemType](e)}(t)});if(n.forEach(function(t){t.artboards.forEach(function(t){t.selectTimeline()})}),n.length){var r=n[0];if(pl.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];pl.selection.selectArtboard(o),o.layers.length?pl.selection.select(o.layers[0]):pl.selection.select(o)}}pl.load(n),this.refreshSelection()}},{key:xr("copy"),value:function(){pl.selection.copy()}},{key:xr("paste"),value:function(){pl.selection.paste(),this.emit("refreshAll")}},{key:xr("keyup.canvas.view"),value:function(t){var e=this.getAddCommand(t);this.trigger.apply(this,CN(e))}},{key:"getAddCommand",value:function(t){switch(t){case"1":return["add.type","rect"];case"2":return["add.type","circle"];case"3":return["add.type","text"];case"4":return["add.type","image"];case"5":return["add.type","cube"];case"6":return["add.type","svgrect"];case"7":return["add.path"];case"8":return["add.polygon"];case"9":return["add.star"]}}},{key:xr("switch.theme"),value:function(){"dark"===pl.theme?pl.changeTheme("light"):pl.changeTheme("dark"),this.emit("changeTheme")}},{key:xr("show.exportView"),value:function(){this.emit("showExportWindow")}},{key:xr("update.scale"),value:function(t){pl.scale=t,this.emit("changeScale")}},{key:xr("drop.items"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.trigger("update.resource",t)}},{key:xr("drop.image.url"),value:function(t){var e=this;this.trigger("load.original.image",{local:t},function(t){e.emit("add.image",TN({src:t.local},t)),pl.changeMode(fl),e.emit("after.change.mode")})}},{key:xr("load.original.image"),value:function(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:He.px(n.naturalWidth),naturalHeight:He.px(n.naturalHeight),width:He.px(n.naturalWidth),height:He.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}},{key:xr("add.assets.image"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=pl.selection.currentProject;r&&(r.createImage(t),this.emit("addImageAsset"),this.trigger("load.original.image",t,function(r){e.emit("add.image",TN({src:t.local},r,n)),pl.changeMode(fl),e.emit("after.change.mode")}))}},{key:xr("add.assets.svgfilter"),value:function(t){var e=pl.selection.currentProject;if(e){var n=gt(),r=e.createSVGFilter({id:n,filters:[]});t&&t(r,n)}}},{key:xr("update.uri-list"),value:function(t){var e=t.data;if(e.indexOf("data:")>-1){var n=ac.parse(e,!0);switch(n.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":this.trigger("add.assets.image",{id:gt(),type:n.mimeType,name:"",original:e,local:n.local})}}else{var r=t.data.split(".").pop(),o=t.data.split("/").pop();switch(r){case"png":case"jpg":case"gif":case"svg":this.trigger("add.assets.image",{id:gt(),type:"image/"+r,name:o,original:t.data,local:t.data})}}}},{key:xr("update.image"),value:function(t,e){var n=this,r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(t);n.trigger("add.assets.image",{id:gt(),type:t.type,name:t.name,original:o,local:i},e)},r.readAsDataURL(t)}},{key:xr("remove.asset.image"),value:function(t){URL.revokeObjectURL(t)}},{key:xr("update.asset.image"),value:function(t,e){var n=this,r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(t),a=pl.selection.currentProject;a&&(a.createImage({id:gt(),type:t.type,name:t.name,original:o,local:i}),n.emit("addImageAsset"),I(e)&&e(i))},r.readAsDataURL(t)}},{key:xr("update.resource"),value:function(t){var e=this;t.forEach(function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.trigger("update.image",n);break;case"text/plain":case"text/html":t.length&&e.trigger("add.text",{content:n.data});break;case"text/uri-list":e.trigger("update.uri-list",n)}})}}])&&$N(n.prototype,r),o&&$N(n,o),e}();function MN(t){return(MN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BN(t,e){return!e||"object"!==MN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zN(t){return(zN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FN(t,e){return(FN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BN(this,zN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FN(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{TimelineCommand:VH,ObjectCommand:xN,ToolCommand:IN}}},{key:"template",value:function(){return"\n        <div>\n            <TimelineCommand />\n            <ObjectCommand />\n            <ToolCommand />\n        </div>\n        "}}])&&LN(n.prototype,r),o&&LN(n,o),e}();function HN(t){return(HN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YN(t,e){return!e||"object"!==HN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NN(t){return(NN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KN(t,e){return(KN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YN(this,NN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KN(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n      <div class='window-background'>\n        <div class='window ".concat(this.getClassName(),"'>\n            <div class='window-title' ref=\"$title\">\n                <label>").concat(this.getTitle(),'</label>\n                <span class="tools">\n                  ').concat(this.getTools(),"\n                  <button type='button' class='close' ref='$close'>").concat(vm.close,"</button>\n                </span>\n            </div>\n            <div class='window-body'>").concat(this.getBody(),"</div>\n        </div>\n      </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:rn("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Pr("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&XN(n.prototype,r),o&&XN(n,o),e}();function UN(t){return(UN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qN(t,e){return!e||"object"!==UN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JN(t){return(JN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QN(t,e){return(QN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tK={ExportWindow:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qN(this,JN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QN(t,e)}(e,WN),n=e,(r=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item" data-value="1">\n                    <label>HTML</label>\n                </div>\n                <div class="tab-item" data-value="2">\n                    <label>CSS</label>\n                </div>   \n                <div class="tab-item" data-value="3">\n                    <label>SVG</label>\n                </div>                                     \n                <div class="tab-item" data-value="4">\n                    <label>Assets</label>\n                </div>\n                <div class="tab-item" data-value="5">\n                    <label>Animation Player</label>\n                </div>                                                                                  \n                <div class="tab-item" data-value="6">\n                    <label>SVG Image</label>\n                </div>     \n                <div class="tab-item" data-value="7">\n                    <label>SVG Image Preview</label>\n                </div>                        \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content" data-value="1">\n                    <pre ref=\'$html\'></pre>\n                </div>\n                <div class=\'tab-content\' data-value=\'2\'>\n                    <pre ref=\'$css\'></pre>\n                </div>                        \n                <div class=\'tab-content\' data-value=\'3\'>\n                    <pre ref=\'$svg\'></pre>\n                </div>\n                <div class="tab-content" data-value="4">\n                    <pre ref=\'$assets\'></pre>\n                </div>\n                <div class="tab-content" data-value="5">\n                    <pre ref=\'$js\'></pre>\n                </div>     \n                <div class="tab-content" data-value="6">\n                    <pre ref=\'$svgimage\'></pre>\n                </div>                                                                       \n                <div class="tab-content" data-value="7">\n                    <div ref=\'$svgimagePreview\'></div>\n                </div>                                                       \n            </div>\n      </div>\n        '}},{key:Pr("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=pl.selection.currentProject||{layers:[]},n="\n".concat(this.makeStyle(e),"\n").concat(e.artboards.map(function(e){return t.makeStyle(e).replace(/\n/g,"\n\t")}).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(e.artboards.map(function(t){return t.html}).join("\n"),"\n        ");this.refs.$html.text(r);var o=Sw.generate();if(this.refs.$js.text(o.js),pl.selection.currentArtboard){var i=Sw.generateSVG(pl.selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(Ke.createByHTML(i))}else this.refs.$svgimage.empty(),this.refs.$svgimagePreview.empty()}},{key:"makeProjectStyle",value:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n        :root {\n            ".concat(Y(n),"\n        }\n\n        /* keyframe */\n        ").concat(e,"\n        ")}},{key:"makeStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateView("[data-id='".concat(t.id,"']"));return"\n        ".concat(n,"\n        ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")}},{key:rn("$header .tab-item"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&ZN(n.prototype,r),o&&ZN(n,o),e}()};function eK(t){return(eK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rK(t,e){return!e||"object"!==eK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oK(t){return(oK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iK(t,e){return(iK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rK(this,oK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='add-image-button'>\n            <input type='file' accept='image/*' multiple=\"true\" ref='$file' class='embed-file-input'/>\n        </div>\n        "}},{key:hn("$file"),value:function(t){var e=this;this.refs.$file.files.forEach(function(t){e.emit("update.image",t,e.state.rect)})}},{key:Pr("addImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}}])&&nK(n.prototype,r),o&&nK(n,o),e}();function cK(t){return(cK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uK(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function sK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lK(t,e){return!e||"object"!==cK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fK(t){return(fK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pK(t,e){return(pK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hK={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},yK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lK(this,fK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pK(t,e)}(e,_r),n=e,(r=[{key:Pr("refreshCanvas","refreshSelection","refreshSelectionStyleView")+An(1e3),value:function(){this.refresh()}},{key:"makePropertySelect",value:function(){return"\n          <select class='property-select'>\n            <optgroup label='--'>\n              <option value='var'>var</option>\n            </optgroup>            \n            <optgroup label='Motion'>\n              <option value='offset-distance'>offset-distance</option>\n            </optgroup>      \n            <optgroup label='Size'>\n              <option value='width'>width</option>\n              <option value='height'>height</option>\n            </optgroup>      \n            <optgroup label='Box Model'>\n              <option value='margin-left'>margin-left</option>\n              <option value='margin-right'>margin-right</option>\n              <option value='margin-bottom'>margin-bottom</option>\n              <option value='margin-top'>margin-top</option>\n              <option value='padding-left'>padding-left</option>\n              <option value='padding-right'>padding-right</option>\n              <option value='padding-bottom'>padding-bottom</option>\n              <option value='padding-top'>padding-top</option>       \n            </optgroup>\n            <optgroup label='Border'>\n              <option value='border'>border</option>\n              <option value='border-top'>border-top</option>\n              <option value='border-bottom'>border-bottom</option>\n              <option value='border-left'>border-left</option>\n              <option value='border-right'>border-right</option>\n            </optgroup>\n            <optgroup label='Border Radius'>\n              <option value='border-radius'>border-radius</option>\n            </optgroup>        \n            <optgroup label='Style'>\n              <option value='background-color'>background-color</option>\n              <option value='background-image'>background-image</option>\n              <option value='box-shadow'>box-shadow</option>\n              <option value='text-shadow'>text-shadow</option>\n              <option value='filter'>filter</option>      \n              <option value='backdrop-filter'>backdrop-filter</option>          \n            </optgroup>            \n            <optgroup label='Transform'>\n              <option value='transform'>transform</option>\n              <option value='transform-origin'>transform-origin</option>\n              <option value='perspective'>perspective</option>\n              <option value='perspective-origin'>perspective-origin</option>\n            </optgroup>\n            <optgroup label='Font'>\n              <option value='font-size'>font-size</option>\n            </optgroup>\n          </select>\n        "}},{key:"makeTimelineObjectRow",value:function(t){var e=pl.selection.currentArtboard,n=e.searchById(t.id);if(n){var r=pl.timeline.checkLayer(n.id),o=e.searchById(n.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(n.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(r,"' data-layer-id='").concat(n.id,"' data-property=''>\n                <div class='icon'>").concat(vm.chevron_right,"</div>\n                <div class='title'> ").concat(n.name,"</div>\n                <div class='tools'>\n                    \x3c!--").concat(this.makePropertySelect()," --\x3e\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(n.id,"'>").concat(vm.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map(function(t){var e=pl.timeline.checkProperty(n.id,t.property);return"\n                <div class='timeline-object-row layer-property' data-selected='".concat(e,"' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'>\n                <div class='icon'></div>                    \n                    <div class='title'>").concat(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return hK[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?o.totalLength:"","\n                      ").concat("points"===t.property?o.totalLength:"","\n                      \x3c!--<input type='text' data-property='").concat(t.property,"' data-layer-id=\"").concat(n.id,"\" value='' /> --\x3e\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'>").concat(vm.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'></button>\n                    </div>\n                </div>")}).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-object-list'></div>\n        "}},{key:zn()+Vn,value:function(){var t=this,e=pl.selection.currentArtboard;if(!e)return"";var n=e.getSelectedTimeline();return n?n.animations.map(function(e){return t.makeTimelineObjectRow(e)}):""}},{key:"refreshSelection",value:function(){var t=this;this.$el.$$('[data-selected="true"]').forEach(function(t){t.attr("data-selected","false")}),pl.timeline.each(function(e){var n=t.$el.$('[data-layer-id="'.concat(e.layerId,'"][data-property="').concat(e.property,'"]'));n&&n.attr("data-selected","true")})}},{key:rn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$delegateTarget.closest("timeline-object");e.toggleClass("collapsed");var n=t.$delegateTarget.closest("timeline-object-row").attr("data-layer-id");this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed")),pl.timeline.selectLayer(n),this.refreshSelection()}},{key:rn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$delegateTarget.closest("timeline-object-row").$(".property-select").val(),n=t.$delegateTarget.attr("data-layer-id");if(e){var r=pl.selection.current;this.emit("add.timeline.property",{layerId:n,property:e,value:r[e]})}}},{key:rn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id");e&&this.emit("remove.timeline",e)}},{key:rn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id"),n=t.$delegateTarget.attr("data-property");n&&this.emit("copy.timeline.property",e,n)}},{key:rn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id"),n=t.$delegateTarget.attr("data-property");n&&this.emit("remove.timeline.property",e,n)}},{key:rn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=uK(t.$delegateTarget.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];pl.timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Pr("refreshTimeline"),value:function(){this.refresh()}}])&&sK(n.prototype,r),o&&sK(n,o),e}();function dK(t){return(dK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function bK(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function gK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mK(t,e){return!e||"object"!==dK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wK(t){return(wK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kK(t,e){return(kK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mK(this,wK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kK(t,e)}(e,_r),n=e,(r=[{key:"config",value:function(t){return this.parent.state[t]}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return He.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=pl.selection.currentArtboard,o=bK(e.split(",").map(function(t){return t.trim()}),1)[0];e=r.searchById(o).d}else e=null;if(e){var i=PX(new zd(e).segments),a=i.totalLength,c=i.interpolateList,u=0;(n=c.map(function(t){var e={totalLength:a,length:t.length+u};return u+=t.length,e})).pop()}return n}},{key:"makeKeyframe",value:function(t,e,n){var r=this,o=n.keyframes.filter(function(t){return e.displayStartTime<=t.time&&t.time<=e.displayEndTime}).map(function(t,o){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){vK(t,e,n[e])})}return t}({left:r.calculateTimeToPosition(t.time,e.displayStartTime,e.displayEndTime)},t,{subOffset:r.makeSubOffset(n.property,t.value),index:o})});return"\n        <div class='keyframe-back'".concat(K({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map(function(e,r){var i=o[r+1];if(!i)return"";var a=He.px(e.left.value),c=He.px(i.left.value-e.left.value),u=pl.timeline.checked(e.id)&&pl.timeline.checked(i.id);return"\n                    <div ".concat(K({"data-selected":"".concat(u),class:{"offset-line":!0}})," style='left: ").concat(a,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(e.subOffset.map(function(r,o){var i=He.px(e.left.value+r.length/r.totalLength*c.value);return"\n                        <div class='".concat(W({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(K({"data-offset-id":e.id,"data-layer-id":t,"data-property":n.property,"data-suboffset-index":o})," ></div>\n        \n                        ")}).join(""),"\n                ")}).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(o.map(function(e){var r=pl.timeline.checked(e.id);return"<div class='".concat(W({offset:!0}),"' style='left: ").concat(e.left,"' ").concat(K({"data-selected":"".concat(r),"data-offset-id":e.id,"data-layer-id":t,"data-property":n.property,"data-offset-index":e.index})," ></div>\n\n                ")}).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(t,e){var n=this,r=pl.selection.currentArtboard.searchById(e.id);if(r){var o={};e.properties.map(function(t){return t.keyframes.map(function(t){return t.time})}).forEach(function(t){t.forEach(function(t){return o[t]=!0})});var i=Object.keys(o).map(function(t){return+t});return"\n        <div class='timeline-keyframe' data-timeline-layer-id=\"".concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(K({"data-row-index":this.state.rowIndex++,"data-layer-id":r.id})," >\n                <div class='keyframe-shadow'>\n                ").concat(i.map(function(e){var r=n.calculateTimeToPosition(e,t.displayStartTime,t.displayEndTime);return"<div class='offset' style='left: ".concat(r,"'></div>")}).join(""),"\n                </div>\n            </div>\n\n            ").concat(e.properties.map(function(e){return"\n                <div class='timeline-keyframe-row layer-property' ".concat(K({"data-row-index":n.state.rowIndex++,"data-property":e.property,"data-layer-id":r.id})," >\n                    ").concat(e.keyframes.length?n.makeKeyframe(r.id,t,e):"","\n                </div>")}).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-keyframe-container' tabIndex=\"-1\">\n                <div ref='$keyframeList' class='timeline-keyframe-list'></div>\n                <div class='drag-area' ref='$dragArea'></div>\n            </div>\n        "}},{key:"hasDragPlace",value:function(t){var e=Ke.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=E(t)?this.state.rowIndex:+t}},{key:un("$el")+Cn("Backspace"),value:function(t){this.emit("delete.timeline.keyframe")}},{key:kn("$el")+En("hasDragPlace")+In("moveDragArea")+Mn("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(Ke.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){var n=t<0?He.px(this.dragXY.x+t):He.px(this.dragXY.x),r=e<0?He.px(this.dragXY.y+e):He.px(this.dragXY.y),o=He.px(Math.abs(t)),i=He.px(Math.abs(e));this.refs.$dragArea.css({left:n,top:r,width:o,height:i}),this.left=n,this.width=o}},{key:"getLayerList",value:function(){for(var t=this.getRowIndex(Ke.create(pl.config.get("bodyEvent").target).attr("data-row-index")),e=Math.min(t,this.startRowIndex),n=Math.max(t,this.startRowIndex),r=[],o=e;o<=n;o++)r.push('[data-row-index="'.concat(o,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map(function(t){var e=bK(t.attrs("data-layer-id","data-property"),2);return{layerId:e[0],property:e[1]}})}},{key:"getTime",value:function(t,e,n){return t+(e-t)*n}},{key:"moveEndDragArea",value:function(t,e){if(this.left){this.refs.$dragArea.css({left:null,top:null,width:null,height:null});var n=this.$el.width(),r=this.getTimeRateByPosition(this.left.value/n),o=this.getTimeRateByPosition((this.left.value+this.width.value)/n);pl.timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(pl.timeline.empty(),this.refresh())}},{key:zn("$keyframeList")+Vn,value:function(){var t=this,e=pl.selection.currentArtboard;if(!e)return"";var n=e.getSelectedTimeline();if(!n)return"";var r=this.$el.rect().width-20;return this.rect={totalWidth:r,startX:10},this.state.rowIndex=0,n.animations.map(function(e){return t.makeTimelineKeyframeRow(n,e)})}},{key:rn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$delegateTarget.closest("timeline-keyframe").toggleClass("collapsed")}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"getRealPosition",value:function(t){var e=this.$el.rect(),n={x:t.xy.x-e.left,width:e.width,y:t.xy.y-e.top,height:e.height},r=n.width-10;return n.x<10&&(n.x=10),n.x>r&&(n.x=r),n.rate=(n.x-10)/(r-10),n}},{key:"getTimeRateByPosition",value:function(t){var e=this.currentTimeline;if(e){var n=e.displayStartTime,r=e.displayEndTime;return this.getTime(n,r,t)}return 0}},{key:on("$el .timeline-keyframe-row.layer-property"),value:function(t){var e=bK(t.$delegateTarget.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("add.timeline.keyframe",{layerId:n,property:r,time:o}),this.refresh(),this.doubleClicked=!0}},{key:kn("$el .timeline-keyframe-row.layer-property .offset")+En("hasCurrentTimeline")+In("moveOffset")+Mn("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$delegateTarget;var n=this.$offset.attr("data-offset-id"),r=this.$offset.attr("data-property"),o=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var i=this.$el.rect().width-20;this.rect={totalWidth:i,startX:10};var a=pl.selection.currentArtboard;a&&(this.offset=a.getTimelineKeyframeById(o,r,n),this.layerId=o,this.property=r,this.cachedOffsetTime=this.offset.time),this.timeline=this.currentTimeline,pl.timeline.checked(n)||pl.timeline.select(this.offset),this.cachedOffsetList={},pl.timeline.cachedList().forEach(function(t){e.cachedOffsetList[t.id]=t.time}),this.emit("refreshOffsetValue",this.offset)}},{key:"moveOffset",value:function(t,e){var n=this,r=this.timeline,o=r.displayStartTime,i=r.displayEndTime,a=r.fps,c=t<0?-1:1,u=Math.abs(t)/this.rect.totalWidth*(i-o);pl.timeline.each(function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=PH(a,e);e=jH(a,r),t.time=e}),this.refresh(),this.emit("refreshOffsetValue",this.offset)}},{key:Pr("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(){var t=pl.selection.currentArtboard;t&&(pl.timeline.each(function(e){t.sortTimelineKeyframe(e.layerId,e.property)}),this.refresh())}},{key:Pr("addTimeline","moveTimeline")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&gK(n.prototype,r),o&&gK(n,o),e}();function SK(t){return(SK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function PK(t,e){return!e||"object"!==SK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xK(t){return(xK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _K(t,e){return(_K=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),PK(this,xK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_K(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <label>".concat(vm.timer,' <input type="text" ref=\'$currentTime\' /></label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label><input type="text" ref=\'$duration\' /></label>\n            </div>\n        </div>')}},{key:"refresh",value:function(){this.refreshTimeInfo()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeInfo",value:function(){var t=this.currentTimeline;t&&(this.refs.$currentTime.val(t.currentTimecode),this.refs.$duration.val(t.totalTimecode),this.refs.$fps.val(t.fps))}},{key:"refreshCurrentTime",value:function(){var t=this.currentTimeline;t&&this.refs.$currentTime.val(t.currentTimecode)}},{key:Pr("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Pr("refreshTimeline"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(10),value:function(){this.refresh()}},{key:un("$fps")+Cn("Enter"),value:function(t){var e=+this.refs.$fps.val(),n=pl.selection.currentArtboard;n&&(n.setFps(e),this.emit("moveTimeline"))}},{key:"checkNumberOrTimecode",value:function(t){var e=t.target.value.trim();return+e+""===e||!!e.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(t){return!!t.key.match(/^[0-9:]+$/)||("Backspace"===t.code||"ArrowRight"===t.code||"ArrowLeft"===t.code)}},{key:cn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$currentTime")+Cn("Enter")+En("checkNumberOrTimecode")+En("hasCurrentTimeline")+Ln,value:function(t){var e=this.refs.$currentTime.value,n=pl.selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:cn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$duration")+Cn("Enter")+En("checkNumberOrTimecode")+En("hasCurrentTimeline")+Ln,value:function(t){var e=this.refs.$duration.value,n=pl.selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&jK(n.prototype,r),o&&jK(n,o),e}();function EK(t){return(EK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $K(t,e){return!e||"object"!==EK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RK(t){return(RK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function VK(t,e){return(VK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$K(this,RK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&VK(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{KeyframeTimeControl:TK}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&CK(n.prototype,r),o&&CK(n,o),e}();function DK(t){return(DK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function MK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LK(t,e){return!e||"object"!==DK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BK(t){return(BK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zK(t,e){return(zK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),LK(this,BK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-view'>\n            <div class='time-duration'>\n                <div class='duration-handle-left'></div>\n                <div class='duration-handle-right'></div>\n                <div class='duration-slider' ref='$slider'>\n                    <div class='gauge' ref='$gauge'></div>\n                    <div class='start' ref='$start'></div>\n                    <div class='end' ref='$end'></div>\n                </div>\n            </div>\n            <canvas ref=\"$canvas\"></canvas>\n        </div>"}},{key:"refresh",value:function(){this.refreshTimeDisplay(),this.refreshCanvas()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeDisplay",value:function(){var t=this.currentTimeline;if(t){var e=He.percent(t.displayStartTime/t.totalTime*100),n=He.percent(t.displayEndTime/t.totalTime*100);this.refs.$start.css("left",e),this.refs.$end.css("left",n),this.refs.$gauge.css({left:e,width:He.percent(n.value-e.value)})}}},{key:kn("$start")+En("hasCurrentTimeline")+In("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=He.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=pl.selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=pl.config.get("pos").x-this.sliderRect.x,e=this.endX;t=Math.max(t,0);var n=(t=Math.min(t,e))/this.sliderRect.width;this.artboard.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:kn("$end")+En("hasCurrentTimeline")+In("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=He.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=pl.selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=pl.config.get("pos").x-this.sliderRect.x,e=this.startX,n=this.sliderRect.width;t=Math.max(t,e);var r=(t=Math.min(t,n))/this.sliderRect.width;this.artboard.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:kn("$gauge")+En("hasCurrentTimeline")+In("moveGaugeButton"),value:function(t){this.sliderRect=this.refs.$slider.rect();var e=this.currentTimeline,n=e.displayStartTime,r=e.displayEndTime;this.timelineStartTime=n,this.timelineEndTime=r,this.artboard=pl.selection.currentArtboard}},{key:"moveGaugeButton",value:function(t,e){var n=t/this.sliderRect.width;this.artboard.setDisplayTimeDxRate(n,this.timelineStartTime,this.timelineEndTime),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:"config",value:function(t){return this.parent.state[t]}},{key:"setConfig",value:function(t,e){this.parent.setState(IK({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.currentTimeline;if(t){var e=this.$el.rect(),n=e.width,r=(e.height,t.displayStartTime),o=t.displayEndTime,i=t.fps,a=t.currentTime,c=Math.floor(r*i),u=Math.floor(o*i),s=(n=e.width,u-c),l=5;s<100?l=10:s<1e3?l=100:s<1e4?l=1e3:s<1e5&&(l=1e4),c%l!=0&&(c+=l-c%l);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:n,height:24}),this.refs.$canvas.update(function(){var t=this.rect(),e=n-20;this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){IK(t,e,n[e])})}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;c<u;c+=l){var s=(jH(i,c)-r)/(o-r)*e;this.drawOption({fillStyle:"#ececec"}),this.drawText(s+10,7,xH(i,c).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:"black",lineWidth:1}),this.drawLine(0,t.height-.5,t.width,t.height);var p=(a-r)/(o-r)*e;this.drawOption({strokeStyle:"#fc554f",fillStyle:"#fc554f",lineWidth:1}),this.drawPath([p-4+10,t.height-10],[p+4+10,t.height-10],[p+4+10,t.height-4],[p+10,t.height],[p-4+10,t.height-4],[p-4+10,t.height-10])})}}},{key:kn("$canvas")+En("hasCurrentTimeline")+In()+Mn("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=pl.selection.currentArtboard,this.emit("hideSelectionToolView"),pl.selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=pl.config.get("pos").x-this.selectedCanvasOffset.left;n=Math.max(n,0),n=Math.min(n,e),this.artboard.setTimelineCurrentTimeRate(n/t),this.refresh(),this.artboard.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){pl.selection.setRectCache(),this.emit("refreshSelectionTool")}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&MK(n.prototype,r),o&&MK(n,o),e}();function GK(t){return(GK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XK(t,e){return!e||"object"!==GK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function YK(t){return(YK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function NK(t,e){return(NK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),XK(this,YK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&NK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"<div class='keyframe-time-grid-view'><canvas ref=\"$canvas\"></canvas></div>"}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.currentTimeline();if(t){var e=this.$el.rect().width,n=t.currentTime,r=t.displayStartTime,o=t.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update(function(){var t=this.rect(),i=(n-r)/(o-r)*(e-20);this.drawOption({strokeStyle:"#fc554f",lineWidth:1}),this.drawLine(i+10,0,i+10,t.height)})}}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(50),value:function(){this.refresh()}}])&&HK(n.prototype,r),o&&HK(n,o),e}();function WK(t){return(WK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function UK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ZK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qK(t,e){return!e||"object"!==WK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JK(t){return(JK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QK(t,e){return(QK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qK(this,JK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QK(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{CSSPropertyEditor:RC,CubicBezierEditor:y_}}},{key:"initState",value:function(){return{time:0,timing:"linear"}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state)}},{key:"getProperties",value:function(){return[{key:this.state.property,value:E(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter(function(t){return t.key})}},{key:"refresh",value:function(){var t=pl.selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=PH(n.fps,this.state.time))}this.refs.$offsetTime.val(e),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",{timingFunction:this.state.timing})}},{key:"template",value:function(){return'\n    <div class=\'timeline-value-editor\'>\n        <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n                <div class="tab-item" data-value="1">\n                    <label>Value</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>Timing</label>\n                </div>\n                <div class=\'tab-item empty-item\'></div>\n                <div class=\'tab-item empty-item\'></div>\n                <div class=\'tab-item empty-item\'></div>                                \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content padding-zero" data-value="1">\n                    '.concat(this.templateForOffset(),"  \n                    ").concat(this.templateForProperty(),'  \n                </div>\n                <div class="tab-content" data-value="2">\n                    ').concat(this.templateForTimingFunction(),"\n                </div>\n            </div>\n        </div>\n    </div>\n    ")}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value")),this.refresh()}},{key:"checkNumberOrTimecode",value:function(t){var e=t.target.value.trim();return+e+""===e||!!e.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(t){return!!t.key.match(/^[0-9:]+$/)||("Backspace"===t.code||"ArrowRight"===t.code||"ArrowLeft"===t.code)}},{key:cn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$offsetTime")+Cn("Enter")+En("checkNumberOrTimecode")+Ln,value:function(t){var e=this.refs.$offsetTime.value,n=pl.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:jH(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>Time</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>".concat(vm.gps_fixed,"</button>\n      </div>\n    ")}},{key:rn("$seek"),value:function(){var t=this,e=pl.selection.currentArtboard;e&&(e.seek(this.refs.$offsetTime.value,function(e){return e.layer.id===t.state.layerId&&e.property===t.state.property}),this.emit("playTimeline"))}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />"}},{key:zn("$editor"),value:function(){return""}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timing\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Pr("refreshPropertyValue"),value:function(){var t=pl.selection.currentArtboard;if(t){var e=t.searchById(this.state.layerId);if(e){var n=e[this.state.property]+"";this.trigger("refreshOffsetValue",{value:n}),this.updateData({value:n})}}}},{key:Pr("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){UK(t,e,n[e])})}return t}({},t),!1),this.refresh()}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(UK({},t,e+""))}},{key:Pr("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&ZK(n.prototype,r),o&&ZK(n,o),e}();function eW(t){return(eW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rW(t,e){return!e||"object"!==eW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oW(t){return(oW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iW(t,e){return(iW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rW(this,oW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iW(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n            <div class='timeline-play-control' >\n                <div class='row'>\n                    <div class='play-buttons' ref='$playButtons' data-status='".concat(this.state.status,"'>\n                        <button type=\"button\" data-value='play' class='play'>").concat(vm.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause'>").concat(vm.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first'>").concat(vm.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev'>").concat(vm.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next'>").concat(vm.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last'>").concat(vm.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>speed</label>\n                    <div class='input speed-number' >\n                        <input type='number' min=\"0.1\" max=\"10\" step=\"0.1\" ref='$speed' value='").concat(this.state.speed,"' />\n                    </div>\n                </div>                \n                <div class='row'>            \n                    <label><span ref='$repeatStatus'>repeat</span></label>\n                    <div class='input' >\n                        <input type='number' min=\"0\" max=\"100\" step=\"1\" ref='$iteration' value='").concat(this.state.iterationCount,"' />\n                    </div> \n                </div>\n                <div class='row'>\n                    <label> Direction</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='normal'>").concat(vm.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='alternate'>").concat(vm.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='reverse' style='transform: rotateY(180deg)'>").concat(vm.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='alternate reverse' style='transform: rotateY(180deg)'>").concat(vm.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();if(r)t=r.speed,e=r.iterationCount,n=r.direction;return{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=pl.selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:rn("$playButtons button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.setState({status:e}),"play"===e?this.play():"pause"===e?this.pause():"first"===e?this.first():"prev"===e?this.prev():"next"===e?this.next():"last"===e&&this.last()}},{key:"first",value:function(){this.emit("first.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"prev",value:function(){this.emit("prev.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"next",value:function(){this.emit("next.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"last",value:function(){this.emit("last.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"play",value:function(){this.emit("play.timeline",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pause.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:Pr("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:rn("$direction button"),value:function(t){this.updateData({direction:t.$delegateTarget.attr("data-value")}),this.refresh()}},{key:rn("$repeatStatus"),value:function(t){var e=0;0===this.refs.$iteration.value&&(e=1),this.updateData({iterationCount:e}),this.refs.$iteration.val(e),this.bindData("$repeatStatus")}},{key:yn("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:yn("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:Gn("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?"Infinite":"Repeat"}}},{key:Gn("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:Gn("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Pr("selectTimeline"),value:function(){this.refresh()}}])&&nW(n.prototype,r),o&&nW(n,o),e}();function cW(t){return(cW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sW(t,e){return!e||"object"!==cW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lW(t){return(lW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fW(t,e){return(fW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sW(this,lW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fW(t,e)}(e,mV),n=e,(r=[{key:"components",value:function(){return{TimelineAnimationProperty:hB,TimelinePlayControl:aW,TimelineValueEditor:tW,KeyframeTimeView:FK,TimelineKeyframeList:OK,TimelineObjectList:yK,TimelineTopToolbar:AK,KeyframeTimeGridView:KK}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return"Timeline"}},{key:"getTools",value:function(){return"\n      <TimelinePlayControl />\n      \n    "}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <TimelineAnimationProperty />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <TimelineTopToolbar />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <KeyframeTimeView ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <TimelineObjectList />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <TimelineKeyframeList ref='$keyframeList' />          \n          </div>\n          <KeyframeTimeGridView ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <TimelineValueEditor ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:mn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:mn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Pr("refreshValueEditor")+An(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Pr("changeKeyframeValue"),value:function(t){this.emit("set.timeline.offset",t)}},{key:fn("$area")+Ln,value:function(t){}},{key:ln("$area")+Ln,value:function(t){this.emit("add.timeline",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&uW(n.prototype,r),o&&uW(n,o),e}();function hW(t){return(hW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dW(t,e){return!e||"object"!==hW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vW(t){return(vW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bW(t,e){return(bW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dW(this,vW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bW(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n            <div>\n                <div class='message-view' ref='$msg'></div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:Gn("$msg"),value:function(){return{text:this.state.msg}}},{key:Pr("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&yW(n.prototype,r),o&&yW(n,o),e}();function mW(t){return(mW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function kW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OW(t,e){return!e||"object"!==mW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SW(t,e,n){return(SW="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=jW(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function jW(t){return(jW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PW(t,e){return(PW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),OW(this,jW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PW(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){SW(jW(e.prototype),"initialize",this).call(this),Ke.create(document.body).attr("data-theme",pl.theme)}},{key:"template",value:function(){return this.templateForEditor()}},{key:"templateForEditor",value:function(){return'\n      <div class="layout-main">\n        <div class="layout-header">\n            <LogoView />\n            <ToolMenu />\n            <ExternalToolMenu />\n        </div>\n        <div class="layout-middle" ref=\'$middle\'>\n          <div class="layout-body">\n            <CanvasView />        \n          </div>                           \n          <div class=\'layout-left\'>\n            <ObjectList />\n          </div>\n          <div class="layout-right">\n            <Inspector />\n          </div>\n\n          <div class=\'layout-tools\'>\n            <button ref=\'$toggleRight\'>'.concat(vm.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>          \n        </div>\n        \n        <div class='status-bar'>\n          <StatusBar />\n        </div>\n\n        <FillPopup />\n        <ColorPickerPopup  />\n        <BoxShadowPropertyPopup />\n        <BackgroundImagePositionPopup />\n        <TextShadowPropertyPopup />\n        <AnimationPropertyPopup />\n        <TransitionPropertyPopup />\n        <KeyframePopup />\n        <ClipPathPopup />\n        <SVGPropertyPopup />\n        <SelectorPopup />\n        <ImageSelectPopup />\n        <GradientPickerPopup />\n        <FillPickerPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <CommandView />    \n        <ExportWindow />\n        <ImageFileView />\n      </div>\n    ")}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){wW(t,e,n[e])})}return t}({},tK,EG,{ObjectList:lH,CommandView:GN,Inspector:rz,ToolMenu:nj,CanvasView:aw,StyleView:MG,LogoView:vH,ExternalToolMenu:OH,ImageFileView:aK,StatusBar:gW,TimelineProperty:pW})}},{key:Pr("changeTheme"),value:function(){Ke.create(document.body).attr("data-theme",pl.theme)}},{key:rn("$toggleRight"),value:function(){this.trigger("toggleRightPanel")}},{key:Pr("toggleRightPanel"),value:function(){}},{key:Pr("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:xn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:Pr("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Pr("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.trigger("refreshAllSelectArtBoard")}},{key:Pr("refreshAllSelectArtBoard"),value:function(){this.emit("refreshLayerTreeView"),this.emit("refreshAllCanvas"),this.emit("refreshStyleView")}},{key:Pr("refreshElement"),value:function(t){this.emit("refreshCanvas",t),this.emit("refreshStyleView",t)}},{key:fn("$middle")+Ln,value:function(t){}},{key:ln("$middle")+Ln,value:function(t){var e=sc.getAllDropItems(t);this.emit("drop.items",e)}}])&&kW(n.prototype,r),o&&kW(n,o),e}();function _W(t){return(_W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TW(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){EW(t,e,n[e])})}return t}function EW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $W(t,e){return!e||"object"!==_W(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RW(t,e,n){return(RW="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=VW(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function VW(t){return(VW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AW(t,e){return(AW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var IW=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){DW(t,e,n[e])})}return t}({},F_,{BackgroundImage:FP,BorderImage:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$W(this,VW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AW(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=null;if(t["border-image"]){var r=se(t["border-image"]);r.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach(function(o,i){var a=null;o=fe(o,r.matches);var c=t["border-image"].replace(o,"").split(" ").map(function(t){return He.parse(t)});o.includes("repeating-linear-gradient")?a=Hj.parse(o):o.includes("linear-gradient")?a=Dj.parse(o):o.includes("repeating-radial-gradient")?a=sP.parse(o):o.includes("radial")?a=eP.parse(o):o.includes("repeating-conic-gradient")?a=EP.parse(o):o.includes("conic")?a=OP.parse(o):o.includes("url")&&(a=Sj.parse(o)),n=new e({type:a.type,image:a});var u=c.filter(function(t){return M(t.value)});1===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[0].clone(),right:u[0].clone()}}):2===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[1].clone(),right:u[1].clone()}}):3===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[1].clone(),right:u[1].clone()}}):4===u.length&&n.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[3].clone(),right:u[1].clone()}})})}return n}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:this.createImage(t.images[0])})}},{key:"createImage",value:function(t){return new Sj({url:t})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:this.createGradient(t,this.json.image)})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps,r=t.angle,o=t.radialType,i=t.radialPosition,a=e.toJSON();switch(delete a.itemType,delete a.type,t.type){case"static-gradient":return new lj(TW({},a,{colorsteps:n}));case"linear-gradient":return new Dj(TW({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Hj(TW({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new eP(TW({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new sP(TW({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new OP(TW({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new EP(TW({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new Pv}},{key:"getDefaultObject",value:function(){return RW(VW(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:lj.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach(function(e){t.slice[e]=He.parse(t.slice[e])}),t}},{key:"toBorderImageOffsetCSS",value:function(){var t=this;return Object.keys(this.json.offset).map(function(e){return t.json.offset[e].toString()}).join(" ")}},{key:"toBorderImageCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.json.image)return{};var e=this.json.image.toString(t);return{"border-image-source":"".concat(e)}}},{key:"toBorderImageRepeatCSS",value:function(){return this.json.repeat?{"border-image-repeat":"".concat(this.json.repeat)}:{}}},{key:"toBorderImageWidthCSS",value:function(){var t=this;if(!this.json.width)return{};if(0===Object.keys(this.json.width).filter(function(e){return t.json.width[e].value>0}).length)return{};var e=Object.keys(this.json.width).map(function(e){return t.json.width[e].toString()}).join(" ");return{"border-image-width":"".concat(e)}}},{key:"toBorderImageSliceCSS",value:function(){var t=this;if(!this.json.slice)return{};var e=Object.keys(this.json.slice).map(function(e){var n=t.json.slice[e];return n.isPercent()?n.toString():n.value}).join(" ");return{"border-image-slice":"".concat(e)}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return TW({},this.toBorderImageCSS(t),this.toBorderImageRepeatCSS(),this.toBorderImageSliceCSS(),this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return j(this.toCSS(),function(t,e){return"".concat(t,": ").concat(e)}).join(";")}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&CW(n.prototype,r),o&&CW(n,o),e}(),BoxShadow:mx}),MW={ColorStep:cv,ConicGradient:OP,LinearGradient:Dj,RadialGradient:eP,RepeatingConicGradient:EP,RepeatingLinearGradient:Hj,RepeatingRadialGradient:sP,URLImageResource:Sj};function LW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var BW=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.target=e,this.container=n,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"setSource",value:function(t){this.source=t}},{key:"parse",value:function(){}},{key:"generate",value:function(){}}])&&LW(e.prototype,n),r&&LW(e,r),t}();function zW(t){return(zW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GW(t,e){return!e||"object"!==zW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HW(t){return(HW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XW(t,e){return(XW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function YW(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){NW(t,e,n[e])})}return t}function NW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var KW=YW({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return kl(YW({components:{CSSEditor:xW},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:xW},IW,MW,{ParserGenerator:BW,DomParserGenerator:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GW(this,HW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XW(t,e)}(e,BW),n=e,(r=[{key:"setSource",value:function(t){this.source=t}},{key:"initialize",value:function(){var t=this;this.container.addEventListener("click",function(e){if(e.target){t.source&&t.source.removeAttr("data-embed-editor-target");var n=Ke.create(e.target);n.attr("data-embed-editor-target","true"),t.setSource(n),t.parse()}}),this.container.addEventListener("input",function(e){e.target&&t.source&&t.parseText()})}},{key:"parse",value:function(){var t=this.source.getStyleList("width","height","margin","padding","line-height","font-size","font-stretch","letter-spacing","word-spacing","text-indent");t.content=this.source.text(),this.target&&I(this.target.parseEnd)&&this.target.parseEnd(t)}},{key:"parseText",value:function(){var t={};t.content=this.source.text(),this.target&&I(this.target.parseEnd)&&this.target.parseEnd(t)}},{key:"generate",value:function(t){this.source&&(this.source.css(t),this.source.text()!=t.content&&this.source.text(t.content))}}])&&FW(n.prototype,r),o&&FW(n,o),e}()});function WW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UW(){return new KW.createCSSEditor}e.default=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){WW(t,e,n[e])})}return t}({},Ol,Rh,KW,{startEditor:UW});window.editor=UW()}])});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.EasylogicStudio=e():t.EasylogicStudio=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"debounce",function(){return k}),n.d(r,"throttle",function(){return O}),n.d(r,"keyEach",function(){return S}),n.d(r,"keyMap",function(){return j}),n.d(r,"keyMapJoin",function(){return P}),n.d(r,"get",function(){return _}),n.d(r,"defaultValue",function(){return T}),n.d(r,"isUndefined",function(){return E}),n.d(r,"isNotUndefined",function(){return C}),n.d(r,"isArray",function(){return $}),n.d(r,"isBoolean",function(){return R}),n.d(r,"isString",function(){return V}),n.d(r,"isNotString",function(){return A}),n.d(r,"isObject",function(){return D}),n.d(r,"isFunction",function(){return I}),n.d(r,"isNumber",function(){return M}),n.d(r,"clone",function(){return L}),n.d(r,"cleanObject",function(){return B}),n.d(r,"combineKeyArray",function(){return z}),n.d(r,"repeat",function(){return F}),n.d(r,"html",function(){return X}),n.d(r,"CSS_TO_STRING",function(){return Y}),n.d(r,"STRING_TO_CSS",function(){return N}),n.d(r,"OBJECT_TO_PROPERTY",function(){return K}),n.d(r,"OBJECT_TO_CLASS",function(){return W}),n.d(r,"TAG_TO_STRING",function(){return U}),n.d(r,"mapjoin",function(){return Z});var o={};n.r(o),n.d(o,"format",function(){return q}),n.d(o,"hex",function(){return J}),n.d(o,"rgb",function(){return Q}),n.d(o,"hsl",function(){return tt});var i={};n.r(i),n.d(i,"randomNumber",function(){return et}),n.d(i,"random",function(){return nt}),n.d(i,"randomRGBA",function(){return rt});var a={};n.r(a),n.d(a,"round",function(){return at}),n.d(a,"degreeToRadian",function(){return ct}),n.d(a,"div",function(){return ut}),n.d(a,"radianToDegree",function(){return st}),n.d(a,"getXInCircle",function(){return lt}),n.d(a,"getYInCircle",function(){return ft}),n.d(a,"getXYInCircle",function(){return pt}),n.d(a,"getDist",function(){return ht}),n.d(a,"calculateAngle",function(){return yt}),n.d(a,"calculateAngle360",function(){return dt}),n.d(a,"uuid",function(){return bt}),n.d(a,"uuidShort",function(){return gt}),n.d(a,"cubicBezier",function(){return wt}),n.d(a,"getGradientLine",function(){return kt}),n.d(a,"CCW",function(){return Ot}),n.d(a,"incircle",function(){return St}),n.d(a,"initPolygon",function(){return jt}),n.d(a,"Deluanay",function(){return xt}),n.d(a,"generate_sample_points",function(){return _t}),n.d(a,"getCenterInTriangle",function(){return Tt});var c={};n.r(c),n.d(c,"ReverseXyz",function(){return Et}),n.d(c,"ReverseRGB",function(){return Ct}),n.d(c,"XYZtoRGB",function(){return $t}),n.d(c,"LABtoXYZ",function(){return Rt}),n.d(c,"PivotXyz",function(){return Vt}),n.d(c,"XYZtoLAB",function(){return At}),n.d(c,"LABtoRGB",function(){return Dt});var u={};n.r(u),n.d(u,"RGBtoHSV",function(){return It}),n.d(u,"RGBtoCMYK",function(){return Mt}),n.d(u,"RGBtoHSL",function(){return Lt}),n.d(u,"c",function(){return Bt}),n.d(u,"gray",function(){return zt}),n.d(u,"RGBtoSimpleGray",function(){return Ft}),n.d(u,"RGBtoGray",function(){return Gt}),n.d(u,"brightness",function(){return Ht}),n.d(u,"RGBtoYCrCb",function(){return Xt}),n.d(u,"PivotRGB",function(){return Yt}),n.d(u,"RGBtoXYZ",function(){return Nt}),n.d(u,"RGBtoLAB",function(){return Kt});var s={};n.r(s),n.d(s,"CMYKtoRGB",function(){return Wt});var l={};n.r(l),n.d(l,"HSVtoRGB",function(){return Ut}),n.d(l,"HSVtoHSL",function(){return Zt});var f={};n.r(f),n.d(f,"HUEtoRGB",function(){return qt}),n.d(f,"HSLtoHSV",function(){return Jt}),n.d(f,"HSLtoRGB",function(){return Qt});var p={};n.r(p),n.d(p,"YCrCbtoRGB",function(){return te});var h={};n.r(h),n.d(h,"isColor",function(){return ce}),n.d(h,"matches",function(){return ue}),n.d(h,"convertMatches",function(){return se}),n.d(h,"convertMatchesArray",function(){return le}),n.d(h,"reverseMatches",function(){return fe}),n.d(h,"trim",function(){return he}),n.d(h,"parse",function(){return ye}),n.d(h,"parseGradient",function(){return de});var d={};n.r(d),n.d(d,"interpolateRGB",function(){return ve}),n.d(d,"interpolateRGBObject",function(){return be}),n.d(d,"scale",function(){return ge}),n.d(d,"blend",function(){return me}),n.d(d,"mix",function(){return we}),n.d(d,"contrast",function(){return ke}),n.d(d,"contrastColor",function(){return Oe}),n.d(d,"gradient",function(){return Se}),n.d(d,"scaleHSV",function(){return je}),n.d(d,"scaleH",function(){return Pe}),n.d(d,"scaleS",function(){return xe}),n.d(d,"scaleV",function(){return _e});var v={};n.r(v),n.d(v,"start",function(){return kl});n(0);function b(t){return function(t){if(Array.isArray(t))return t}(t)||m(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function g(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||m(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function m(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function w(t){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k(t,e){var n=void 0;return function(r,o,i,a,c){n&&clearTimeout(n),n=setTimeout(function(){t(r,o,i,a,c)},e||300)}}function O(t,e){var n=void 0;return function(r,o,i,a,c){n||(n=setTimeout(function(){t(r,o,i,a,c),n=null},e||300))}}function S(t,e){Object.keys(t).forEach(function(n,r){e(n,t[n],r)})}function j(t,e){return Object.keys(t).map(function(n,r){return e(n,t[n],r)})}function P(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return j(t,e).join(n)}function _(t,e,n){var r=T(t[e],e);return I(n)?n(r):r}function T(t,e){return void 0===t?e:t}function E(t){return null==t}function C(t){return!1===E(t)}function $(t){return Array.isArray(t)}function R(t){return"boolean"==typeof t}function V(t){return"string"==typeof t}function A(t){return!1===V(t)}function D(t){return"object"==w(t)&&!$(t)&&!M(t)&&!V(t)&&null!==t}function I(t){return"function"==typeof t}function M(t){return"number"==typeof t}function L(t){return JSON.parse(JSON.stringify(t))}function B(t){var e={};return Object.keys(t).filter(function(e){return!!t[e]}).forEach(function(n){e[n]=t[n]}),e}function z(t){return Object.keys(t).forEach(function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))}),t}function F(t){return g(Array(t))}var G=/\<(\w*)([^\>]*)\/\>/gim,H={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0,polygon:!0,polyline:!0,use:!0},X=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var o=t.map(function(t,e){var r=n[e]||"";return I(r)&&(r=r()),$(r)||(r=[r]),t+(r=r.map(function(t){return D(t)&&!$(t)?Object.keys(t).map(function(e){return"".concat(e,'="').concat(t[e],'"')}).join(" "):t}).join(""))}).join("");return o=o.replace(G,function(t,e){return H[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))})};function Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t;return Object.keys(n).filter(function(t){return n[t]}).map(function(t){return"".concat(t,": ").concat(n[t])}).join(";"+e)}function N(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e={};return""===(t+="")?e:(t.split(";").forEach(function(t){var n=b(t.split(":").map(function(t){return t.trim()})),r=n[0],o=n.slice(1);""!=r&&(e[r]=o.join(":"))}),e)}function K(t){return Object.keys(t).map(function(e){return"class"===e&&D(t[e])?"".concat(e,'="').concat(W(t[e]),'"'):R(t[e])?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')}).join(" ")}function W(t){return Object.keys(t).filter(function(e){return t[e]}).map(function(t){return t}).join(" ")}function U(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Z(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function q(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(0, 0, 0, 0)";return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),"hex"==e?J(t):"rgb"==e?Q(t,n):"hsl"==e?tt(t):t}function J(t){Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]});var e=t.r.toString(16);t.r<16&&(e="0"+e);var n=t.g.toString(16);t.g<16&&(n="0"+n);var r=t.b.toString(16);return t.b<16&&(r="0"+r),"#".concat(e).concat(n).concat(r)}function Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if($(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!E(t))return 1==t.a||E(t.a)?isNaN(t.r)?e:"rgb(".concat(t.r,",").concat(t.g,",").concat(t.b,")"):"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(t.a,")")}function tt(t){return $(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||E(t.a)?"hsl(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%)"):"hsla(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%,").concat(t.a,")")}function et(t,e){return Math.floor(Math.random()*(e-t+1))+t}function nt(){return Q({r:et(0,255),g:et(0,255),b:et(0,255)})}function rt(){return Q({r:et(0,255),g:et(0,255),b:et(0,255),a:et(0,1e3)/1e3})}var ot={create:function(t,e,n){return{x:t||0,y:e||0,z:n||0}},add:function(t,e){return{x:t.x+e.x,y:t.y+e.y,z:t.z+e.z}},sub:function(t,e){return{x:t.x-e.x,y:t.y-e.y,z:t.z-e.z}},mul:function(t,e){return{x:t.x*e.x,y:t.y*e.y,z:t.z*e.z}},div:function(t,e){return{x:t.x/e.x,y:t.y/e.y,z:t.z/e.z}},muls:function(t,e){return{x:t.x*e,y:t.y*e,z:t.z*e}},divs:function(t,e){return{x:t.x/e,y:t.y/e,z:t.z/e}},len:function(t){return Math.sqrt(t.x*t.x+t.y*t.y+t.z*t.z)},dot:function(t,e){return t.x*e.x+t.y*e.y+t.z*e.z},cross2d:function(t,e){return t.x*e.y-t.y*e.x},cross:function(t,e){return{x:t.y*e.z-t.z*e.y,y:t.z*e.x-t.x*e.z,z:t.x*e.y-t.y*e.x}},normalize:function(t){return ot.divs(t,ot.len(t))},ang:function(t,e){return Math.acos(ot.dot(t,e)/(ot.len(t)*ot.len(e)))},copy:function(t){return{x:t.x,y:t.y,z:t.z}},equal:function(t,e){return t.x===e.x&&t.y===e.y&&t.z===e.z},rotate:function(t,e){var n=t.x,r=t.y,o=t.z,i=0!==e.x?e.x/2:0,a=0!==e.y?e.y/2:0,c=0!==e.z?e.z/2:0,u=Math.cos(i),s=Math.cos(a),l=Math.cos(c),f=Math.sin(i),p=Math.sin(a),h=Math.sin(c),y=u*s*l+-f*p*h,d=f*s*l- -u*p*h,v=u*p*l+f*s*-h,b=u*s*h- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*y))+o*(2*(d*b+v*y)),y:n*(2*(d*v+b*y))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*y)),z:n*(2*(d*b-v*y))+r*(2*(b*v+d*y))+o*(1-2*(d*d+v*v))}}},it={matrix2d:{multiply:function(t){return function(e,n){var r=+e[n],o=+e[n+1];return[t[0][0]*r+t[0][1]*o+t[0][2],t[1][0]*r+t[1][1]*o+t[1][2],1]}},translate:function(t,e){return this.multiply([[1,0,t],[0,1,e],[0,0,1]])},rotate:function(t){return this.multiply([[Math.cos(t),Math.sin(t),0][(Math.sin(t),Math.cos(t),0)],[0,0,1]])},scale:function(t,e){return this.multiply([[t,0,0],[0,e,0],[0,0,1]])},skewX:function(t){return this.multiply([[1,Math.tan(t),0],[0,1,0],[0,0,1]])},skewY:function(t){return this.multiply([[1,0,0],[Math.tan(t),1,0],[0,0,1]])},flip:function(){return this.multiply([[-1,0,0],[0,-1,0],[0,0,1]])},flipX:function(){return this.multiply([[-1,0,0],[0,1,0],[0,0,1]])},flipY:function(){return this.multiply([[1,0,0],[0,-1,0],[0,0,1]])}},Vect3:ot,addVector:function(t,e){return ot.add(t,e)},rotateVector:function(t,e){return ot.rotate(t,e)}};function at(t,e){return e=E(e)?1:e,Math.round(t*e)/e}function ct(t){return t*Math.PI/180}function ut(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function st(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function lt(t,e){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0)+e*Math.cos(ct(t))}function ft(t,e){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0)+e*Math.sin(ct(t))}function pt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{x:lt(t,e,n),y:ft(t,e,r)}}function ht(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return Math.sqrt(Math.pow(Math.abs(n-t),2)+Math.pow(Math.abs(r-e),2))}function yt(t,e){return st(Math.atan2(e,t))}function dt(t,e){return(st(Math.atan2(e,t))+180)%360}var vt=/[xy]/g;function bt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(vt,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)})}function gt(){var t=(new Date).getTime();return"idxxxxxxx".replace(vt,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)})}var mt={B1:function(t){return t*t*t},B2:function(t){return 3*t*t*(1-t)},B3:function(t){return 3*t*(1-t)*(1-t)},B4:function(t){return(1-t)*(1-t)*(1-t)}};function wt(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*mt.B2(t)+i*mt.B3(t)+mt.B4(t))}}function kt(t,e){var n=Math.abs(e.width*Math.sin(t))+Math.abs(e.height*Math.cos(t)),r={x:e.x+e.width/2,y:e.y+e.height/2},o=Math.sin(t-Math.PI/2)*n/2,i=Math.cos(t-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-i,y:r.y-o},end:{x:r.x+i,y:r.y+o}}}function Ot(t,e,n){return E(n)?ot.cross2d(t,e):ot.cross2d(ot.sub(e,t),ot.sub(n,t))}function St(t,e,n,r){var o=Ot(t,e,n),i=t.x-r.x,a=t.y-r.y,c=e.x-r.x,u=e.y-r.y,s=n.x-r.x,l=n.y-r.y,f=(i*i+a*a)*(c*l-s*u)+(c*c+u*u)*(s*a-i*l)+(s*s+l*l)*(i*u-c*a);return o>0?f>=0:f<=0}function jt(t,e,n){for(var r=ot.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(ot.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function Pt(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function xt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=ot.create(-2e9,-2e9),t[e+1]=ot.create(2e9,-2e9),t[e+2]=ot.create(0,2e9);for(var n=[ot.create(e,e+1,e+2)],r=0;r<e;r++){for(var o=[],i=new Array(n.length),a=0;a<n.length;a++){if(!i[a])if(c=n[a])St(t[c.x],t[c.y],t[c.z],t[r])?(jt(o,c.x,c.y),jt(o,c.y,c.z),jt(o,c.z,c.x),Pt(i,a,n.length-1),Pt(n,a,n.length-1),n.pop(),a--):i[a]=!0}o.forEach(function(e){0===Ot(t[e.x],t[e.y],t[r])||n.push(ot.create(e.x,e.y,r))})}for(r=0;r<n.length;r++){var c;((c=n[r]).x>=e||c.y>=e||c.z>=e)&&(Pt(n,r,n.length-1),n.pop(),r--)}return n.map(function(e){return{a:t[e.x],b:t[e.y],c:t[e.z]}})}function _t(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:50,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},c=[],u=t+n,s=-r,l=e+r,f=-n;f<u;f+=o)for(var p=s;p<l;p+=o){var h=Math.floor(f+o/2*(a()*i*2-i)),y=Math.floor(p+o/2*(a()*i*2-i));c[c.length]={x:h,y:y}}return c}function Tt(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}function Et(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Ct(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function $t(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var o=t/100,i=e/100,a=n/100,c=3.2406*o+-1.5372*i+-.4986*a,u=-.9689*o+1.8758*i+.0415*a,s=.0557*o+-.204*i+1.057*a;return c=Ct(c),u=Ct(u),s=Ct(s),{r:at(255*c),g:at(255*u),b:at(255*s)}}function Rt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}var o=(t+16)/116,i=e/500+o,a=o-n/200;return o=Et(o),{x:95.047*(i=Et(i)),y:100*o,z:108.883*(a=Et(a))}}function Vt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function At(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var o=t/95.047,i=e/100,a=n/108.883;return o=Vt(o),{l:116*(i=Vt(i))-16,a:500*(o-i),b:200*(i-(a=Vt(a)))}}function Dt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return $t(Rt(t,e,n))}function It(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255,c=Math.max(o,i,a),u=c-Math.min(o,i,a),s=0;0==u?s=0:c==o?s=(i-a)/u%6*60:c==i?s=60*((a-o)/u+2):c==a&&(s=60*((o-i)/u+4)),s<0&&(s=360+s);return{h:s,s:0==c?0:u/c,v:c}}function Mt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255,c=1-Math.max(o,i,a);return{c:(1-o-c)/(1-c),m:(1-i-c)/(1-c),y:(1-a-c)/(1-c),k:c}}function Lt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}t/=255,e/=255,n/=255;var o,i,a=Math.max(t,e,n),c=Math.min(t,e,n),u=(a+c)/2;if(a==c)o=i=0;else{var s=a-c;switch(i=u>.5?s/(2-a-c):s/(a+c),a){case t:o=(e-n)/s+(e<n?6:0);break;case e:o=(n-t)/s+2;break;case n:o=(t-e)/s+4}o/=6}return{h:at(360*o),s:at(100*i),l:at(100*u)}}function Bt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt((t+e+n)/3>90?0:255)}function zt(t){return{r:t,g:t,b:t}}function Ft(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt(Math.ceil((t+e+n)/3))}function Gt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return zt(Xt(t,e,n).y)}function Ht(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Xt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=Ht(t,e,n);return{y:o,cr:.713*(t-o),cb:.564*(n-o)}}function Yt(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Nt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=t/255,i=e/255,a=n/255;return{x:.4124*(o=Yt(o))+.3576*(i=Yt(i))+.1805*(a=Yt(a)),y:.2126*o+.7152*i+.0722*a,z:.0193*o+.1192*i+.9505*a}}function Kt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return At(Nt(t,e,n))}function Wt(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}return{r:255*(1-t)*(1-r),g:255*(1-e)*(1-r),b:255*(1-n)*(1-r)}}function Ut(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=n;o>=360&&(o=0);var a=e*i,c=a*(1-Math.abs(o/60%2-1)),u=i-a,s=[];return 0<=o&&o<60?s=[a,c,0]:60<=o&&o<120?s=[c,a,0]:120<=o&&o<180?s=[0,a,c]:180<=o&&o<240?s=[0,c,a]:240<=o&&o<300?s=[c,0,a]:300<=o&&o<360&&(s=[a,0,c]),{r:at(255*(s[0]+u)),g:at(255*(s[1]+u)),b:at(255*(s[2]+u))}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=Ut(t,e,n);return Lt(o.r,o.g,o.b)}function qt(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Jt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=Qt(t,e,n);return It(o.r,o.g,o.b)}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o,i,a;if(t/=360,n/=100,0==(e/=100))o=i=a=n;else{var c=n<.5?n*(1+e):n+e-n*e,u=2*n-c;o=qt(u,c,t+1/3),i=qt(u,c,t),a=qt(u,c,t-1/3)}return{r:at(255*o),g:at(255*i),b:at(255*a)}}function te(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.y,e=o.cr,n=o.cb;r=(r=o.bit)||0}var i=t+1.402*(e-r),a=t-.344*(n-r)-.714*(e-r),c=t+1.772*(n-r);return{r:Math.ceil(i),g:Math.ceil(a),b:Math.ceil(c)}}var ee={aliceblue:"rgb(240, 248, 255)",antiquewhite:"rgb(250, 235, 215)",aqua:"rgb(0, 255, 255)",aquamarine:"rgb(127, 255, 212)",azure:"rgb(240, 255, 255)",beige:"rgb(245, 245, 220)",bisque:"rgb(255, 228, 196)",black:"rgb(0, 0, 0)",blanchedalmond:"rgb(255, 235, 205)",blue:"rgb(0, 0, 255)",blueviolet:"rgb(138, 43, 226)",brown:"rgb(165, 42, 42)",burlywood:"rgb(222, 184, 135)",cadetblue:"rgb(95, 158, 160)",chartreuse:"rgb(127, 255, 0)",chocolate:"rgb(210, 105, 30)",coral:"rgb(255, 127, 80)",cornflowerblue:"rgb(100, 149, 237)",cornsilk:"rgb(255, 248, 220)",crimson:"rgb(237, 20, 61)",cyan:"rgb(0, 255, 255)",darkblue:"rgb(0, 0, 139)",darkcyan:"rgb(0, 139, 139)",darkgoldenrod:"rgb(184, 134, 11)",darkgray:"rgb(169, 169, 169)",darkgrey:"rgb(169, 169, 169)",darkgreen:"rgb(0, 100, 0)",darkkhaki:"rgb(189, 183, 107)",darkmagenta:"rgb(139, 0, 139)",darkolivegreen:"rgb(85, 107, 47)",darkorange:"rgb(255, 140, 0)",darkorchid:"rgb(153, 50, 204)",darkred:"rgb(139, 0, 0)",darksalmon:"rgb(233, 150, 122)",darkseagreen:"rgb(143, 188, 143)",darkslateblue:"rgb(72, 61, 139)",darkslategray:"rgb(47, 79, 79)",darkslategrey:"rgb(47, 79, 79)",darkturquoise:"rgb(0, 206, 209)",darkviolet:"rgb(148, 0, 211)",deeppink:"rgb(255, 20, 147)",deepskyblue:"rgb(0, 191, 255)",dimgray:"rgb(105, 105, 105)",dimgrey:"rgb(105, 105, 105)",dodgerblue:"rgb(30, 144, 255)",firebrick:"rgb(178, 34, 34)",floralwhite:"rgb(255, 250, 240)",forestgreen:"rgb(34, 139, 34)",fuchsia:"rgb(255, 0, 255)",gainsboro:"rgb(220, 220, 220)",ghostwhite:"rgb(248, 248, 255)",gold:"rgb(255, 215, 0)",goldenrod:"rgb(218, 165, 32)",gray:"rgb(128, 128, 128)",grey:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",greenyellow:"rgb(173, 255, 47)",honeydew:"rgb(240, 255, 240)",hotpink:"rgb(255, 105, 180)",indianred:"rgb(205, 92, 92)",indigo:"rgb(75, 0, 130)",ivory:"rgb(255, 255, 240)",khaki:"rgb(240, 230, 140)",lavender:"rgb(230, 230, 250)",lavenderblush:"rgb(255, 240, 245)",lawngreen:"rgb(124, 252, 0)",lemonchiffon:"rgb(255, 250, 205)",lightblue:"rgb(173, 216, 230)",lightcoral:"rgb(240, 128, 128)",lightcyan:"rgb(224, 255, 255)",lightgoldenrodyellow:"rgb(250, 250, 210)",lightgreen:"rgb(144, 238, 144)",lightgray:"rgb(211, 211, 211)",lightgrey:"rgb(211, 211, 211)",lightpink:"rgb(255, 182, 193)",lightsalmon:"rgb(255, 160, 122)",lightseagreen:"rgb(32, 178, 170)",lightskyblue:"rgb(135, 206, 250)",lightslategray:"rgb(119, 136, 153)",lightslategrey:"rgb(119, 136, 153)",lightsteelblue:"rgb(176, 196, 222)",lightyellow:"rgb(255, 255, 224)",lime:"rgb(0, 255, 0)",limegreen:"rgb(50, 205, 50)",linen:"rgb(250, 240, 230)",magenta:"rgb(255, 0, 255)",maroon:"rgb(128, 0, 0)",mediumaquamarine:"rgb(102, 205, 170)",mediumblue:"rgb(0, 0, 205)",mediumorchid:"rgb(186, 85, 211)",mediumpurple:"rgb(147, 112, 219)",mediumseagreen:"rgb(60, 179, 113)",mediumslateblue:"rgb(123, 104, 238)",mediumspringgreen:"rgb(0, 250, 154)",mediumturquoise:"rgb(72, 209, 204)",mediumvioletred:"rgb(199, 21, 133)",midnightblue:"rgb(25, 25, 112)",mintcream:"rgb(245, 255, 250)",mistyrose:"rgb(255, 228, 225)",moccasin:"rgb(255, 228, 181)",navajowhite:"rgb(255, 222, 173)",navy:"rgb(0, 0, 128)",oldlace:"rgb(253, 245, 230)",olive:"rgb(128, 128, 0)",olivedrab:"rgb(107, 142, 35)",orange:"rgb(255, 165, 0)",orangered:"rgb(255, 69, 0)",orchid:"rgb(218, 112, 214)",palegoldenrod:"rgb(238, 232, 170)",palegreen:"rgb(152, 251, 152)",paleturquoise:"rgb(175, 238, 238)",palevioletred:"rgb(219, 112, 147)",papayawhip:"rgb(255, 239, 213)",peachpuff:"rgb(255, 218, 185)",peru:"rgb(205, 133, 63)",pink:"rgb(255, 192, 203)",plum:"rgb(221, 160, 221)",powderblue:"rgb(176, 224, 230)",purple:"rgb(128, 0, 128)",rebeccapurple:"rgb(102, 51, 153)",red:"rgb(255, 0, 0)",rosybrown:"rgb(188, 143, 143)",royalblue:"rgb(65, 105, 225)",saddlebrown:"rgb(139, 69, 19)",salmon:"rgb(250, 128, 114)",sandybrown:"rgb(244, 164, 96)",seagreen:"rgb(46, 139, 87)",seashell:"rgb(255, 245, 238)",sienna:"rgb(160, 82, 45)",silver:"rgb(192, 192, 192)",skyblue:"rgb(135, 206, 235)",slateblue:"rgb(106, 90, 205)",slategray:"rgb(112, 128, 144)",slategrey:"rgb(112, 128, 144)",snow:"rgb(255, 250, 250)",springgreen:"rgb(0, 255, 127)",steelblue:"rgb(70, 130, 180)",tan:"rgb(210, 180, 140)",teal:"rgb(0, 128, 128)",thistle:"rgb(216, 191, 216)",tomato:"rgb(255, 99, 71)",turquoise:"rgb(64, 224, 208)",violet:"rgb(238, 130, 238)",wheat:"rgb(245, 222, 179)",white:"rgb(255, 255, 255)",whitesmoke:"rgb(245, 245, 245)",yellow:"rgb(255, 255, 0)",yellowgreen:"rgb(154, 205, 50)",transparent:"rgba(0, 0, 0, 0)"};var ne={isColorName:function(t){return!!ee[t]},getColorByName:function(t){return ee[t]}};function re(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function oe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ie(t,e,n[e])})}return t}function ie(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ae=/(#(?:[\da-f]{3}){1,2}|rgb\((?:\s*\d{1,3},\s*){2}\d{1,3}\s*\)|rgba\((?:\s*\d{1,3},\s*){3}\d*\.?\d+\s*\)|hsl\(\s*\d{1,3}(?:,\s*\d{1,3}%){2}\s*\)|hsla\(\s*\d{1,3}(?:,\s*\d{1,3}%){2},\s*\d*\.?\d+\s*\)|([\w_\-]+))/gi;function ce(t){return!!ue(t).length}function ue(t){var e=t.match(ae),n=[];if(!e)return n;for(var r=0,o=e.length;r<o;r++)if(e[r].indexOf("#")>-1||e[r].indexOf("rgb")>-1||e[r].indexOf("hsl")>-1)n.push({color:e[r]});else{var i=ne.getColorByName(e[r]);i&&n.push({color:e[r],nameColor:i})}var a={next:0};return n.forEach(function(e){var n=t.indexOf(e.color,a.next);e.startIndex=n,e.endIndex=n+e.color.length,a.next=e.endIndex}),n}function se(t){var e=ue(t);return e.forEach(function(e,n){t=t.replace(e.color,"@"+n)}),{str:t,matches:e}}function le(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=se(t);return n.str.split(e).map(function(t,e){return t=he(t),n.matches[e]&&(t=t.replace("@"+e,n.matches[e].color)),t})}function fe(t,e){return e.forEach(function(e,n){t=t.replace("@"+n,e.color)}),t}var pe=/^\s+|\s+$/g;function he(t){return t.replace(pe,"")}function ye(t){if(V(t)){if(ne.isColorName(t)&&(t=ne.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(he(r[e]),10);return i=oe({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},Lt(i))}if(t.indexOf("rgba(")>-1){for(e=0,n=(r=t.replace("rgba(","").replace(")","").split(",")).length;e<n;e++)r[e]=n-1==e?parseFloat(he(r[e])):parseInt(he(r[e]),10);return i=oe({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},Lt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(he(r[e]));return i=oe({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},Qt(i))}if(t.indexOf("hsla(")>-1){for(e=0,n=(r=t.replace("hsla(","").replace(")","").split(",")).length;e<n;e++)r[e]=n-1==e?parseFloat(he(r[e])):parseInt(he(r[e]),10);return i=oe({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},Qt(i))}if(0==t.indexOf("#")){var r=[];if(3==(t=t.replace("#","")).length)for(e=0,n=t.length;e<n;e++){var o=t.substr(e,1);r.push(parseInt(o+o,16))}else for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));return i=oe({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1},Lt(i))}}else if(M(t)){var i;if(0<=t&&t<=16777215)return i=oe({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},Lt(i));if(0<=t&&t<=4294967295)return i=oe({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},Lt(i))}return t}function de(t){V(t)&&(t=le(t));var e=(t=t.map(function(t){if(V(t)){var e=se(t),n=he(e.str).split(" ");return n[1]?n[1].indexOf("%")>-1?n[1]=parseFloat(n[1].replace(/%/,""))/100:n[1]=parseFloat(n[1]):n[1]="*",n[0]=fe(n[0],e.matches),n}if(Array.isArray(t))return t[1]?V(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",re(t)})).filter(function(t){return"*"===t[1]}).length;if(e>0){var n=(1-t.filter(function(t){return"*"!=t[1]&&1!=t[1]}).map(function(t){return t[1]}).reduce(function(t,e){return t+e},0))/e;t.forEach(function(e,r){"*"==e[1]&&r>0&&(t.length-1==r||(e[1]=n))})}return t}function ve(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",o=be(t,e,n);return q(o,o.a<1?"rgb":r)}function be(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:at(t.r+(e.r-t.r)*n),g:at(t.g+(e.g-t.g)*n),b:at(t.b+(e.b-t.b)*n),a:at(t.a+(e.a-t.a)*n,100)}}function ge(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];V(t)&&(t=le(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(me(t[o],t[o+1],i/e));return r}function me(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex";return ve(ye(t),ye(e),n,r)}function we(t,e){return me(t,e,arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex")}function ke(t){return t=ye(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function Oe(t){return ke(t)>=128?"black":"white"}function Se(t){for(var e=[],n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:10)-((t=de(t)).length-1),r=n,o=1,i=t.length;o<i;o++){var a=t[o-1][0],c=t[o][0],u=1==o?t[o][1]:t[o][1]-t[o-1][1],s=o==t.length-1?r:Math.floor(u*n);e=e.concat(ge([a,c],s),[c]),r-=s}return e}function je(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"h",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:9,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"rgb",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,c=It(ye(t)),u=(i-o)*a/n,s=[],l=1;l<=n;l++)c[e]=Math.abs((a-u*l)/a),s.push(q(Ut(c),r));return s}function Pe(t){return je(t,"h",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:360,1)}function xe(t){return je(t,"s",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,100)}function _e(t){return je(t,"v",arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,100)}function Te(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}ge.parula=function(t){return ge(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},ge.jet=function(t){return ge(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},ge.hsv=function(t){return ge(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},ge.hot=function(t){return ge(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},ge.pink=function(t){return ge(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},ge.bone=function(t){return ge(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},ge.copper=function(t){return ge(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Ee=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Te(t,e,n[e])})}return t}({},i,o,a,d,h,p,u,s,l,f,c,r),Ce=[{rgb:"#ff0000",start:0},{rgb:"#ffff00",start:.17},{rgb:"#00ff00",start:.33},{rgb:"#00ffff",start:.5},{rgb:"#0000ff",start:.67},{rgb:"#ff00ff",start:.83},{rgb:"#ff0000",start:1}];!function(){for(var t=0,e=Ce.length;t<e;t++){var n=Ce[t],r=Ee.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var $e={colors:Ce,checkHueColor:function(t){for(var e,n,r=0;r<Ce.length;r++)if(Ce[r].start>=t){e=Ce[r-1],n=Ce[r];break}return e&&n?Ee.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ce[0].rgb}};function Re(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ve=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Re(t,e,n[e])})}return t}({},e,n);Object.keys(r).forEach(function(r){!function(t,e,n,r){n?r&&n===r||function(t,e,n){"boolean"==typeof n?function(t,e,n){n?(t.setAttribute(e,e),t[e]=n):(t.removeAttribute(e),t[e]=n)}(t,e,n):t.setAttribute(e,n)}(t,e,n):function(t,e,n){"boolean"==typeof n&&function(t,e){t.removeAttribute(e),t[e]=!1}(t,e)}(t,e,r)}(t,r,e[r],n[r])})};function Ae(t){var e={},n=!0,r=!1,o=void 0;try{for(var i,a=t[Symbol.iterator]();!(n=(i=a.next()).done);n=!0){var c=i.value;e[c.name]=c.value}}catch(t){r=!0,o=t}finally{try{n||null==a.return||a.return()}finally{if(r)throw o}}return e}function De(t,e,n,r){if(e)if(n){if(u=e,(c=n).nodeType===Node.TEXT_NODE&&c!==u||c.nodeName!==u.nodeName)t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE){Ve(e,Ae(n.attributes),Ae(e.attributes));var o=Ie(e),i=Ie(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)De(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var Ie=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function Me(t,e){t=t.el||t,e=e.el||e;for(var n=Ie(t),r=Ie(e),o=Math.max(n.length,r.length),i=0;i<o;i++)De(t,n[i],r[i],i)}function Le(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Be(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var ze={center:50,top:0,left:0,right:100,bottom:100},Fe=function t(){Be(this,t)};Fe.CENTER="center",Fe.TOP="top",Fe.RIGHT="right",Fe.LEFT="left",Fe.BOTTOM="bottom";var Ge=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,He=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(Be(this,t),this.value=e,M(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}var e,n,r;return e=t,n=[{key:Symbol.toPrimitive,value:function(t){return"number"==t?this.value:this.toString()}},{key:"toString",value:function(){switch(this.unit){case"string":case"number":return this.value+"";case"var":return"var(--".concat(this.value,")");case"calc":return"calc(".concat(this.value,")");default:return this.value+this.unit}}},{key:"isUnitType",value:function(t){return this.unit===t}},{key:"isCalc",value:function(){return this.isUnitType("calc")}},{key:"isFr",value:function(){return this.isUnitType("fr")}},{key:"isPercent",value:function(){return this.isUnitType("%")}},{key:"isPx",value:function(){return this.isUnitType("px")}},{key:"isEm",value:function(){return this.isUnitType("em")}},{key:"isDeg",value:function(){return this.isUnitType("deg")}},{key:"isRad",value:function(){return this.isUnitType("rad")}},{key:"isTurn",value:function(){return this.isUnitType("turn")}},{key:"isSecond",value:function(){return this.isUnitType("s")}},{key:"isMs",value:function(){return this.isUnitType("ms")}},{key:"isNumber",value:function(){return this.isUnitType("number")}},{key:"isString",value:function(){return this.isUnitType("")}},{key:"isVar",value:function(){return this.isUnitType("--")}},{key:"isNaN",value:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){return M(this.value)&&isNaN(this.value)})},{key:"set",value:function(t){return this.value=t,this}},{key:"add",value:function(t){return this.value+=+t,this}},{key:"sub",value:function(t){return this.add(-1*t)}},{key:"mul",value:function(t){return this.value*=+t,this}},{key:"div",value:function(t){return this.value/=+t,this}},{key:"mod",value:function(t){return this.value%=+t,this}},{key:"clone",value:function(){return new t(this.value,this.unit)}},{key:"getUnitName",value:function(){return"%"===this.unit?"percent":this.unit}},{key:"toJSON",value:function(){return this.toString()}},{key:"rate",value:function(t){return t/this.value}},{key:"stringToPercent",value:function(){return C(ze[this.value])?t.percent(ze[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?t.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?t.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?t.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===t?this.toPx(e,n):"%"===t||"percent"===t?this.toPercent(e,n):"em"===t?this.toEm(e,n):"deg"===t?this.toDeg():"turn"===t?this.toTurn():void 0}},{key:"toUnit",value:function(e){return new t(this.value,e)}},{key:"calculate",value:function(t,e){var n=this[t];return n?n.call(this,e):this}},{key:"includes",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.includes(this.value)}},{key:"round",value:function(e){return new t(at(this.value,e),this.unit)}},{key:"equals",value:function(t){return this.is(t.value)&&this.isUnitType(t.unit)}},{key:"is",value:function(t){return this.value===t}}],r=[{key:"min",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var r=e.shift(),o=0,i=e.length;o<i;o++)r.value>e[o].value&&(r=e[o]);return r}},{key:"max",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var r=e.shift(),o=0,i=e.length;o<i;o++)r.value<e[o].value&&(r=e[o]);return r}},{key:"string",value:function(e){return new t(e+"","")}},{key:"number",value:function(e){return new t(+e,"number")}},{key:"px",value:function(e){return new t(+e,"px")}},{key:"em",value:function(e){return new t(+e,"em")}},{key:"percent",value:function(e){return new t(+e,"%")}},{key:"deg",value:function(e){return new t(+e,"deg")}},{key:"rad",value:function(e){return new t(+e,"rad")}},{key:"turn",value:function(e){return new t(+e,"turn")}},{key:"fr",value:function(e){return new t(+e,"fr")}},{key:"second",value:function(e){return new t(+e,"s")}},{key:"ms",value:function(e){return new t(+e,"ms")}},{key:"var",value:function(e){return new t(e+"","--")}},{key:"calc",value:function(e){return new t(e,"calc")}},{key:"parse",value:function(e){if(V(e=e||t.number(0))){if((e=e.trim()).indexOf("calc(")>-1)return new t(e.split("calc(")[1].split(")")[0],"calc");var n=e.replace(Ge,"$1 $2").split(" ").map(function(t){return t.trim()});return+n[0]==n[0]?new t(+n[0],n[1]):new t(n[0])}if(e instanceof t)return e;if(e.unit){if("%"==e.unit||"percent"==e.unit){var r=0;return C(e.percent)?r=e.percent:C(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return C(e.px)?r=e.px:C(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return C(e.em)?r=e.em:C(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return C(e.deg)?r=e.deg:C(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return C(e.deg)?r=e.turn:C(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return C(e.second)?r=e.second:C(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return C(e.ms)?r=e.ms:C(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return C(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return C(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return C(e.str)?r=e.str:C(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}],n&&Le(e.prototype,n),r&&Le(e,r),t}();function Xe(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ye(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ne(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}He.auto=He.string("auto");var Ke=function(){function t(e,n,r){if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),A(e))this.el=e;else{var o=document.createElement(e);for(var i in n&&(o.className=n),r=r||{})o.setAttribute(i,r[i]);this.el=o}}var e,n,r;return e=t,n=[{key:"data",value:function(t,e){var n=t.split("-").map(function(t,e){return 0===e?t:t.substr(0,1).toUpperCase()+t.substr(1)}).join("");if(1===arguments.length)return this.el.dataset(n);this.el.dataset(n,e)}},{key:"setAttr",value:function(t){var e=this;return Object.keys(t).forEach(function(n){e.attr(n,t[n])}),this}},{key:"attr",value:function(t,e){return 1==arguments.length?this.el.getAttribute(t):(this.el.setAttribute(t,e),this)}},{key:"attrKeyValue",value:function(t){return Ye({},this.el.getAttribute(t),this.val())}},{key:"attrs",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.map(function(e){return t.el.getAttribute(e)})}},{key:"styles",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.map(function(e){return t.el.style[e]})}},{key:"removeAttr",value:function(t){return this.el.removeAttribute(t),this}},{key:"removeStyle",value:function(t){return this.el.style.removeProperty(t),this}},{key:"is",value:function(t){return this.el===(t.el||t)}},{key:"isTag",value:function(t){return this.el.tagName.toLowerCase()===t.toLowerCase()}},{key:"closest",value:function(e){for(var n=this,r=!1;!(r=n.hasClass(e));){if(!n.el.parentNode)return null;n=t.create(n.el.parentNode)}return r?n:null}},{key:"parent",value:function(){return t.create(this.el.parentNode)}},{key:"hasParent",value:function(){return!!this.el.parentNode}},{key:"removeClass",value:function(){var t;return(t=this.el.classList).remove.apply(t,arguments),this}},{key:"hasClass",value:function(t){return!!this.el.classList&&this.el.classList.contains(t)}},{key:"addClass",value:function(){var t;return(t=this.el.classList).add.apply(t,arguments),this}},{key:"onlyOneClass",value:function(t){var e=this.parent().$(".".concat(t));e&&e.removeClass(t),this.addClass(t)}},{key:"toggleClass",value:function(t,e){this.el.classList.toggle(t,e)}},{key:"html",value:function(t){return E(t)?this.el.innerHTML:(V(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();Me(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){Me(this,t.create("div").html(e))}},{key:"find",value:function(t){return this.el.querySelector(t)}},{key:"$",value:function(e){var n=this.find(e);return n?t.create(n):null}},{key:"findAll",value:function(t){return this.el.querySelectorAll(t)}},{key:"$$",value:function(e){return Xe(this.findAll(e)).map(function(e){return t.create(e)})}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return V(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return V(t)?this.el.prepend(document.createTextNode(t)):this.el.prepend(t.el||t),this}},{key:"appendHTML",value:function(e){var n=t.create("div").html(e);this.append(n.createChildrenFragment())}},{key:"createChildrenFragment",value:function(){var t=this.children(),e=document.createDocumentFragment();return t.forEach(function(t){return e.appendChild(t.el)}),e}},{key:"appendTo",value:function(t){return(t.el?t.el:t).appendChild(this.el),this}},{key:"remove",value:function(){return this.el.parentNode&&this.el.parentNode.removeChild(this.el),this}},{key:"removeChild",value:function(t){return this.el.removeChild(t.el||t),this}},{key:"text",value:function(e){if(E(e))return this.el.textContent;var n=e;return e instanceof t&&(n=e.text()),this.el.textContent=n,this}},{key:"css",value:function(t,e){if(C(t)&&C(e))Object.assign(this.el.style,Ye({},t,e));else if(C(t)){if(V(t))return getComputedStyle(this.el)[t];Object.assign(this.el.style,t)}return this}},{key:"getComputedStyle",value:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){for(var t=getComputedStyle(this.el),e={},n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return r.forEach(function(n){e[n]=t[n]}),e})},{key:"getStyleList",value:function(){for(var t=this,e={},n=this.el.style.length,r=0;r<n;r++){var o=this.el.style[r];e[o]=this.el.style[o]}for(var i=arguments.length,a=new Array(i),c=0;c<i;c++)a[c]=arguments[c];return a.forEach(function(n){e[n]=t.css(n)}),e}},{key:"cssText",value:function(t){return E(t)?this.el.style.cssText:(t!=this.el.tempCssText&&(this.el.style.cssText=t,this.el.tempCssText=t),this)}},{key:"cssArray",value:function(t){return t[0]&&(this.el.style[t[0]]=t[1]),t[2]&&(this.el.style[t[2]]=t[3]),t[4]&&(this.el.style[t[4]]=t[5]),t[6]&&(this.el.style[t[6]]=t[7]),t[8]&&(this.el.style[t[8]]=t[9]),this}},{key:"cssFloat",value:function(t){return parseFloat(this.css(t))}},{key:"cssInt",value:function(t){return parseInt(this.css(t))}},{key:"px",value:function(t,e){return this.css(t,He.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{top:this.el.offsetTop,left:this.el.offsetLeft,width:this.el.offsetWidth,height:this.el.offsetHeight}}},{key:"offset",value:function(){var e=this.rect(),n=t.getScrollTop(),r=t.getScrollLeft();return{top:e.top+n,left:e.left+r}}},{key:"offsetLeft",value:function(){return this.offset().left}},{key:"offsetTop",value:function(){return this.offset().top}},{key:"position",value:function(){return this.el.style.top?{top:parseFloat(this.css("top")),left:parseFloat(this.css("left"))}:this.rect()}},{key:"size",value:function(){return[this.width(),this.height()]}},{key:"width",value:function(){return this.el.offsetWidth||this.rect().width}},{key:"contentWidth",value:function(){return this.width()-this.cssFloat("padding-left")-this.cssFloat("padding-right")}},{key:"height",value:function(){return this.el.offsetHeight||this.rect().height}},{key:"contentHeight",value:function(){return this.height()-this.cssFloat("padding-top")-this.cssFloat("padding-bottom")}},{key:"val",value:function(e){if(E(e))return this.el.value;if(C(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"realVal",value:function(){switch(this.el.nodeType){case"INPUT":var t=this.attr("type");if("checkbox"==t||"radio"==t)return this.checked();case"SELECT":case"TEXTAREA":return this.el.value}return""}},{key:"int",value:function(){return parseInt(this.val(),10)}},{key:"float",value:function(){return parseFloat(this.val())}},{key:"show",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"block";return this.css("display","none"!=t?t:"block")}},{key:"hide",value:function(){return this.css("display","none")}},{key:"isHide",value:function(){return"none"==this.css("display")}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?e&&t?this.show():this.hide():e?this.show():this.hide()}},{key:"scrollIntoView",value:function(){this.el.scrollIntoView()}},{key:"addScrollLeft",value:function(t){return this.el.scrollLeft+=t,this}},{key:"addScrollTop",value:function(t){return this.el.scrollTop+=t,this}},{key:"setScrollTop",value:function(t){return this.el.scrollTop=t,this}},{key:"setScrollLeft",value:function(t){return this.el.scrollLeft=t,this}},{key:"scrollTop",value:function(){return this.el===document.body?t.getScrollTop():this.el.scrollTop}},{key:"scrollLeft",value:function(){return this.el===document.body?t.getScrollLeft():this.el.scrollLeft}},{key:"scrollHeight",value:function(){return this.el.scrollHeight}},{key:"scrollWidth",value:function(){return this.el.scrollWidth}},{key:"on",value:function(t,e,n,r){return this.el.addEventListener(t,e,n,r),this}},{key:"off",value:function(t,e){return this.el.removeEventListener(t,e),this}},{key:"getElement",value:function(){return this.el}},{key:"createChild",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=t.create(e,n,r);return i.css(o),this.append(i),i}},{key:"firstChild",value:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){return this.el.select(),this}},{key:"blur",value:function(){return this.el.blur(),this}},{key:"select",value:function(){return this.el.select(),this}},{key:"context",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"2d";return this._initContext||(this._initContext=this.el.getContext(t)),this._initContext}},{key:"resize",value:function(t){var e=t.width,n=t.height;this._initContext=null;var r=this.context(),o=window.devicePixelRatio||1;this.px("width",+e),this.px("height",+n),this.el.width=e*o,this.el.height=n*o,r.scale(o,o)}},{key:"toDataURL",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return this.el.toDataURL(t,e)}},{key:"clear",value:function(){this.context().clearRect(0,0,this.el.width,this.el.height)}},{key:"update",value:function(t){this.clear(),t.call(this,this)}},{key:"drawImage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.context(),o=window.devicePixelRatio||1;r.drawImage(t,e,n,t.width,t.height,0,0,this.el.width/o,this.el.height/o)}},{key:"drawOption",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.context();Object.assign(e,t)}},{key:"drawLine",value:function(t,e,n,r){var o=this.context();o.beginPath(),o.moveTo(t,e),o.lineTo(n,r),o.stroke(),o.closePath()}},{key:"drawPath",value:function(){var t=this.context();t.beginPath();for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];n.forEach(function(e,n){0==n?t.moveTo(e[0],e[1]):t.lineTo(e[0],e[1])}),t.stroke(),t.fill(),t.closePath()}},{key:"drawCircle",value:function(t,e,n){var r=this.context();r.beginPath(),r.arc(t,e,n,0,2*Math.PI),r.stroke(),r.fill()}},{key:"drawText",value:function(t,e,n){this.context().fillText(n,t,e)}},{key:"fullscreen",value:function(){var t=this.el;t.requestFullscreen?t.requestFullscreen():t.wekitRequestFullscreen&&t.wekitRequestFullscreen()}},{key:"value",get:function(){return this.el.value}},{key:"naturalWidth",get:function(){return this.el.naturalWidth}},{key:"naturalHeight",get:function(){return this.el.naturalHeight}},{key:"files",get:function(){return this.el.files?Xe(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}}],r=[{key:"create",value:function(e,n,r){return new t(e,n,r)}},{key:"createByHTML",value:function(e){var n=t.create("div").html(e).children();return n.length?t.create(n[0].el):null}},{key:"getScrollTop",value:function(){return Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop)}},{key:"getScrollLeft",value:function(){return Math.max(window.pageXOffset,document.documentElement.scrollLeft,document.body.scrollLeft)}},{key:"parse",value:function(t){return DOMParser().parseFromString(t,"text/htmll")}},{key:"body",value:function(){return t.create(document.body)}}],n&&Ne(e.prototype,n),r&&Ne(e,r),t}(),We=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return" ".concat(e," ").concat(t)},Ue=/^load (.*)/gi,Ze=/^bind (.*)/gi,qe=["click|dblclick","mouse(down|up|move|over|out|enter|leave)","pointer(start|move|end)","touch(start|move|end)","key(down|up|press)","drag|drop|drag(start|over|enter|leave|exit|end)","contextmenu","change|input|focus|blur|focus(in|out)","paste","resize|scroll|wheel|mousewheel|DOMMouseScroll","submit","animation(start|end|iteration)","transition(start|end|cancel|run)"].join("|"),Je=new RegExp("^(".concat(qe,")"),"ig"),Qe="|",tn={},en=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r=e.join(":");return function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return[r].concat(e).join(" ")}},nn=en,rn=en("click"),on=en("dblclick"),an=(en("mousedown"),en("mouseup")),cn=(en("mousemove"),en("mouseover"),en("mouseout"),en("mouseenter"),en("mouseleave"),en("touchstart"),en("touchmove"),en("touchend"),en("keydown")),un=en("keyup"),sn=(en("keypress"),en("drag"),en("dragstart")),ln=en("drop"),fn=en("dragover"),pn=(en("dragenter"),en("dragleave"),en("dragexit"),en("dragout"),en("dragend"),en("contextmenu")),hn=en("change"),yn=en("input"),dn=en("focus"),vn=(en("focusin"),en("focusout")),bn=en("blur"),gn=(en("paste"),en("resize")),mn=en("scroll"),wn=en("submit"),kn=nn("mousedown","touchstart"),On=nn("mousemove","touchmove"),Sn=nn("mouseup","touchend"),jn=nn("change","input"),Pn=nn("wheel","mousewheel","DOMMouseScroll"),xn=(en("animationstart"),en("animationend"),en("animationiteration"),en("transitionstart"),en("transitionend")),_n=(en("transitionrun"),en("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return We(t,e)}),Tn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe;return We("after(".concat(t,")"),e)},En=_n,Cn=_n,$n=(_n("ArrowUp"),_n("ArrowDown"),_n("ArrowLeft"),_n("ArrowRight"),_n("Enter"),_n("Space"),_n("isAltKey")),Rn=(_n("isShiftKey"),_n("isMetaKey"),_n("isCtrlKey")),Vn=(_n("self"),_n("fit"),_n("passive"),_n("vdom")),An=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return _n("debounce(".concat(t,")"))},Dn=(An(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return _n("throttle(".concat(t,")"))}),In=(_n("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Tn("bodyMouseMove ".concat(t))}),Mn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Tn("bodyMouseUp ".concat(t))},Ln=Tn("preventDefault"),Bn=Tn("stopPropagation"),zn=function(){return"load "+(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el")},Fn=function(){return!0},Gn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"bind "+t+(e?Qe+function(t){if(""===t)return"";var e=bt();return tn[e]=t,e}(e):"")},Hn={addEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeEvent:function(t,e,n){t&&t.removeEventListener(e,n)},pos:function(t){return t.touches&&t.touches[0]?t.touches[0]:t},posXY:function(t){var e=this.pos(t);return{x:e.pageX,y:e.pageY}}};function Xn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Yn,Nn=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[]}var e,n,r;return e=t,(n=[{key:"getCallbacks",value:function(t){return this.callbacks[t]||(this.callbacks[t]=[]),this.callbacks[t]}},{key:"setCallbacks",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.callbacks[t]=e}},{key:"on",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=r>0?k(e,r):e;this.getCallbacks(t).push({event:t,callback:o,context:n,originalCallback:e})}},{key:"off",value:function(t,e){1==arguments.length?this.setCallbacks(t):2==arguments.length&&this.setCallbacks(t,this.getCallbacks(t).filter(function(t){return t.originalCallback!==e}))}},{key:"offAll",value:function(t){var e=this;Object.keys(this.callbacks).forEach(function(n){e.setCallbacks(n,e.getCallbacks(n).filter(function(e){return e.context!==t}))})}},{key:"getCachedCallbacks",value:function(t){return this.getCallbacks(t)}},{key:"sendMessage",value:function(t,e,n,r,o,i){var a=this;setTimeout(function(){var c=a.getCachedCallbacks(e);c&&c.filter(function(e){return e.originalCallback.source!==t}).forEach(function(t){t.callback(n,r,o,i)})},0)}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;setTimeout(function(){var c=a.getCachedCallbacks(e);c?c.filter(function(e){return e.originalCallback.source===t}).forEach(function(t){t.callback(n,r,o,i)}):console.warn(e," is not valid event")},0)}},{key:"emit",value:function(t,e,n,r,o){this.sendMessage(this.source,t,e,n,r,o)}},{key:"trigger",value:function(t,e,n,r,o){this.triggerMessage(this.source,t,e,n,r,o)}},{key:"execute",value:function(t,e,n,r,o){this.runCommand(this.source,t,e,n,r,o)}}])&&Xn(e.prototype,n),r&&Xn(e,r),t}();function Kn(){var t=Un(["",""]);return Kn=function(){return t},t}function Wn(){var t=Un(["\n        ","\n      "]);return Wn=function(){return t},t}function Un(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Zn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qn(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jn(t){return rr(t)||tr(t)||nr()}function Qn(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||tr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function tr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function er(t,e){return rr(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||nr()}function nr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function rr(t){if(Array.isArray(t))return t}var or=Ke.create("div"),ir="[".concat("ref","]"),ar=function(t,e,n){return function(r){var o=ur(t,r,e,n);if(C(o))return o}},cr=function(t,e,n){return function(r){var o=function(t,e){return function t(e,n){return e?e.matches(n)?e:t(e.parentElement,n):null}(t.target||t.srcElement,e.delegate)}(r,e);if(o){r.$delegateTarget=Ke.create(o);var i=ur(t,r,e,n);if(C(i))return i}}},ur=function(t,e,n,r){if(e.xy=Hn.posXY(e),n.beforeMethods.length&&n.beforeMethods.every(function(n){return t[n.target].call(t,e,n.param)}),sr(t,e,n)){var o=r(e,e.$delegateTarget,e.xy);return!1!==o&&n.afterMethods.length&&n.afterMethods.forEach(function(n){return t[n.target].call(t,e,n.param)}),o}},sr=function(t,e,n){var r=!0;n.codes.length&&(r=!!e.code&&n.codes.indexOf(e.code.toLowerCase())>-1||!!e.key&&n.codes.indexOf(e.key.toLowerCase())>-1);var o=!0;return n.checkMethodList.length&&(o=n.checkMethodList.every(function(n){var r=t[n];return I(r)&&r?r.call(t,e):!C(r)||!!r})),r&&o},lr=function(t,e){var n=t.filter(function(t){return t.indexOf("".concat(e,"("))>-1}),r=n.map(function(t){var n=er(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}});return[n,r]},fr={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},pr=function(t,e,n){e.callback=function(t,e,n){return e.delegate?cr(t,e,n):ar(t,e,n)}(t,e,n),t.addBinding(e);var r=!!e.captures.length;fr[e.eventName]&&(r={passive:!0,capture:r}),Hn.addEvent(e.dom,e.eventName,e.callback,r)},hr=function(t,e,n,r){var o=Jn(e),i=o[0],a=o[1],c=o.slice(2),u=function(t,e,n){var r=n,o=r.filter(function(e){return!!t[e]}),i=er(lr(r,"after"),2),a=i[0],c=i[1],u=er(lr(r,"before"),2),s=u[0],l=u[1],f=er(lr(r,"debounce"),2),p=f[0],h=f[1],y=er(lr(r,"throttle"),2),d=y[0],v=y[1],b=er(lr(r,"capture"),1)[0],g=[].concat(Qn(o),Qn(a),Qn(s),Qn(p),Qn(d),Qn(b));return{eventName:e,codes:r.filter(function(t){return-1===g.indexOf(t)}).map(function(t){return t.toLowerCase()}),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:h,throttleMethods:v,checkMethodList:o}}(t,i,n);if(u.dom=function(t,e){var n;return(n=e?t.refs[e]||t[e]||window[e]:t.el||t.$el||t.$root)instanceof Ke?n.getElement():n}(t,a),u.delegate=c.join(" "),u.debounceMethods.length)r=k(r,+u.debounceMethods[0].target);else if(u.throttleMethods.length){r=O(r,+u.throttleMethods[0].target)}pr(t,u,r)},yr=function(t,e){var n=e.split(Qe).map(function(t){return t.trim()}),r=Jn(n.shift().split(" ")),o=r[0],i=r.slice(1),a=function(t){var e=[];return t.split(":").forEach(function(t){var n=t.split(":");e.push.apply(e,Qn(n))}),e}(o),c=t[e].bind(t);a.forEach(function(e){hr(t,[e].concat(Qn(i)),n,c)})},dr=(qn(Yn={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),qn(Yn,"initializeProperty",!0),qn(Yn,"created",!0),qn(Yn,"getRealEventName",!0),qn(Yn,"initializeStoreEvent",!0),qn(Yn,"destoryStoreEvent",!0),qn(Yn,"destroy",!0),qn(Yn,"emit",!0),qn(Yn,"trigger",!0),qn(Yn,"on",!0),qn(Yn,"off",!0),qn(Yn,"setState",!0),qn(Yn,"_reload",!0),qn(Yn,"render",!0),qn(Yn,"initialize",!0),qn(Yn,"afterRender",!0),qn(Yn,"components",!0),qn(Yn,"getRef",!0),qn(Yn,"parseTemplate",!0),qn(Yn,"childrenIds",!0),qn(Yn,"exists",!0),qn(Yn,"parseProperty",!0),qn(Yn,"parseSourceName",!0),qn(Yn,"parseComponent",!0),qn(Yn,"clean",!0),qn(Yn,"refresh",!0),qn(Yn,"loadTemplate",!0),qn(Yn,"load",!0),qn(Yn,"bindData",!0),qn(Yn,"template",!0),qn(Yn,"templateClass",!0),qn(Yn,"eachChildren",!0),qn(Yn,"initializeEvent",!0),qn(Yn,"destroy",!0),qn(Yn,"destroyDomEvent",!0),qn(Yn,"initializeDomEvent",!0),qn(Yn,"collectProps",!0),qn(Yn,"filterProps",!0),qn(Yn,"self",!0),qn(Yn,"isAltKey",!0),qn(Yn,"isCtrlKey",!0),qn(Yn,"isShiftKey",!0),qn(Yn,"isMetaKey",!0),qn(Yn,"preventDefault",!0),qn(Yn,"stopPropagation",!0),qn(Yn,"bodyMouseMove",!0),qn(Yn,"bodyMouseUp",!0),qn(Yn,"getBindings",!0),qn(Yn,"addBinding",!0),qn(Yn,"initBindings",!0),qn(Yn,"removeEventAll",!0),qn(Yn,"removeEvent",!0),Yn),vr=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=bt(),this.initComponents()}var e,n,r;return e=t,(n=[{key:"initComponents",value:function(){var t=this;this.childComponents=this.components(),this.childComponentKeys=Object.keys(this.childComponents),this.childComponentSet=new Map,this.childComponentKeys.forEach(function(e){t.childComponentSet.set(e.toLowerCase(),e)}),this.childComponentKeysString=Qn(this.childComponentSet.keys()).join(",")}},{key:"initState",value:function(){return{}}},{key:"setState",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.prevState=this.state,this.state=Object.assign({},this.state,t),e&&this.load()}},{key:"_reload",value:function(t){this.props=t,this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(X(Wn(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),this.parseComponent(!1),this.afterRender()}},{key:"initialize",value:function(){this.state=this.initState()}},{key:"afterRender",value:function(){}},{key:"components",value:function(){return{}}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r=e.join("");return this.refs[r]}},{key:"parseTemplate",value:function(t,e){var n=this;$(t)&&(t=t.join("")),t=t.trim();var r=or.html(t).children();return r.forEach(function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(ir),o={};r.forEach(function(t){var r=t.attr("ref");o[r]?console.warn("".concat(e," is duplicated. - ").concat(n.sourceName),n):o[r]=!0,n.refs[r]=t})}),e?or.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return j(this.children,function(t,e){return e.id})}},{key:"exists",value:function(){return!this.parent||!this.parent.childrenIds||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e={},n=!0,r=!1,o=void 0;try{for(var i,a=t.el.attributes[Symbol.iterator]();!(n=(i=a.next()).done);n=!0){var c=i.value;e[c.nodeName]=c.nodeValue}}catch(t){r=!0,o=t}finally{try{n||null==a.return||a.return()}finally{if(r)throw o}}return t.$$("property").forEach(function(t){var n=er(t.attrs("name","value","type"),3),r=n[0],o=n[1],i=n[2],a=o||t.text();"json"===i&&(a=JSON.parse(a)),e[r]=a}),e}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(Qn(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"parseComponent",value:function(){var t=this,e=this.$el,n=[];this.childComponentKeysString&&(n=e.$$(this.childComponentKeysString)),n.forEach(function(e){var n=e.el.tagName.toLowerCase(),r=t.childComponentSet.get(n),o=t.childComponents[r],i=t.parseProperty(e),a=e.attr("ref"),c=null;t.children[a]?(c=t.children[a])._reload(i):(c=new o(t,i),t.children[a||c.id]=c,c.render(),c.initializeEvent()),e.replace(c.$el)}),S(this.children,function(e,n){n&&n.clean()&&delete t.children[e]})}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return S(this.children,function(t,e){e.clean()}),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"loadTemplate",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this[zn(e.join(""))].call(this)}},{key:"load",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._loadMethods||(this._loadMethods=this.filterProps(Ue)),this._loadMethods.filter(function(t){var e=t.split("load ")[1].split(Qe)[0];return!n.length||n.indexOf(e)>-1}).forEach(function(e){var r=Jn(e.split("load ")[1].split(Qe).map(function(t){return t.trim()})),o=r[0],i=r.slice(1),a=(i=i.map(function(t){return t.trim()})).indexOf(Vn.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));$(u)&&(u=u.join(""));var s=t.parseTemplate(X(Kn(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s),t.initializeDomEvent()}}),this.bindData(),this.parseComponent()}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.filterProps(Ze)),this._bindMethods.filter(function(t){if(!n.length)return!0;var e=er(t.split(Qe),2),r=e[0],o=(e[1],er(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1}).forEach(function(e){var r,o=t[e],i=er(e.split(Qe),2),a=(e=i[0],i[1]),c=t.getRef(a),u=Fn;""!=c&&V(c)?(r=c,u=function(){return this.prevState[r]!=this.state[r]}):I(c)&&(u=c);var s=e.split("bind ")[1],l=t.refs[s],f=I(u)&&u.call(t);if(l&&f){var p=o.call.apply(o,[t].concat(n));if(!p)return;S(p,function(t,e){!function(t,e,n){if("cssText"===e)t.cssText(n);else{if("style"===e)return void(A(n)&&t.css(n));if("class"===e)return void($(n)?t.addClass.apply(t,Qn(n)):D(n)?S(n,function(e,n){return t.toggleClass(e,n)}):t.addClass(n))}E(n)?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e?t.text(n):"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):t.attr(e,n)}(l,t,e)})}})}},{key:"template",value:function(){var t=this.templateClass(),e=t?'class="'.concat(t,'"'):"";return"<div ".concat(e,"></div>")}},{key:"templateClass",value:function(){return null}},{key:"eachChildren",value:function(t){I(t)&&S(this.children,function(e,n){t(n)})}},{key:"initializeEvent",value:function(){this.initializeDomEvent()}},{key:"destroy",value:function(){this.eachChildren(function(t){t.destroy()}),this.destroyDomEvent()}},{key:"destroyDomEvent",value:function(){this.removeEventAll()}},{key:"initializeDomEvent",value:function(){var t=this;this.destroyDomEvent(),this._domEvents||(this._domEvents=this.filterProps(Je)),this._domEvents.forEach(function(e){return yr(t,e)})}},{key:"collectProps",value:function(){var t=this,e=this.__proto__,n=[];do{if(!1===e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter(function(e){return I(t[e])&&!dr[e]});n.push.apply(n,Qn(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter(function(e){return e.match(t)})}},{key:"self",value:function(t){return t&&t.$delegateTarget&&t.$delegateTarget.is(t.target)}},{key:"isAltKey",value:function(t){return t.altKey}},{key:"isCtrlKey",value:function(t){return t.ctrlKey}},{key:"isShiftKey",value:function(t){return t.shiftKey}},{key:"isMetaKey",value:function(t){return t.metaKey||"Meta"==t.key||t.code.indexOf("Meta")>-1}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}},{key:"bodyMouseMove",value:function(t,e){this[e]&&this.emit("add/body/mousemove",this[e],this,t.xy)}},{key:"bodyMouseUp",value:function(t,e){this[e]&&this.emit("add/body/mouseup",this[e],this,t.xy)}},{key:"getBindings",value:function(){return this._bindings||this.initBindings(),this._bindings}},{key:"addBinding",value:function(t){this.getBindings().push(t)}},{key:"initBindings",value:function(){this._bindings=[]}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach(function(e){t.removeEvent(e)}),this.initBindings()}},{key:"removeEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Hn.removeEvent(n,e,r)}}])&&Zn(e.prototype,n),r&&Zn(e,r),t}();function br(t){return(br="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function mr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wr(t,e){return!e||"object"!==br(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kr(t,e,n){return(kr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Or(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Or(t){return(Or=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sr(t,e){return(Sr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jr=/^ME@/,Pr=function(){return"ME@"+function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")}.apply(void 0,arguments)},xr=Pr,_r=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=wr(this,Or(e).call(this,t))).initializeProperty(t,r),n.created(),n.initialize(),n.initializeStoreEvent(),n}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sr(t,e)}(e,vr),n=e,(r=[{key:"initializeProperty",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.opt=t||{},this.parent=this.opt,this.props=e,this.source=bt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store)}},{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ME@",n=t.indexOf(e);return t.substr(n<0?0:n+e.length)}},{key:"initializeStoreEvent",value:function(){var t=this;this.storeEvents={},this.filterProps(jr).forEach(function(e){var n=t.getRealEventName(e,"ME@"),r=gr(lr(n.split("|"),"debounce"),2),o=r[0],i=r[1],a=0;o.length&&(a=+i[0].target||0),n.split("|").filter(function(t){return-1===o.indexOf(t)}).map(function(t){return t.trim()}).forEach(function(n){var r=t[e].bind(t);r.displayName=n,r.source=t.source,t.storeEvents[n]=r,t.$store.on(n,t.storeEvents[n],t,a)})})}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this),this.storeEvents={}}},{key:"destroy",value:function(){kr(Or(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"emit",value:function(t,e,n,r,o){this.$store.source=this.source,this.$store.sourceContext=this,this.$store.emit(t,e,n,r,o)}},{key:"trigger",value:function(t,e,n,r,o){this.$store.source=this.source,this.$store.trigger(t,e,n,r,o)}},{key:"on",value:function(t,e){this.$store.on(t,e)}},{key:"off",value:function(t,e){this.$store.off(t,e)}}])&&mr(n.prototype,r),o&&mr(n,o),e}();function Tr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Er=new Map,Cr=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.editor=e,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",15),this.set("grid.preview.position",[])}},{key:"get",value:function(t){return Er[t]}},{key:"set",value:function(t,e){Er[t]=e}},{key:"remove",value:function(t){delete Er[t]}}])&&Tr(e.prototype,n),r&&Tr(e,r),t}();function $r(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Rr(t,e,n[e])})}return t}function Rr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Vr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ar(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var Dr=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return I(n)?function(){for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];return n.apply(t,r)}:n||t.json[e]},set:function(t,n,r){if(!e.checkField(n,r))throw new Error("".concat(r," is invalid as ").concat(n," property value."));return t.json[n]=r,!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert($r({},this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"isLeaf",value:function(){return!0}},{key:"isAttribute",value:function(){return!1}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{key:"recover",value:function(){}},{key:"setCache",value:function(){}},{key:"is",value:function(){if(!this.json)return!1;for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.indexOf(this.json.itemType)>-1}},{key:"isNot",value:function(){return!1===this.is.apply(this,arguments)}},{key:"convert",value:function(t){var e=this;return t.layers.forEach(function(t){t.parent=e.ref}),t}},{key:"checkField",value:function(t,e){return!0}},{key:"toCloneObject",value:function(){return{itemType:this.json.itemType,elementType:this.json.elementType,type:this.json.type,visible:this.json.visible,lock:this.json.lock,selected:this.json.selected,layers:this.json.layers.map(function(t){return t.clone()})}}},{key:"clone",value:function(){var t=new(0,this.constructor)(this.toCloneObject());return t.parent=this.json.parent,t}},{key:"reset",value:function(e){e instanceof t&&(e=e.toJSON()),this.json=this.convert($r({},this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $r({id:gt(),visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){return this.json.layers.push(t),t.parent=this.ref,t}},{key:"toggle",value:function(t,e){E(e)?this.json[t]=!this.json[t]:this.json[t]=!!e}},{key:"expectJSON",value:function(t){return"parent"!==t&&""!==this.json[t]}},{key:"toJSON",value:function(){var t=this,e=this.json,n={};return Object.keys(e).filter(function(e){return t.expectJSON(e)}).forEach(function(t){n[t]=e[t]}),n}},{key:"resize",value:function(){}},{key:"copy",value:function(){return this.json.parent.copyItem(this.ref)}},{key:"copyItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=t.clone();n.x.add(e),n.y.add(e);for(var r=this.json.layers,o=-1,i=0,a=r.length;i<a;i++)if(r[i]===t){o=i;break}return o>-1&&this.json.layers.splice(o+1,0,n),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref)}},{key:"removeItem",value:function(t){for(var e=this.json.layers,n=-1,r=0,o=e.length;r<o;r++)if(e[r]===t){n=r;break}n>-1&&this.json.layers.splice(n,1)}},{key:"getIndex",value:function(){for(var t=-1,e=0,n=this.json.parent.layers.length;e<n;e++)if(layers[e]===this.ref){t=e;break}return t}},{key:"setOrder",value:function(t){var e,n=this.json.parent,r=this.getIndex();(e=n.layers).splice.apply(e,[t+(r<t?-1:0),0].concat(Ar(arr.splice(r,1))))}},{key:"orderNext",value:function(){var t=this.getIndex();t>-1&&this.setOrder(t+1)}},{key:"orderPrev",value:function(){var t=this.getIndex();t>0&&this.setOrder(t-1)}},{key:"orderFirst",value:function(){this.setOrder(0)}},{key:"orderLast",value:function(){this.setOrder(this.json.parent.layers.length-1)}},{key:"searchById",value:function(t){if(this.id===t)return this.ref;for(var e=0,n=this.layers.length;e<n;e++){var r=this.layers[e];if(r.id===t)return r;var o=r.searchById(t);if(o)return o}return null}},{key:"updateFunction",value:function(t){}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"id",get:function(){return this.json.id}},{key:"layers",get:function(){return this.json.layers}},{key:"parent",get:function(){return this.json.parent}},{key:"allLayers",get:function(){return Ar(function t(e){var n=[];return e.layers.length&&e.layers.forEach(function(e){n.push.apply(n,Ar(t(e)))}),n.push(e),n}(this.ref))}}])&&Vr(e.prototype,n),r&&Vr(e,r),t}();function Ir(t){return(Ir="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Lr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Br(t,e){return!e||"object"!==Ir(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zr(t){return(zr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fr(t,e){return(Fr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gr=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Br(this,zr(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fr(t,e)}(e,Dr),n=e,(r=[{key:"getDefaultObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Mr(t,e,n[e])})}return t}({selected:!1,layers:[]},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Y(this.toCSS())}}])&&Lr(n.prototype,r),o&&Lr(n,o),e}();function Hr(t){return(Hr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Yr(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Nr(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Kr(t,e,n[e])})}return t}function Kr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ur(t,e){return!e||"object"!==Hr(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zr(t,e,n){return(Zr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qr(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qr(t){return(qr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jr(t,e){return(Jr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qr=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,to=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ur(this,qr(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jr(t,e)}(e,Gr),n=e,o=[{key:"join",value:function(t){var n=t.filter(function(t){return"perspective"===t.type}),r=t.filter(function(t){return"matrix3d"===t.type}),o=t.filter(function(t){return"perspective"!==t.type&&"matrix3d"!==t.type});return[].concat(Yr(n),Yr(o),Yr(r)).map(function(t){return new e(t).toString()}).join(" ")}},{key:"parse",value:function(t){return new e(t)}},{key:"replace",value:function(t,n){var r=e.parseStyle(t),o=r.find(function(t){return t.type===n.type});return o?o.value=n.value:r.push(n),e.join(r)}},{key:"replaceAll",value:function(t,n){for(var r=e.parseStyle(t),o=e.parseStyle(n),i=0,a=o.length;i<a;i++){var c=o[i],u=r.find(function(t){return t.type===c.type});u?u.value=c.value:r.push(c)}return e.join(r)}},{key:"addTransform",value:function(t,n){for(var r=e.parseStyle(t),o=e.parseStyle(n),i=0,a=o.length;i<a;i++){var c=o[i],u=r.find(function(t){return t.type===c.type});u?c.value.forEach(function(t,e){u.value[e].value+=t.value}):r.push(c)}return e.join(r)}},{key:"get",value:function(t,n){var r;return(r=(r=e.parseStyle(t)).find(function(t){return t.type===n}))?r.value:[]}},{key:"rotate",value:function(t,n){return e.replace(t,{type:"rotate",value:[n]})}},{key:"parseStyle",value:function(t){var n=[];return t?((t.match(Qr)||[]).forEach(function(t,r){var o=Xr(t.split("("),2),i=o[0],a=o[1],c=(a=a.split(")")[0]).split(",");c=a.includes("matrix")||a.includes("scale")?c.map(function(t){return He.number(t.trim())}):c.map(function(t){return He.parse(t.trim())}),n[r]=e.parse({type:i,value:c})}),n):n}},{key:"getTransform",value:function(t,e){var n=Xr(t[0][(x1,y1)]=t[1][(x2,y2)]=t[2][(x3,y3)]=t[3][(u0,v0)]=e[0][(u1,v1)]=e[1][(u2,v2)]=e[2][(u3,v3)]=e[3],2);x0=n[0],y0=n[1];for(var r=[[x0,y0,1,0,0,0,-u0*x0,-u0*y0],[0,0,0,x0,y0,1,-v0*x0,-v0*y0],[x1,y1,1,0,0,0,-u1*x1,-u1*y1],[0,0,0,x1,y1,1,-v1*x1,-v1*y1],[x2,y2,1,0,0,0,-u2*x2,-u2*y2],[0,0,0,x2,y2,1,-v2*x2,-v2*y2],[x3,y3,1,0,0,0,-u3*x3,-u3*y3],[0,0,0,x3,y3,1,-v3*x3,-v3*y3]],o=[u0,v0,u1,v1,u2,v2,u3,v3],i=[],a=0;a<8;a++){var c=r[0];i.push(c[0]*o[0]+c[1]*o[1]+c[2]*o[2]+c[3]*o[3]+c[4]*o[4]+c[5]*o[5]+c[6]*o[6]+c[7]*o[7])}return[[i[0],i[1],0,i[2]],[i[3],i[4],0,i[5]],[0,0,1,0],[i[6],i[7],0,1]]}},{key:"makeTransform3d",value:function(t,n){var r=[],o=[];t.forEach(function(e){var n=Xr(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])}),n.forEach(function(e){var n=Xr(e,2),r=n[0],i=n[1];o.push(r-t[0][0],i-t[0][1])});var i=e.getTransform(r,o),a=[];i.forEach(function(t){t.forEach(function(t){a.push(t)})});var c=a.join(", ");return"matrix3d(".concat(c,")")}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zr(qr(e.prototype),"getDefaultObject",this).call(this,Nr({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return Nr({},Zr(qr(e.prototype),"toCloneObject",this).call(this),{value:JSON.parse(JSON.stringify(this.json.value))})}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"convert",value:function(t){return(t=Zr(qr(e.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map(function(t){return He.number(t)}):t.value=t.value.map(function(t){return He.parse(t)}),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&Wr(n.prototype,r),o&&Wr(n,o),e}();function eo(t){return(eo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function no(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ro(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function oo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function io(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ao(t,e){return!e||"object"!==eo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function co(t,e,n){return(co="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uo(t){return(uo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function so(t,e){return(so=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ao(this,uo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&so(t,e)}(e,Dr),n=e,(r=[{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){oo(t,e,n[e])})}return t}({},co(uo(e.prototype),"toCloneObject",this).call(this),{x:this.json.x+"",y:this.json.y+"",width:this.json.width+"",height:this.json.height+""})}},{key:"convert",value:function(t){return(t=co(uo(e.prototype),"convert",this).call(this,t)).x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"setScreenX",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-e)}},{key:"setScreenX2",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-this.json.width.value-e+1)}},{key:"setScreenY2",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-this.json.height.value-e+1)}},{key:"setScreenXCenter",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenX.value),this.json.x.set(t-this.json.width.value/2-e+1)}},{key:"setScreenYMiddle",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-this.json.height.value/2-e+1)}},{key:"setScreenY",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-e)}},{key:"checkInArea",value:function(t){return!(t.x2.value<this.screenX.value)&&(!(t.y2.value<this.screenY.value)&&(!(t.x.value>this.screenX2.value)&&!(t.y.value>this.screenY2.value)))}},{key:"toBoundCSS",value:function(){var t=this.json,e=t.x;return{top:t.y,left:e,width:t.width,height:t.height,transform:t.transform,"transform-origin":t["transform-origin"]}}},{key:"move",value:function(t,e){return this.reset({x:t,y:e}),this}},{key:"moveX",value:function(t){return this.reset({x:t}),this}},{key:"moveY",value:function(t){return this.reset({y:t}),this}},{key:"resize",value:function(t,e){return t.value>=0&&e.value>=0&&this.reset({width:t,height:e}),this}},{key:"resizeWidth",value:function(t){return t.value>=0&&this.reset({width:t}),this}},{key:"resizeHeight",value:function(t){return t.value>=0&&this.reset({height:t}),this}},{key:"getTransform",value:function(t){var e=to.parseStyle(Ke.create(t).css("transform")),n=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];if(!e.length)return{rotate:{x:0,y:0,z:0},translate:{x:0,y:0,z:0}};var r,o,i=(n=e[0].value.map(function(t){return+t}))[0],a=(n[1],n[2]),c=(n[3],n[4]),u=n[5],s=(n[6],n[7],n[8]),l=n[9],f=n[10],p=(n[11],n[12]),h=n[13],y=n[14],d=(n[15],Math.asin(-s));return 0!==Math.cos(d)?(r=Math.atan2(l,f),o=Math.atan2(c,i)):(r=Math.atan2(a,u),o=0),{rotate:{x:r,y:d,z:o},translate:{x:p,y:h,z:y}}}},{key:"verties",value:function(t,e){for(var n=t.offsetRect(),r=n.height,o=n.width/2,i=r/2,a={a:{x:-o,y:-i,z:0},b:{x:o,y:-i,z:0},c:{x:o,y:i,z:0},d:{x:-o,y:i,z:0}},c=this.getTransform(t.el);t.el&&(c=this.getTransform(t.el),a.a=it.addVector(it.rotateVector(a.a,c.rotate),c.translate),a.b=it.addVector(it.rotateVector(a.b,c.rotate),c.translate),a.c=it.addVector(it.rotateVector(a.c,c.rotate),c.translate),a.d=it.addVector(it.rotateVector(a.d,c.rotate),c.translate),(t=t.parent()).el!==e););return a}},{key:"checkInAreaForLayers",value:function(t){var e=[];return this.layers.forEach(function(n){e.push.apply(e,ro(n.checkInAreaForLayers(t))),n.checkInArea(t)&&e.push(n)}),e}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?He.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||He.px(0)}},{key:"screenY",get:function(){return this.isChild?He.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||He.px(0)}},{key:"screenX2",get:function(){return He.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return He.px(this.screenY.value+this.json.height.value)}},{key:"screenWidth",get:function(){return this.json.width}},{key:"screenHeight",get:function(){return this.json.height}},{key:"screenRect",get:function(){return{left:this.screenX,top:this.screenY,width:this.screenWidth,height:this.screenHeight}}},{key:"centerX",get:function(){var t=0;return 0!=this.json.width.value&&(t=Math.floor(this.json.width.value/2)),He.px(this.screenX.value+t)}},{key:"centerY",get:function(){var t=0;return 0!=this.json.height.value&&(t=Math.floor(this.json.height.value/2)),He.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=no((this.json["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t||"50%")}),2),e=t[0],n=t[1];return{left:e=e.toPx(this.screenWidth.value),top:n=n.toPx(this.screenHeight.value)}}},{key:"screenTransform",get:function(){return to.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&io(n.prototype,r),o&&io(n,o),e}();function fo(t){return(fo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function po(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ho(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yo(t,e){return!e||"object"!==fo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vo(t){return(vo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bo(t,e){return(bo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var go=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yo(this,vo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bo(t,e)}(e,lo),n=e,(r=[{key:"getDefaultObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){po(t,e,n[e])})}return t}({selected:!1,layers:[]},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}}])&&ho(n.prototype,r),o&&ho(n,o),e}();function mo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wo(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var ko=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return He.px(t).round(e)};var Oo=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.project=null,this.artboard=null,this.items=[],this.itemKeys={},this.colorsteps=[]}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.colorsteps=[],this.items=[],this.itemKeys={}}},{key:"selectColorStep",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.colorsteps=e}},{key:"isSelectedColorStep",value:function(t){return this.colorsteps.includes(t)}},{key:"selectProject",value:function(t){this.project=t,this.artboard=null,this.project.artboards.length&&this.selectArtboard(this.project.artboards[0])}},{key:"selectArtboard",value:function(t){this.artboard=t,this.items=[],this.artboard.layers.length&&this.select(this.artboard.layers[0])}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this.items=(n||[]).filter(function(t){return!t.lock&&t.isAbsolute}),this.itemKeys={},this.items.forEach(function(e){t.itemKeys[e.id]=e}),this.setRectCache()}},{key:"check",value:function(t){return this.itemKeys[t.id]}},{key:"get",value:function(t){return this.itemKeys[t]}},{key:"isArtBoard",value:function(){return!!this.items.length&&this.current.is("artboard")}},{key:"empty",value:function(){this.select()}},{key:"selectById",value:function(t){this.select.apply(this,wo(function t(e,n){var r=[];return e.layers.length&&e.layers.forEach(function(e){r.push.apply(r,wo(t(e,n)))}),e.id===n&&r.push(e),r}(this.artboard,t)))}},{key:"setRectCache",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.cachedItems=this.items.map(function(e){return t&&e.setCache(),e.clone()}),this.setAllRectCache()}},{key:"setAllRectCache",value:function(){var t=Number.MAX_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;this.cachedItems.forEach(function(o){t=Math.min(o.screenX.value,t),e=Math.min(o.screenY.value,e),n=Math.max(o.screenX2.value,n),r=Math.max(o.screenY2.value,r)}),t===Number.MAX_SAFE_INTEGER&&(t=0),e===Number.MAX_SAFE_INTEGER&&(e=0),n===Number.MIN_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),this.allRect=new go({x:He.px(t),y:He.px(e),width:He.px(n-t),height:He.px(r-e)})}},{key:"each",value:function(t){var e=this;I(t)&&this.items.forEach(function(n,r){t(n,e.cachedItems[r])})}},{key:"reset",value:function(t){this.each(function(e){return e.reset(t)})}},{key:"resetCallback",value:function(t){this.each(function(e){return e.reset(t(e))})}},{key:"resize",value:function(){this.each(function(t){return t.resize()})}},{key:"remove",value:function(){this.each(function(t){return t.remove()}),this.empty()}},{key:"copy",value:function(){this.copyItems=this.items.map(function(t){return t})}},{key:"paste",value:function(){this.select.apply(this,wo(this.copyItems.map(function(t){return t.copy()}))),this.copy()}},{key:"move",value:function(t,e){this.each(function(n,r){n.move(ko(r.x.value+t),ko(r.y.value+e))})}},{key:"moveRight",value:function(t){this.each(function(e,n){e.resizeWidth(ko(n.width.value+t))})}},{key:"moveLeft",value:function(t){this.each(function(e,n){n.width.value-t>=0&&(e.moveX(ko(n.x.value+t)),e.resizeWidth(ko(n.width.value-t)))})}},{key:"moveBottom",value:function(t){this.each(function(e,n){e.resizeHeight(ko(n.height.value+t))})}},{key:"moveTop",value:function(t){this.each(function(e,n){n.height.value-t>=0&&(e.moveY(ko(n.y.value+t)),e.resizeHeight(ko(n.height.value-t)))})}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"currentArtboard",get:function(){return this.artboard}},{key:"isEmpty",get:function(){return!this.length}},{key:"length",get:function(){return this.items.length}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}}])&&mo(e.prototype,n),r&&mo(e,r),t}();function So(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function jo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Po(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var xo=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.editor=e,this.items=[],this.itemKeys={}}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentArtBoard",value:function(t){var e=this.editor.selection.currentArtboard;e&&t&&t(e)}},{key:"empty",value:function(){this.select()}},{key:"each",value:function(t){this.items.forEach(function(e,n){t&&t(e,n)})}},{key:"refreshCache",value:function(t){var e=this;this.items=t,this.itemKeys={},this.items.forEach(function(t){e.itemKeys[t.id]=t})}},{key:"cachedList",value:function(){return this.items.map(function(t){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){jo(t,e,n[e])})}return t}({},t)})}},{key:"checked",value:function(t){return!!this.itemKeys[t]}},{key:"selectLayer",value:function(t){var e=this;this.currentArtBoard(function(n){var r=n.getKeyframeListReturnArray().filter(function(e){return e.layerId===t});e.refreshCache(r)})}},{key:"selectProperty",value:function(t,e){var n=this;this.currentArtBoard(function(r){var o=r.getKeyframeListReturnArray().filter(function(n){return n.layerId===t&&n.property===e});n.refreshCache(o)})}},{key:"select",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.refreshCache(e)}},{key:"selectBySearch",value:function(t,e,n){var r=this;this.currentArtBoard(function(o){var i=[];t.forEach(function(t){var r=[];if(t.property){var a=o.getTimelineProperty(t.layerId,t.property);r=a.keyframes.filter(function(t){return e<=t.time&&t.time<=n})}else{(a=o.getTimelineObject(t.layerId)).properties.filter(function(e){return e.property===t.property}).forEach(function(t){var o;(o=r).push.apply(o,So(t.keyframes.filter(function(t){return e<=t.time&&t.time<=n})))})}i.push.apply(i,So(r))});var a={};i.forEach(function(t){a[t.id]=t}),r.select.apply(r,So(Object.values(a)))})}},{key:"checkLayer",value:function(t){var e=this;return Object.keys(this.itemKeys).some(function(n){return e.itemKeys[n].layerId===t})}},{key:"checkProperty",value:function(t,e){var n=this;return Object.keys(this.itemKeys).some(function(r){return n.itemKeys[r].layerId===t&&n.itemKeys[r].property===e})}}])&&Po(e.prototype,n),r&&Po(e,r),t}();function _o(t){return(_o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function To(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Eo(t,e,n[e])})}return t}function Eo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Co(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $o(t,e){return!e||"object"!==_o(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ro(t,e,n){return(Ro="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Vo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Vo(t){return(Vo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ao(t,e){return(Ao=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Do="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),Io={xChannelSelector:!0,yChannelSelector:!0},Mo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$o(this,Vo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ao(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new(0,ws[t.type])(t)}}],(r=[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=gt();return Ro(Vo(e.prototype),"getDefaultObject",this).call(this,To({itemType:"svgfilter",id:n,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter(function(e){return e.id===t.id}).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return V(t.in)&&(t.in=JSON.parse(t.in)),V(t.bound)&&(t.bound=JSON.parse(t.bound)),V(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return To({},Ro(Vo(e.prototype),"toCloneObject",this).call(this),{id:this.json.id,in:L(this.json.in),bound:L(this.json.bound),connected:L(this.json.connected)})}},{key:"getDefaultAttribute",value:function(){var t=this,e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),Object.keys(Io).filter(function(e){return!!t.json[e]}).forEach(function(n){e.push("".concat(n,'="').concat(t.json[n],'"'))}),e.join(" ")+" "+this.getSourceInAttribute()}},{key:"hasInIndex",value:function(){return!1}},{key:"getSourceInAttribute",value:function(t){var e=this;return(t||this.json.in).map(function(t,n){if(!t)return"";var r=0===n?"":n+1+"";return e.hasInIndex()||(r=""),Do.includes(t.type)?"in".concat(r,'="').concat(t.type,'"'):"in".concat(r,'="').concat(t.id,'result"')}).join(" ")}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.value;return"<fe".concat(e,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Co(n.prototype,r),o&&Co(n,o),e}();function Lo(t){return(Lo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zo(t,e){return!e||"object"!==Lo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fo(t,e,n){return(Fo="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Go(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Go(t){return(Go=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ho(t,e){return(Ho=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Xo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zo(this,Go(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ho(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Fo(Go(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=He.parse(t.hueRotate),t}},{key:"toString",value:function(){var t=this.json,e=t.id,n=t.hueRotate;return'\n      <feColorMatrix type="hueRotate" result="romatrix-'.concat(e,'"  values="').concat(n,'"/>\n      <feColorMatrix type="matrix" in="romatrix-').concat(e,'" in2="SourceGraphic"  ').concat(this.getDefaultAttribute(),' values="-1 2 -3 0 -.5 2 1 0 0 0 0 3 1 0 0 0 0 1 1 0"/>\n    ')}}])&&Bo(n.prototype,r),o&&Bo(n,o),e}();function Yo(t){return(Yo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function No(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ko(t,e){return!e||"object"!==Yo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wo(t,e,n){return(Wo="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Uo(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Uo(t){return(Uo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zo(t,e){return(Zo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Xo.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:He.number(0)}};var qo=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ko(this,Uo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zo(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Wo(Uo(e.prototype),"getDefaultObject",this).call(this,{type:"Merge"})}},{key:"getInCount",value:function(){return 3}},{key:"getDefaultAttribute",value:function(){var t=[];return this.json.connected.length&&t.push('result="'.concat(this.json.id,'result"')),t.join(" ")}},{key:"toString",value:function(){var t=this,e=this.json.in;return"\n    <feMerge  ".concat(this.getDefaultAttribute()," >\n      ").concat(e.map(function(e){return"<feMergeNode ".concat(t.getSourceInAttribute([e])," />")}).join(""),"\n    </feMerge>")}}])&&No(n.prototype,r),o&&No(n,o),e}();function Jo(t){return(Jo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ti(t,e){return!e||"object"!==Jo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ei(t,e,n){return(ei="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ni(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ni(t){return(ni=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ri(t,e){return(ri=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}qo.spec={};var oi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ti(this,ni(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ri(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ei(ni(e.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:e.spec.operator.defaultValue,k1:e.spec.k1.defaultValue,k2:e.spec.k2.defaultValue,k3:e.spec.k3.defaultValue,k4:e.spec.k4.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json,e=t.operator,n=t.k1,r=t.k2,o=t.k3,i=t.k4,a="";return"arithmetic"===e&&(a=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(o,'" k4="').concat(i,'" ')),'<feComposite operator="'.concat(e,'" ').concat(a,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&Qo(n.prototype,r),o&&Qo(n,o),e}();function ii(t){return(ii="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ai(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ci(t,e){return!e||"object"!==ii(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ui(t,e,n){return(ui="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=si(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function si(t){return(si=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function li(t,e){return(li=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}oi.spec={operator:{title:"operator",inputType:"select",options:"over,in,out,atop,xor,arithmetic",defaultValue:"over"},k1:{title:"k1",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)}};var fi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ci(this,si(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&li(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ui(si(e.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:e.spec.operator.defaultValue,radius:e.spec.radius.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.operator,n=t.radius;return'<feMorphology operator="'.concat(e,'" radius="').concat(n,'"  ').concat(this.getDefaultAttribute()," />")}}])&&ai(n.prototype,r),o&&ai(n,o),e}();function pi(t){return(pi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yi(t,e){return!e||"object"!==pi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function di(t,e,n){return(di="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function vi(t){return(vi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bi(t,e){return(bi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}fi.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)}};var gi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yi(this,vi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bi(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return di(vi(e.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:e.spec.filterType.defaultValue,baseFrequency:e.spec.baseFrequency.defaultValue,numOctaves:e.spec.numOctaves.defaultValue,seed:e.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=He.parse(t.baseFrequency),t.numOctaves=He.parse(t.numOctaves),t.seed=He.parse(t.seed),t}},{key:"toString",value:function(){var t=this.json,e=t.filterType,n=t.baseFrequency,r=t.numOctaves,o=t.seed;return"<feTurbulence ".concat(K({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />")}}])&&hi(n.prototype,r),o&&hi(n,o),e}();function mi(t){return(mi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ki(t,e){return!e||"object"!==mi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oi(t,e,n){return(Oi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Si(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Si(t){return(Si=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ji(t,e){return(ji=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}gi.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:He.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:He.number(0)}};var Pi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ki(this,Si(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ji(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Oi(Si(e.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:e.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=He.parse(t.scale),t}},{key:"toString",value:function(){var t=this.json.scale,e=t.value?'scale="'.concat(t,'"'):"";return"<feDisplacementMap ".concat(e,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&wi(n.prototype,r),o&&wi(n,o),e}();function xi(t){return(xi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _i(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ti(t,e){return!e||"object"!==xi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ei(t,e,n){return(Ei="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ci(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ci(t){return(Ci=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $i(t,e){return($i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Pi.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:He.number(0)}};var Ri=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ti(this,Ci(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$i(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ei(Ci(e.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values.join(" ");return'<feColorMatrix type="matrix" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&_i(n.prototype,r),o&&_i(n,o),e}();function Vi(t){return(Vi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ai(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Di(t,e){return!e||"object"!==Vi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ii(t,e,n){return(Ii="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Mi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Mi(t){return(Mi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Li(t,e){return(Li=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ri.spec={values:{title:"values",inputType:"color-matrix",column:5,defaultValue:[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0]}};var Bi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Di(this,Mi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Li(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ii(Mi(e.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:e.spec.kernelMatrix.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.kernelMatrix.join(" ");return'<feConvolveMatrix kernelMatrix="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Ai(n.prototype,r),o&&Ai(n,o),e}();function zi(t){return(zi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gi(t,e){return!e||"object"!==zi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hi(t,e,n){return(Hi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Xi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Xi(t){return(Xi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yi(t,e){return(Yi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Bi.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Ni=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gi(this,Xi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yi(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Hi(Xi(e.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:e.spec.stdDeviationX.defaultValue,stdDeviationY:e.spec.stdDeviationY.defaultValue,edgeMode:e.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=He.parse(t.stdDeviationX),t.stdDeviationY=He.parse(t.stdDeviationY),t}},{key:"toString",value:function(){var t=this.json,e=t.stdDeviationX,n=t.stdDeviationY,r=t.edgeMode,o="".concat(e," ").concat(n);return e===n&&(o=e),'<feGaussianBlur  stdDeviation="'.concat(o,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Fi(n.prototype,r),o&&Fi(n,o),e}();function Ki(t){return(Ki="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ui(t,e){return!e||"object"!==Ki(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zi(t,e,n){return(Zi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qi(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qi(t){return(qi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ji(t,e){return(Ji=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ni.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var Qi=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ui(this,qi(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ji(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Zi(qi(e.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue,color:e.spec.color.defaultValue,opacity:e.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.opacity,n=t.color,r=t.x,o=t.y,i=t.width,a=t.height;return"<feFlood ".concat(K({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Wi(n.prototype,r),o&&Wi(n,o),e}();function ta(t){return(ta="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ea(t,e){return oa(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||ra()}function na(t){return oa(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||ra()}function ra(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function oa(t){if(Array.isArray(t))return t}function ia(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aa(t,e){return!e||"object"!==ta(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ca(t,e,n){return(ca="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ua(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ua(t){return(ua=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sa(t,e){return(sa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Qi.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var la=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),aa(this,ua(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ca(ua(e.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:e.spec.r.defaultValue,g:e.spec.g.defaultValue,b:e.spec.b.defaultValue,a:e.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=na(t.split(" ")),n=e[0],r=e.slice(1);if("table"===n||"discrete"===n)return{type:n,tableValues:r.join(" ")};if("linear"===n){var o=ea(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=ea(r,3);return{type:n,amplitude:i[0],exponent:i[1],offset:i[2]}}return{type:n}}},{key:"toString",value:function(){var t=this.json,e=t.r,n=t.g,r=t.b,o=t.a;return e=this.parse(e),n=this.parse(n),r=this.parse(r),o=this.parse(o),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(e&&"<feFuncR ".concat(K(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(K(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(K(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(K(o)," />"),"\n    </feComponentTransfe>")}}])&&ia(n.prototype,r),o&&ia(n,o),e}();function fa(t){return(fa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ha(t,e){return!e||"object"!==fa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ya(t,e,n){return(ya="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=da(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function da(t){return(da=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function va(t,e){return(va=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}la.spec={r:{title:"R",inputType:"FuncFilter",defaultValue:"identity"},g:{title:"G",inputType:"FuncFilter",defaultValue:"identity"},b:{title:"B",inputType:"FuncFilter",defaultValue:"identity"},a:{title:"A",inputType:"FuncFilter",defaultValue:"identity"}};var ba=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ha(this,da(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&va(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ya(da(e.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:e.spec.azimuth.defaultValue,elevation:e.spec.elevation.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var t=this.json,e=t.azimuth,n=t.elevation;return"<feDistantLight ".concat(K({azimuth:e,elevation:n})," />")}}])&&pa(n.prototype,r),o&&pa(n,o),e}();function ga(t){return(ga="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ma(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wa(t,e){return!e||"object"!==ga(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ka(t,e,n){return(ka="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Oa(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Oa(t){return(Oa=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sa(t,e){return(Sa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ba.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ja=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wa(this,Oa(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ka(Oa(e.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,z:e.spec.z.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.z;return"<fePointLight ".concat(K({x:e,y:n,z:r})," />")}}])&&ma(n.prototype,r),o&&ma(n,o),e}();function Pa(t){return(Pa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _a(t,e){return!e||"object"!==Pa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ta(t,e,n){return(Ta="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ea(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ea(t){return(Ea=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ca(t,e){return(Ca=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ja.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var $a=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_a(this,Ea(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ca(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ta(Ea(e.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:e.spec.x.defaultValue,y:e.spec.x.defaultValue,z:e.spec.x.defaultValue,pointsAtX:e.spec.pointsAtX.defaultValue,pointsAtY:e.spec.pointsAtY.defaultValue,pointsAtZ:e.spec.pointsAtZ.defaultValue,specularExponent:e.spec.specularExponent.defaultValue,limitingConeAngle:e.spec.limitingConeAngle.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){}},{key:"toLightString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.z,o=t.pointsAtX,i=t.pointsAtY,a=t.pointsAtZ,c=t.specularExponent,u=t.limitingConeAngle;return"<feSpotLight ".concat(K({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />")}}])&&xa(n.prototype,r),o&&xa(n,o),e}();function Ra(t){return(Ra="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Va(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Aa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Da(t,e){return!e||"object"!==Ra(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ia(t,e,n){return(Ia="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ma(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ma(t){return(Ma=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function La(t,e){return(La=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}$a.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)}};var Ba=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Da(this,Ma(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&La(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ia(Ma(e.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:e.spec.surfaceScale.defaultValue,lightingColor:e.spec.lightingColor.defaultValue,diffuseConstant:e.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Va(t,e,n[e])})}return t}({},Ia(Ma(e.prototype),"toCloneObject",this).call(this),{surfaceScale:this.json.surfaceScale,lightingColor:this.json.lightingColor,diffuseConstant:this.json.diffuseConstant,lightInfo:this.json.lightInfo})}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.surfaceScale,n=t.diffuseConstant,r=t.lightingColor;return"<feDiffuseLighting ".concat(K({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}])&&Aa(n.prototype,r),o&&Aa(n,o),e}();function za(t){return(za="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ga(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ha(t,e){return!e||"object"!==za(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xa(t,e,n){return(Xa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ya(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ya(t){return(Ya=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Na(t,e){return(Na=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ba.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Ka=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ha(this,Ya(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Na(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Xa(Ya(e.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:e.spec.surfaceScale.defaultValue,lightingColor:e.spec.lightingColor.defaultValue,specularConstant:e.spec.specularConstant.defaultValue,specularExponent:e.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Fa(t,e,n[e])})}return t}({},Xa(Ya(e.prototype),"toCloneObject",this).call(this),{surfaceScale:this.json.surfaceScale,lightingColor:this.json.lightingColor,specularConstant:this.json.specularConstant,specularExponent:this.json.specularExponent,lightInfo:""})}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.surfaceScale,n=t.specularConstant,r=t.specularExponent,o=t.lightingColor;return"<feSpecularLighting ".concat(K({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}])&&Ga(n.prototype,r),o&&Ga(n,o),e}();function Wa(t){return(Wa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ua(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Za(t,e){return!e||"object"!==Wa(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qa(t,e,n){return(qa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ja(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Ja(t){return(Ja=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qa(t,e){return(Qa=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ka.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:He.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var tc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Za(this,Ja(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qa(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return qa(Ja(e.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:e.spec.dx.defaultValue,dy:e.spec.dy.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.dx,n=t.dy;return"<feOffset \n      ".concat(K({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}])&&Ua(n.prototype,r),o&&Ua(n,o),e}();function ec(t){return oc(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||rc()}function nc(t,e){return oc(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||rc()}function rc(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function oc(t){if(Array.isArray(t))return t}function ic(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}tc.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ac=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=nc(e.split("data:"),2),o=(r[0],ec(r[1].split(","))),i=o[0],a=o.slice(1),c=nc(i.split(";"),2),u=c[0],s=c[1];return a=a.join(","),{mimeType:u,local:n&&t.getLink(u,s,a)}}},{key:"getLink",value:function(t,e,n){if("base64"===e){for(var r=atob(n),o=r.length,i=new Uint8Array(o),a=0;a<o;a++)i[a]=r.charCodeAt(a);var c=new Blob([i],{type:t});return URL.createObjectURL(c)}return""}}],(n=null)&&ic(e.prototype,n),r&&ic(e,r),t}();function cc(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function uc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var sc=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=cc(t.dataTransfer.types).map(function(e,n){if(e.includes("text"))return{kind:"string",type:e,data:t.dataTransfer.getData(e)}}).filter(function(t){return t}));var n=[];return t.dataTransfer&&(n=cc(t.dataTransfer.files)),[].concat(cc(e),cc(n))}}],(n=null)&&uc(e.prototype,n),r&&uc(e,r),t}(),lc=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),fc={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},pc={d:!0},hc={position:!0,x:!0,y:!0,right:!0,bottom:!0,width:!0,height:!0,rootVariable:!0,variable:!0,transform:!0,filter:!0,"backdrop-filter":!0,"background-color":!0,"background-clip":!0,"background-image":!0,"border-radius":!0,"box-shadow":!0,"text-shadow":!0,"text-clip":!0,"clip-path":!0,color:!0,"font-size":!0,"font-stretch":!0,"line-height":!0,"text-align":!0,"text-transform":!0,"text-decoration":!0,"letter-spacing":!0,"word-spacing":!0,"text-indent":!0,"perspective-origin":!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"mix-blend-mode":!0,opacity:!0,rotate:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"offset-path":!0,"offset-distance":!0,border:!0,outline:!0,borderRadius:!0,animations:!0,transitions:!0,fill:!0,"fill-opacity":!0,stroke:!0,"stroke-width":!0,"stroke-dasharray":!0,"stroke-dashoffset":!0,"fill-rule":!0,"stroke-linecap":!0,"stroke-linejoin":!0},yc=function(t){return fc[t]||!1},dc=function(t){return pc[t]||!1},vc=function(t){return hc[t]||!1},bc=function(t){var e=pl.selection.currentProject,n={};return e.images.forEach(function(e){t.indexOf(e.local)>-1&&(n[e.local]=e.original)}),Object.keys(n).forEach(function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))}),t},gc=function(t){var e,n,r,o=JSON.stringify(t);return e=o,n=pl.projects,r={},n.forEach(function(t){t.images.forEach(function(t){e.indexOf(t.local)>-1&&(r[t.local]="#"+t.id)})}),Object.keys(r).forEach(function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),r[t]))}),o=e},mc=function(t){var e=JSON.parse(t||"[]"),n={};return e.forEach(function(t){t.images.forEach(function(t){n["#".concat(t.id)]=t})}),Object.keys(n).map(function(t){var e=n[t],r=ac.parse(e.original,!0);e.local=r.local}),e.forEach(function(t){t.layers=function t(e,n){return $(e)?e=e.map(function(e){return t(e,n)}):D(e)?Object.keys(e).forEach(function(r){e[r]=t(e[r],n)}):V(e)&&Object.keys(n).forEach(function(t){var r=n[t];e.indexOf("#".concat(r.id))>-1&&(e=e.replace(new RegExp("#".concat(r.id),"g"),r.local))}),e}(t.layers,n)}),e};function wc(t){return(wc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Oc(t,e){return!e||"object"!==wc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Sc(t,e,n){return(Sc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=jc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function jc(t){return(jc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pc(t,e){return(Pc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Oc(this,jc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pc(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Sc(jc(e.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:e.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(K({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&kc(n.prototype,r),o&&kc(n,o),e}();function _c(t){return(_c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ec(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cc(t,e){return!e||"object"!==_c(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $c(t,e,n){return($c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Rc(t){return(Rc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vc(t,e){return(Vc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}xc.spec={mode:{title:"mode",inputType:"select",options:lc,defaultValue:"normal"}};var Ac=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Cc(this,Rc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vc(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $c(Rc(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Tc(t,e,n[e])})}return t}({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&Ec(n.prototype,r),o&&Ec(n,o),e}();function Dc(t){return(Dc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ic(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mc(t,e){return!e||"object"!==Dc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lc(t,e,n){return(Lc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Bc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Bc(t){return(Bc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zc(t,e){return(zc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Fc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Mc(this,Bc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zc(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Lc(Bc(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&Ic(n.prototype,r),o&&Ic(n,o),e}();function Gc(t){return(Gc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xc(t,e){return!e||"object"!==Gc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Yc(t,e,n){return(Yc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Nc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Nc(t){return(Nc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kc(t,e){return(Kc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Wc=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Xc(this,Nc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kc(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Yc(Nc(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&Hc(n.prototype,r),o&&Hc(n,o),e}();function Uc(t){return(Uc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qc(t,e){return!e||"object"!==Uc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jc(t,e,n){return(Jc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qc(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qc(t){return(Qc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tu(t,e){return(tu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qc(this,Qc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return Jc(Qc(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&Zc(n.prototype,r),o&&Zc(n,o),e}();function nu(t){return(nu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ru(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ou(t,e){return!e||"object"!==nu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iu(t,e,n){return(iu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=au(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function au(t){return(au=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cu(t,e){return(cu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ou(this,au(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return iu(au(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&ru(n.prototype,r),o&&ru(n,o),e}();function su(t){return(su="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fu(t,e){return!e||"object"!==su(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pu(t,e,n){return(pu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=hu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function hu(t){return(hu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yu(t,e){return(yu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var du=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fu(this,hu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yu(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return pu(hu(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&lu(n.prototype,r),o&&lu(n,o),e}();function vu(t){return(vu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gu(t,e){return!e||"object"!==vu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mu(t,e,n){return(mu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=wu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function wu(t){return(wu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ku(t,e){return(ku=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ou=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gu(this,wu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ku(t,e)}(e,Ac),n=e,(r=[{key:"getDefaultObject",value:function(){return mu(wu(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&bu(n.prototype,r),o&&bu(n,o),e}();function Su(t){return(Su="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ju(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Pu(t,e){return!e||"object"!==Su(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xu(t,e,n){return(xu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_u(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function _u(t){return(_u=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tu(t,e){return(Tu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Eu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Pu(this,_u(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return xu(_u(e.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:e.spec.dx.defaultValue,dy:e.spec.dy.defaultValue,stdDeviation:e.spec.stdDeviation.defaultValue,color:e.spec.color.defaultValue,opacity:e.spec.opacity.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json,e=t.dx,n=t.dy,r=t.stdDeviation,o=t.color,i=t.opacity;return"<feDropShadow ".concat(K({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />")}}])&&ju(n.prototype,r),o&&ju(n,o),e}();function Cu(t){return(Cu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $u(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ru(t,e){return!e||"object"!==Cu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vu(t,e,n){return(Vu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Au(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Au(t){return(Au=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Du(t,e){return(Du=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Eu.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:He.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:He.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Iu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ru(this,Au(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Du(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Vu(Au(e.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values;return'<feColorMatrix type="saturate" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&$u(n.prototype,r),o&&$u(n,o),e}();function Mu(t){return(Mu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bu(t,e){return!e||"object"!==Mu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zu(t,e,n){return(zu="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Fu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Fu(t){return(Fu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gu(t,e){return(Gu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Iu.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:He.number(0)}};var Hu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bu(this,Fu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return zu(Fu(e.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:e.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var t=this.json.values;return'<feColorMatrix type="hueRotate" values="'.concat(t,'"  ').concat(this.getDefaultAttribute()," />")}}])&&Lu(n.prototype,r),o&&Lu(n,o),e}();function Xu(t){return(Xu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nu(t,e){return!e||"object"!==Xu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ku(t,e,n){return(Ku="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Wu(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Wu(t){return(Wu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uu(t,e){return(Uu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Hu.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:He.number(0)}};var Zu=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Nu(this,Wu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uu(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return Ku(Wu(e.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}])&&Yu(n.prototype,r),o&&Yu(n,o),e}();function qu(t){return(qu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ju(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qu(t,e){return!e||"object"!==qu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ts(t,e,n){return(ts="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=es(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function es(t){return(es=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ns(t,e){return(ns=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Zu.spec={};var rs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qu(this,es(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ns(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return ts(es(e.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.width,o=t.height;return"<feTile ".concat(K({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&Ju(n.prototype,r),o&&Ju(n,o),e}();function os(t){return(os="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function is(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function as(t,e){return!e||"object"!==os(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cs(t,e,n){return(cs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=us(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function us(t){return(us=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ss(t,e){return(ss=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}rs.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)}};var ls=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),as(this,us(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ss(t,e)}(e,Mo),n=e,(r=[{key:"getDefaultObject",value:function(){return cs(us(e.prototype),"getDefaultObject",this).call(this,{type:"Image",x:e.spec.x.defaultValue,y:e.spec.y.defaultValue,width:e.spec.width.defaultValue,height:e.spec.height.defaultValue,src:e.spec.src.defaultValue,alignment:e.spec.alignment.defaultValue,scaleing:e.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width=He.parse(t.width),t.height=He.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.src,n=t.x,r=t.y,o=t.width,i=t.height,a=t.alignment,c=t.scaleing;return"<feImage ".concat(K({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&is(n.prototype,r),o&&is(n,o),e}();function fs(t){return(fs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ps(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hs(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ys(t,e){return!e||"object"!==fs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ds(t,e,n){return(ds="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function vs(t){return(vs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bs(t,e){return(bs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ls.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:He.number(0)},alignment:{title:"alignment",inputType:"select",options:"xMinYMin,xMidYMin,xMaxYMin,xMinYMid,xMidYMid,xMaxYMid,xMinYMax,xMidYMax,xMaxYMax",defaultValue:"xMidYMid"},scaleing:{title:"scaleing",inputType:"select",options:"meet,slice",defaultValue:"meet"},src:{title:"Image",inputType:"ImageSelectEditor",defaultValue:""}};var gs=["result"],ms=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ys(this,vs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new(0,ws[t.type])(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ds(vs(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ps(t,e,n[e])})}return t}({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return gs.map(function(e){return"".concat(e,'="').concat(t.json[e],'"')}).join(" ")}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.value;return"<fe".concat(e,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&hs(n.prototype,r),o&&hs(n,o),e}(),ws={Image:ls,Tile:rs,Saturate:Iu,HueRotate:Hu,LuminanceAlpha:Zu,DropShadow:Eu,SourceGraphic:Fc,SourceAlpha:Wc,BackgroundImage:eu,BackgroundAlpha:uu,FillPaint:du,StrokePaint:Ou,ComponentTransfer:la,DistantLight:ba,PointLight:ja,SpotLight:$a,DiffuseLighting:Ba,SpecularLighting:Ka,Blend:xc,Offset:tc,RotaMatrix:Xo,GaussianBlur:Ni,Flood:Qi,Merge:qo,Composite:oi,Morphology:fi,Turbulence:gi,DisplacementMap:Pi,ColorMatrix:Ri,ConvolveMatrix:Bi},ks={Image:ls.spec,Tile:rs.spec,DropShadow:Eu.spec,Saturate:Iu.spec,HueRotate:Hu.spec,LuminanceAlpha:Zu.spec,Offset:tc.spec,ComponentTransfer:la.spec,SpecularLighting:Ka.spec,SpotLight:$a.spec,PointLight:ja.spec,DistantLight:ba.spec,DiffuseLighting:Ba.spec,Blend:xc.spec,RotaMatrix:Xo.spec,Merge:qo.spec,GaussianBlur:Ni.spec,Flood:Qi.spec,Morphology:fi.spec,Composite:oi.spec,Turbulence:gi.spec,DisplacementMap:Pi.spec,ColorMatrix:Ri.spec,ConvolveMatrix:Bi.spec};function Os(t){return(Os="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ss(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function js(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ps(t,e,n[e])})}return t}function Ps(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xs(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _s(t,e){return!e||"object"!==Os(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ts(t,e,n){return(Ts="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Es(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Es(t){return(Es=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Cs(t,e){return(Cs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $s=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_s(this,Es(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Cs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Ts(Es(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:He.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return js({},Ts(Es(e.prototype),"toCloneObject",this).call(this),{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map(function(t){return L(t)})})}},{key:"convert",value:function(t){return(t=Ts(Es(e.prototype),"convert",this).call(this,t)).offset=He.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Y(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(js({checked:!0,value:He.px(0)},t))}},{key:"addProperty",value:function(t){this.json.properties.push(t)}},{key:"removeProperty",value:function(t){this.json.properties.splice(t,1)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(Ss(t.splice(e,1))))}},{key:"sortProperty",value:function(t,e){this.sortItem(this.json.properties,t,e)}},{key:"updateProperty",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.assign(this.json.properties[+t],js({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=-1,r=0,o=this.json.properties.length;r<o;r++)if(this.json.properties[r].key===t){n=r;break}Object.assign(this.json.properties[+n],js({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach(function(e){t=js({},t,e.toCSS())}),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&xs(n.prototype,r),o&&xs(n,o),e}();function Rs(t){return(Rs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vs(t){return function(t){if(Array.isArray(t))return t}(t)||Ds(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function As(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||Ds(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ds(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function Is(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ms(t,e,n[e])})}return t}function Ms(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ls(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bs(t,e){return!e||"object"!==Rs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zs(t,e,n){return(zs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Fs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Fs(t){return(Fs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gs(t,e){return(Gs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Hs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bs(this,Fs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gs(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[],r={};if(t.keyframe){var o=se(t.keyframe);o.str.split("|").map(function(t){return t.trim()}).forEach(function(t,i){var a=Vs(t.split(" ")),c=a[0],u=a[1],s=a[2],l=a.slice(3).join(" ");r[c]||(r[c]=new e({name:c}),n[i]=c);var f=r[c].offsets.filter(function(t){return t.offset.equals(He.parse(u))}),p=null;f.length?p=f[0]:(p=new $s({offset:He.parse(u)}),r[c].offsets.push(p)),p.addProperty({key:s,value:fe(l,o.matches)})})}return n.map(function(t){return r[t].offsets.forEach(function(t){var e=[],n=[];t.properties.forEach(function(t){t.key.includes("--")?e.push(t):n.push(t)});var r=e.map(function(t){return"".concat(t.key,":").concat(t.value)}).join(";");e.length&&n.push({key:"var",value:r}),t.properties=n}),r[t]})}}],(r=[{key:"getDefaultObject",value:function(){return zs(Fs(e.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,n=t.name,r=t.selectedType,o=t.offsets;return Is({},zs(Fs(e.prototype),"toCloneObject",this).call(this),{name:n,selectedType:r,offsets:o.map(function(t){return t.clone()})})}},{key:"isMultiStyle",value:function(t){switch(t){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(t){switch(t.key){case"background-image":return t.value.toString()+";";case"var":return(t.value+"").split(";").map(function(t){return"--"+t}).join(";")+";"}return t.value.toString()+";"}},{key:"toOffsetString",value:function(t){var e=this;return"".concat(t.offset.toString()," {\n").concat("      ").concat(t.properties.map(function(t){if(e.isMultiStyle(t.key))return e.getMultiStyleString(t);var n=(t.value||"").toString();if(n){var r=t.key;return"x"===r?r="left":"y"===r&&(r="top"),"".concat(r,": ").concat(n,";")}return""}).join("").replace(/\;/g,";\n      ").trim(),"\n  }")}},{key:"toOffsetText",value:function(){var t=this,e=this.json.offsets.map(function(t){return t});return e.sort(function(t,e){return t.offset.value>e.offset.value?1:-1}),e.map(function(e){return 0===e.properties.length?"":t.toOffsetString(e)}).join("\n")}},{key:"toCSSText",value:function(){return this.json.offsets.map(function(t){return t}).sort(function(t,e){return t.offset.value>e.offset.value?1:-1}),"\n@keyframes ".concat(this.json.name," {\n\n  ").concat(this.toOffsetText(),"\n\n}\n")}},{key:"createOffset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addOffset(new $s(Is({checked:!0},t)))}},{key:"addOffset",value:function(t){this.json.offsets.push(t)}},{key:"removeOffset",value:function(t){this.json.offsets.splice(t,1)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(As(t.splice(e,1))))}},{key:"sortOffset",value:function(t,e){this.sortItem(this.json.offsets,t,e)}},{key:"updateOffset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.offsets[+t].reset(e)}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return this.toCSSText()}}])&&Ls(n.prototype,r),o&&Ls(n,o),e}();function Xs(t){return(Xs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ys(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ns(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ks(t,e,n[e])})}return t}function Ks(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ws(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Us(t,e){return!e||"object"!==Xs(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zs(t,e,n){return(Zs="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qs(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qs(t){return(qs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Js(t,e){return(Js=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qs=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Us(this,qs(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Js(t,e)}(e,Dr),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zs(qs(e.prototype),"getDefaultObject",this).call(this,Ns({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[]},t))}},{key:"addKeyframe",value:function(t){return this.json.keyframes.push(t),t}},{key:"createKeyframe",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addKeyframe(new Hs(Ns({checked:!0},t)))}},{key:"removeKeyframe",value:function(t){this.removePropertyList(this.json.keyframes,t)}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(Ys(t.splice(e,1))))}},{key:"sortKeyframe",value:function(t,e){this.sortItem(this.json.keyframes,t,e)}},{key:"updateKeyframe",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.keyframes[+t].reset(e)}},{key:"toKeyframeString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.keyframes.map(function(e){return e.toString(t)}).join("\n\n")}},{key:"copyPropertyList",value:function(t,e){var n=Ns({},t[e]);t.splice(e,0,n)}},{key:"toSVGString",value:function(){return this.json.svgfilters.map(function(t){var e=t.filters.map(function(t){return ms.parse(t)});return"<filter id='".concat(t.id,"'>\n  ").concat(e.join("\n"),"\n</filter>\n")}).join("\n\n")}},{key:"toCloneObject",value:function(){var t=this.json;return Ns({},Zs(qs(e.prototype),"toCloneObject",this).call(this),{colors:L(t.colors),gradients:L(t.gradients),svgfilters:L(t.svgfilters),svgimages:L(t.svgimages),images:L(t.images),keyframes:t.keyframes.map(function(t){return t.clone()})})}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeColor",value:function(t){this.removePropertyList(this.json.colors,t)}},{key:"copyColor",value:function(t){this.copyPropertyList(this.json.colors,t)}},{key:"sortColor",value:function(t,e){this.sortItem(this.json.colors,t,e)}},{key:"setColorValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.colors[t]=Ns({},this.json.colors[t],e)}},{key:"getColor",value:function(t){return this.json.colors.filter(function(e){return e.name===t})[0]}},{key:"addColor",value:function(t){return this.json.colors.push(t),t}},{key:"createColor",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addColor(t)}},{key:"removeImage",value:function(t){this.removePropertyList(this.json.images,t)}},{key:"copyImage",value:function(t){this.copyPropertyList(this.json.images,t)}},{key:"sortImage",value:function(t,e){this.sortItem(this.json.images,t,e)}},{key:"setImageValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.images[t]=Ns({},this.json.images[t],e)}},{key:"addImage",value:function(t){return this.json.images.push(t),t}},{key:"createImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addImage(t)}},{key:"removeGradient",value:function(t){this.removePropertyList(this.json.gradients,t)}},{key:"copyGradient",value:function(t){this.copyPropertyList(this.json.gradients,t)}},{key:"sortGradient",value:function(t,e){this.sortItem(this.json.gradients,t,e)}},{key:"setGradientValue",value:function(t,e){this.json.gradients[t]=Ns({},this.json.gradients[t],e)}},{key:"getGradient",value:function(t){return this.json.gradients.filter(function(e){return e.name===t})[0]}},{key:"addGradient",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.gradients.push(t),t}},{key:"createGradient",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addGradient(t)}},{key:"getSVGFilterIndex",value:function(t){var e=this.json.svgfilters.map(function(t,e){return{id:t.id,index:e}}).filter(function(e){return e.id===t})[0];return e?e.index:-1}},{key:"removeSVGFilter",value:function(t){this.removePropertyList(this.json.svgfilters,t)}},{key:"copySVGFilter",value:function(t){this.copyPropertyList(this.json.svgfilters,t)}},{key:"sortSVGFilter",value:function(t,e){this.sortItem(this.json.svgfilters,t,e)}},{key:"setSVGFilterValue",value:function(t,e){this.json.svgfilters[t]=Ns({},this.json.svgfilters[t],e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.svgfilters.push(t),this.json.svgfilters.length-1}},{key:"createSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGFilter(t)}},{key:"getSVGImageIndex",value:function(t){var e=this.json.svgimages.map(function(t,e){return{id:t.id,index:e}}).filter(function(e){return e.id===t})[0];return e?e.index:-1}},{key:"removeSVGImage",value:function(t){this.removePropertyList(this.json.svgimages,t)}},{key:"copySVGImage",value:function(t){this.copyPropertyList(this.json.svgimages,t)}},{key:"sortSVGImage",value:function(t,e){this.sortItem(this.json.svgimages,t,e)}},{key:"setSVGImageValue",value:function(t,e){this.json.svgimages[t]=Ns({},this.json.svgimages[t],e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.svgimages.push(t),this.json.svgimages.length-1}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&Ws(n.prototype,r),o&&Ws(n,o),e}();function tl(t){return(tl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function el(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){nl(t,e,n[e])})}return t}function nl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ol(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function il(t,e){return!e||"object"!==tl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function al(t,e,n){return(al="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=cl(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function cl(t){return(cl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ul(t,e){return(ul=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),il(this,cl(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ul(t,e)}(e,Qs),n=e,(r=[{key:"getDefaultTitle",value:function(){return"New Project"}},{key:"toRootVariableCSS",value:function(){var t={};return this.json.rootVariable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rl(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return al(cl(e.prototype),"getDefaultObject",this).call(this,el({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){var t=this.json,n=t.name,r=t.description,o=t.rootVariable;return el({},al(cl(e.prototype),"toCloneObject",this).call(this),{name:n,description:r,rootVariable:o})}},{key:"isAbsolute",get:function(){return!1}},{key:"artboards",get:function(){return this.json.layers||[]}},{key:"html",get:function(){return this.artboards.map(function(t){return t.html}).join("\n\n")}}])&&ol(n.prototype,r),o&&ol(n,o),e}();function ll(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var fl="SELECTION",pl=new(function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.config=new Cr(this),this.selection=new Oo,this.timeline=new xo(this),this.projects=[],this.popupZIndex=1e4,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=fl,this.addType="",this.initTheme()}var e,n,r;return e=t,(n=[{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t="light"===(t=window.localStorage.getItem("easylogic.studio.theme"))?"light":"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:fl;this.mode=t}},{key:"isMode",value:function(t){return this.mode===t}},{key:"isAddMode",value:function(){return this.isMode("ADD")}},{key:"isSelectionMode",value:function(){return this.isMode(fl)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.changeMode("ADD"),this.addType=t}},{key:"changeTheme",value:function(t){t="light"===t?"light":"dark",this.theme=t,window.localStorage.setItem("easylogic.studio.theme",t)}},{key:"getFile",value:function(t){return this.images[t]||t}},{key:"setStore",value:function(t){this.$store=t}},{key:"send",value:function(){this.emit.apply(this,arguments)}},{key:"emit",value:function(){var t;this.$store&&(this.$store.source="EDITOR_ID",(t=this.$store).emit.apply(t,arguments))}},{key:"load",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.projects=t}},{key:"add",value:function(t){return this.projects.push(t),t}},{key:"remove",value:function(t){this.projects.splice(t,1)}},{key:"clear",value:function(){this.projects=[]}},{key:"get",value:function(t){return this.projects[t]}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&ll(e.prototype,n),r&&ll(e,r),t}());function hl(t){return(hl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yl(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function dl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vl(t,e){return!e||"object"!==hl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bl(t){return(bl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gl(t,e){return(gl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ml={x:0,y:0},wl={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},kl=function(t){return new(function(e){function n(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),vl(this,bl(n).apply(this,arguments))}var r,o,i;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gl(t,e)}(n,_r),r=n,(o=[{key:"initialize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.$store=new Nn({modules:[].concat(yl(this.getModuleList()),yl(t))}),pl.setStore(this.$store),this.$container=Ke.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initializeEvent(),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(10)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;pl.config.set("body.move.ms",t),this.funcBodyMoves=k(this.loopBodyMoves.bind(this),pl.config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=pl.config.get("pos"),e=pl.config.get("lastPos")||wl;!(e.x===t.x&&e.y===t.y)&&this.moves.size&&(this.moves.forEach(function(e){var n=t.x-e.xy.x,r=t.y-e.xy.y;0==n&&0==r||e.func.call(e.context,n,r,"move")}),pl.config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=pl.config.get("pos");this.ends.forEach(function(e){e.func.call(e.context,t.x-e.xy.x,t.y-e.xy.y,"end")}),this.moves.clear(),this.ends.clear()}},{key:Pr("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:Pr("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{key:"getModuleList",value:function(){return t.modules||[]}},{key:"getClassName",value:function(){return t.className||"csseditor"}},{key:"getContainer",value:function(){return t.container||document.body}},{key:"template",value:function(){return"<div>".concat(t.template,"</div>")}},{key:"components",value:function(){return t.components||{}}},{key:On("document"),value:function(t){var e=t.xy||ml;pl.config.set("bodyEvent",t),pl.config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:Sn("document")+An(30),value:function(t){pl.config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null}}])&&dl(r.prototype,o),i&&dl(r,i),n}())(t)},Ol={App:v,Color:Ee,HueColor:$e,ColorNames:ne};function Sl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){jl(t,e,n[e])})}return t}function jl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var xl=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$store=e,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex",colorSetsList:[{name:"Material",edit:!0,colors:["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B"]},{name:"Custom",edit:!0,colors:[]},{name:"Color Scale",scale:["red","yellow","black"],count:5}],userList:[],currentColorSets:{}}}},{key:"changeFormat",value:function(t){this.state.format=t,this.$store.emit("changeFormat")}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){V(t=t||"#FF0000")&&(t=Ee.parse(t)),this.state.alpha=E(t.a)?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hex"==this.state.format&&this.state.alpha<1&&(this.state.format="rgb"),"hsl"==t.type?(this.state.hsl=Sl({},this.state.hsl,t),this.state.rgb=Ee.HSLtoRGB(this.state.hsl),this.state.hsv=Ee.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=Sl({},this.state.rgb,t),this.state.hsl=Ee.RGBtoHSL(this.state.rgb),this.state.hsv=Ee.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=Sl({},this.state.rgb,t),this.state.hsl=Ee.RGBtoHSL(this.state.rgb),this.state.hsv=Ee.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=Sl({},this.state.hsv,t),this.state.rgb=Ee.HSVtoRGB(this.state.hsv),this.state.hsl=Ee.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return $e.checkHueColor(this.state.hsv.h/360)}},{key:"toString",value:function(t){t=t||this.state.format;var e=this.state[t]||this.state.rgb;return Ee.format(Sl({},e,{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}},{key:"setUserPalette",value:function(t){this.state.userList=t||[],this.resetUserPalette(),this.setCurrentColorSets()}},{key:"resetUserPalette",value:function(){var t=this;this.state.userList=this.state.userList.map(function(e,n){if(I(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return Sl({name:"color-".concat(n),colors:[]},e)})}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();E(t)?this.state.currentColorSets=e[0]:M(t)?this.state.currentColorSets=e[t]:this.state.currentColorSets=e.filter(function(e){return e.name==t})[0],this.$store.emit("changeCurrentColorSets")}},{key:"getCurrentColorSets",value:function(){return this.state.currentColorSets}},{key:"addCurrentColor",value:function(t){Array.isArray(this.state.currentColorSets.colors)&&(this.state.currentColorSets.colors.push(t),this.$store.emit("changeCurrentColorSets"))}},{key:"setCurrentColorAll",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.state.currentColorSets.colors=t,this.$store.emit("changeCurrentColorSets")}},{key:"removeCurrentColor",value:function(t){this.state.currentColorSets.colors[t]&&(this.state.currentColorSets.colors.splice(t,1),this.$store.emit("changeCurrentColorSets"))}},{key:"removeCurrentColorToTheRight",value:function(t){this.state.currentColorSets.colors[t]&&(this.state.currentColorSets.colors.splice(t,Number.MAX_VALUE),this.$store.emit("changeCurrentColorSets"))}},{key:"clearPalette",value:function(){this.state.currentColorSets.colors&&(this.state.currentColorSets.colors=[],this.$store.emit("changeCurrentColorSets"))}},{key:"getUserList",value:function(){return Array.isArray(this.state.userList)&&this.state.userList.length?this.state.userList:this.state.colorSetsList}},{key:"getCurrentColors",value:function(){return this.getColors(this.state.currentColorSets)}},{key:"getColors",value:function(t){return t.scale?Ee.scale(t.scale,t.count):t.colors||[]}},{key:"getColorSetsList",value:function(){var t=this;return this.getUserList().map(function(e){return{name:e.name,edit:e.edit,colors:t.getColors(e)}})}},{key:"hsv",get:function(){return this.state.hsv}},{key:"rgb",get:function(){return this.state.rgb}},{key:"hsl",get:function(){return this.state.hsl}},{key:"hex",get:function(){return this.state.hex}},{key:"alpha",get:function(){return this.state.alpha}},{key:"format",get:function(){return this.state.format}}])&&Pl(e.prototype,n),r&&Pl(e,r),t}();function _l(t){return(_l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function El(t,e){return!e||"object"!==_l(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cl(t,e,n){return(Cl="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$l(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $l(t){return($l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rl(t,e){return(Rl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),El(this,$l(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rl(t,e)}(e,_r),n=e,(r=[{key:"created",value:function(){this.manager=new xl(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+T(this.opt.hideDeplay,2e3),this.timerCloseColorPicker,this.autoHide=this.opt.autoHide||!0,this.outputFormat=this.opt.outputFormat,this.$checkColorPickerClass=this.checkColorPickerClass.bind(this)}},{key:"initialize",value:function(){var t=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$body=null,this.$root=null,this.$store=new Nn,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=Ke.create(this.getContainer()),this.$root=Ke.create("div","codemirror-colorpicker"),"inline"==this.opt.position&&this.$body.append(this.$root),this.opt.type&&this.$root.addClass(this.opt.type),this.opt.hideInformation&&this.$root.addClass("hide-information"),this.opt.hideColorsets&&this.$root.addClass("hide-colorsets"),this.opt.width&&this.$root.css("width",this.opt.width),this.$arrow=Ke.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color),this.initializeEvent()}},{key:"initColorWithoutChangeEvent",value:function(t){this.manager.initColor(t),this.emit("initColor")}},{key:"show",value:function(t,e,n,r){this.colorpickerShowCallback=n,this.colorpickerHideCallback=r,this.$root.css(this.getInitalizePosition()).show(),this.definePosition(t),this.isColorPickerShow=!0,this.isShortCut=t.isShortCut||!1,this.outputFormat=t.outputFormat,this.hideDelay=+T(t.hideDelay,2e3),this.hideDelay>0&&this.setHideDelay(this.hideDelay),this.$root.appendTo(this.$body),this.initColorWithoutChangeEvent(e)}},{key:"initColor",value:function(t,e){this.manager.changeColor(t,e),this.emit("changeColor")}},{key:"changeColor",value:function(t,e){this.manager.changeColor(t,e)}},{key:"hide",value:function(){this.isColorPickerShow&&(this.$root.hide(),this.$root.remove(),this.isColorPickerShow=!1,this.callbackHideValue())}},{key:"setColorsInPalette",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.manager.setCurrentColorAll(t)}},{key:"setUserPalette",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.manager.setUserPalette(t)}},{key:"getOption",value:function(t){return this.opt[t]}},{key:"setOption",value:function(t,e){this.opt[t]=e}},{key:"getContainer",value:function(){return this.opt.container||document.body}},{key:"getColor",value:function(t){return this.manager.toColor(t)}},{key:"definePositionForArrow",value:function(t,e,n){}},{key:"definePosition",value:function(t){var e=this.$root.width(),n=this.$root.height(),r=t.left-this.$body.scrollLeft();e+r>window.innerWidth&&(r-=e+r-window.innerWidth),r<0&&(r=0);var o=t.top-this.$body.scrollTop();n+o>window.innerHeight&&(o-=n+o-window.innerHeight),o<0&&(o=0),this.$root.css({left:He.px(r),top:He.px(o)})}},{key:"getInitalizePosition",value:function(){return"inline"==this.opt.position?{position:"relative",left:"auto",top:"auto",display:"inline-block"}:{position:"absolute"==this.opt.position?"absolute":"fixed",left:He.px(-1e4),top:He.px(-1e4)}}},{key:"setHideDelay",value:function(t){var e=this;t=t||0;var n=this.hide.bind(this);this.$root.off("mouseenter"),this.$root.off("mouseleave"),this.$root.on("mouseenter",function(){clearTimeout(e.timerCloseColorPicker)}),this.$root.on("mouseleave",function(){clearTimeout(e.timerCloseColorPicker),e.timerCloseColorPicker=setTimeout(n,t)}),clearTimeout(this.timerCloseColorPicker)}},{key:"callbackChangeValue",value:function(t){t=t||this.getCurrentColor(),I(this.opt.onChange)&&this.opt.onChange.call(this,t),I(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),I(this.opt.onHide)&&this.opt.onHide.call(this,t),I(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=Ke.create(t),n=e.closest("codemirror-colorview"),r=e.closest("codemirror-colorpicker"),o=e.closest("CodeMirror");t.nodeName;return!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){Cl($l(e.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){Cl($l(e.prototype),"destroy",this).call(this),this.$store.off("changeColor",this.callbackChange),this.$store.off("changeFormat",this.callbackChange),this.callbackChange=void 0,this.colorpickerShowCallback=void 0,this.colorpickerHideCallback=void 0}},{key:an("document"),value:function(t){this.checkInHtml(t.target)||0==this.checkColorPickerClass(t.target)&&this.hide()}},{key:"hsv",get:function(){return this.manager.hsv}},{key:"rgb",get:function(){return this.manager.rgb}},{key:"hsl",get:function(){return this.manager.hsl}},{key:"hex",get:function(){return this.manager.hex}},{key:"alpha",get:function(){return this.manager.alpha}},{key:"format",get:function(){return this.manager.format}}])&&Tl(n.prototype,r),o&&Tl(n,o),e}();function Al(t){return(Al="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Dl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Il(t,e){return!e||"object"!==Al(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ml(t){return(Ml=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ll(t,e){return(Ll=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Il(this,Ml(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ll(t,e)}(e,_r),n=e,(r=[{key:"refresh",value:function(){}},{key:"refreshColorUI",value:function(t){}},{key:"changeColor",value:function(t){this.parent.changeColor(t||{}),this.emit("changeColor")}},{key:Sn("document"),value:function(t){this.onDragEnd(t)}},{key:On("document"),value:function(t){this.onDragMove(t)}},{key:kn("$bar"),value:function(t){this.isDown=!0}},{key:kn("$container"),value:function(t){this.isDown=!0,this.onDragStart(t)}},{key:"onDragStart",value:function(t){this.isDown=!0,this.refreshColorUI(t)}},{key:"onDragMove",value:function(t){this.isDown&&this.refreshColorUI(t)}},{key:"onDragEnd",value:function(t){this.isDown=!1}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}}])&&Dl(n.prototype,r),o&&Dl(n,o),e}();function zl(t){return(zl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gl(t,e){return!e||"object"!==zl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hl(t){return(Hl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Xl(t,e){return(Xl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yl=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gl(this,Hl(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xl(t,e)}(e,Bl),n=e,(r=[{key:"initState",value:function(){return{minValue:0,maxValue:1,maxDist:null,minPosition:null}}},{key:"getMinMaxPosition",value:function(){var t=this.getMinPosition(),e=this.getMaxDist();return{min:t,max:t+e,width:e}}},{key:"getCurrent",value:function(t){return min+this.getMaxDist()*t}},{key:"getMinPosition",value:function(){return this.state.minPosition||(this.state.minPosition=this.refs.$container.offset().left),this.state.minPosition}},{key:"getMaxDist",value:function(){return this.state.maxDist||(this.state.maxDist=this.refs.$container.width()),this.state.maxDist}},{key:"getDist",value:function(t){var e=this.getMinMaxPosition(),n=e.min,r=e.max;return t<n?0:t>r?100:(t-n)/(r-n)*100}},{key:"getCalculatedDist",value:function(t){var e=t?this.getMousePosition(t):this.getCurrent(this.getDefaultValue()/this.state.maxValue);return this.getDist(e)}},{key:"getDefaultValue",value:function(){return 0}},{key:"setMousePosition",value:function(t){this.refs.$bar.css({left:He.px(t)})}},{key:"getMousePosition",value:function(t){return Hn.pos(t).pageX}},{key:"refresh",value:function(){this.setColorUI()}},{key:"setColorUI",value:function(t){(t=t||this.getDefaultValue())<=this.state.minValue?this.refs.$bar.addClass("first").removeClass("last"):t>=this.maxValue?this.refs.$bar.addClass("last").removeClass("first"):this.refs.$bar.removeClass("last").removeClass("first"),this.setMousePosition(this.getMaxDist()*((t||0)/this.state.maxValue))}}])&&Fl(n.prototype,r),o&&Fl(n,o),e}();function Nl(t){return(Nl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kl(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wl(t,e){return!e||"object"!==Nl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ul(t){return(Ul=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zl(t,e){return(Zl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ql=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wl(this,Ul(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zl(t,e)}(e,Yl),n=e,(r=[{key:"template",value:function(){return'\n            <div class="value">\n                <div ref="$container" class="value-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:Gn("$container"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:"getDefaultValue",value:function(){return this.parent.hsv.v}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({type:"hsv",v:e/100*this.state.maxValue})}}])&&Kl(n.prototype,r),o&&Kl(n,o),e}();function Jl(t){return(Jl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ql(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ef(t,e){return!e||"object"!==Jl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nf(t,e,n){return(nf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=rf(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function rf(t){return(rf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function of(t,e){return(of=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var af=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ef(this,rf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&of(t,e)}(e,Yl),n=e,(r=[{key:"template",value:function(){return'\n        <div class="opacity">\n            <div ref="$container" class="opacity-container">\n                <div ref="$colorbar" class="color-bar"></div>\n                <div ref="$bar" class="drag-bar2"></div>\n            </div>\n        </div>\n        '}},{key:"refresh",value:function(){nf(rf(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ql(t,e,n[e])})}return t}({},this.parent.rgb);t.a=0;var e=Ee.format(t,"rgb");t.a=1;var n=Ee.format(t,"rgb");this.refs.$colorbar.css("background","linear-gradient(to right, "+e+", "+n+")")}},{key:"getDefaultValue",value:function(){return this.parent.alpha}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({a:Math.floor(e)/100*this.state.maxValue})}}])&&tf(n.prototype,r),o&&tf(n,o),e}();function cf(t){return(cf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sf(t,e){return!e||"object"!==cf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lf(t){return(lf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ff(t,e){return(ff=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sf(this,lf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ff(t,e)}(e,_r),n=e,(r=[{key:"templateClass",value:function(){return"color"}},{key:Gn("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}}])&&uf(n.prototype,r),o&&uf(n,o),e}();function hf(t){return(hf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yf(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function df(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vf(t,e){return!e||"object"!==hf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bf(t,e,n){return(bf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=gf(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function gf(t){return(gf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mf(t,e){return(mf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vf(this,gf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mf(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){bf(gf(e.prototype),"initialize",this).call(this),this.width=214,this.height=214,this.thinkness=0,this.half_thinkness=0}},{key:"template",value:function(){return'\n        <div class="wheel">\n            <canvas class="wheel-canvas" ref="$colorwheel" ></canvas>\n            <div class="wheel-canvas" ref="$valuewheel" ></div>\n            <div class="drag-pointer" ref="$drag_pointer"></div>\n        </div>\n        '}},{key:"refresh",value:function(t){this.setColorUI(t)}},{key:"setColorUI",value:function(t){this.renderCanvas(),this.renderValue(),this.setHueColor(null,t)}},{key:"renderValue",value:function(){var t=1-this.parent.hsv.v;this.refs.$valuewheel.css("background-color","rgba(0, 0, 0, ".concat(t,")"))}},{key:"renderWheel",value:function(t,e){this.width&&!t&&(t=this.width),this.height&&!e&&(e=this.height);var n=Ke.create("canvas"),r=n.el.getContext("2d");n.el.width=t,n.el.height=e,n.px("width",t),n.px("height",e);for(var o=r.getImageData(0,0,t,e),i=o.data,a=Math.floor(t/2),c=Math.floor(e/2),u=t>e?c:a,s=a,l=c,f=0;f<e;f++)for(var p=0;p<t;p++){var h=p-s+1,y=f-l+1,d=h*h+y*y,v=yt(h,y),b=Ee.HSVtoRGB(v,Math.min(Math.sqrt(d)/u,1),1),g=4*(f*t+p);i[g]=b.r,i[g+1]=b.g,i[g+2]=b.b,i[g+3]=255}return r.putImageData(o,0,0),this.thinkness>0&&(r.globalCompositeOperation="destination-out",r.fillStyle="black",r.beginPath(),r.arc(s,l,u-this.thinkness,0,2*Math.PI),r.closePath(),r.fill()),n}},{key:"renderCanvas",value:function(){if(!this.parent.createdWheelCanvas){var t=this.refs.$colorwheel,e=t.el.getContext("2d"),n=yf(t.size(),2),r=n[0],o=n[1];this.width&&!r&&(r=this.width),this.height&&!o&&(o=this.height),t.el.width=r,t.el.height=o,t.px("width",r),t.px("height",o);var i=this.renderWheel(r,o);e.drawImage(i.el,0,0),this.parent.createdWheelCanvas=!0}}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"getDefaultSaturation",value:function(){return this.parent.hsv.s}},{key:"getCurrentXY",value:function(t,e,n,r,o){return t?t.xy:pt(e,n,r,o)}},{key:"getRectangle",value:function(){var t=this.$el.width(),e=this.$el.height(),n=this.refs.$colorwheel.width()/2,r=this.$el.offsetLeft(),o=r+t/2,i=this.$el.offsetTop();return{minX:r,minY:i,width:t,height:e,radius:n,centerX:o,centerY:i+e/2}}},{key:"setHueColor",value:function(t,e){var n=this.getRectangle(),r=n.minX,o=n.minY,i=n.radius,a=n.centerX,c=n.centerY,u=this.getCurrentXY(t,this.getDefaultValue(),this.getDefaultSaturation()*i,a,c),s=(y=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=yt(s,l);if(f>i*i)var h=this.getCurrentXY(null,p,i,a,c),y=h.x,d=h.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",y-r),this.refs.$drag_pointer.px("top",d-o),e||this.changeColor({type:"hsv",h:p,s:v})}},{key:"changeColor",value:function(t){this.parent.manager.changeColor(t||{})}},{key:Pr("changeColor"),value:function(){this.refresh(!0)}},{key:Pr("initColor"),value:function(){this.refresh(!0)}},{key:Sn("document"),value:function(t){this.isDown=!1}},{key:On("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:kn("$drag_pointer"),value:function(t){this.isDown=!0}},{key:kn(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&df(n.prototype,r),o&&df(n,o),e}();function kf(t){return(kf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Of(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sf(t,e){return!e||"object"!==kf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jf(t){return(jf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pf(t,e){return(Pf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sf(this,jf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"setCurrentFormat",value:function(t){this.format=t,this.initFormat()}},{key:"initFormat",value:function(){var t=this,e=this.format||"hex";["hex","rgb","hsl"].filter(function(t){return t!==e}).forEach(function(e){t.$el.removeClass(e)}),this.$el.addClass(e)}},{key:"nextFormat",value:function(){var t=this.format||"hex",e="hex";"hex"==t?e="rgb":"rgb"==t?e="hsl":"hsl"==t&&(e=1==this.parent.alpha?"hex":"rgb"),this.format=e,this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"goToFormat",value:function(t){this.format=t,"rgb"!==t&&"hsl"!==t||this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.changeColor({type:"rgb",r:this.refs.$rgb_r.int(),g:this.refs.$rgb_g.int(),b:this.refs.$rgb_b.int(),a:this.refs.$rgb_a.float()})}},{key:"changeHslColor",value:function(){this.parent.changeColor({type:"hsl",h:this.refs.$hsl_h.int(),s:this.refs.$hsl_s.int(),l:this.refs.$hsl_l.int(),a:this.refs.$hsl_a.float()})}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}},{key:yn("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:yn("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:yn("$hsl_h"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_s"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_l"),value:function(t){this.changeHslColor()}},{key:yn("$hsl_a"),value:function(t){this.changeHslColor()}},{key:un("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:rn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:rn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:rn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:rn("$el .information-item.hsl .input-field .title"),value:function(t){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.parent.rgb.r),this.refs.$rgb_g.val(this.parent.rgb.g),this.refs.$rgb_b.val(this.parent.rgb.b),this.refs.$rgb_a.val(this.parent.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.parent.hsl.h),this.refs.$hsl_s.val(this.parent.hsl.s),this.refs.$hsl_l.val(this.parent.hsl.l),this.refs.$hsl_a.val(this.parent.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.parent.manager.toString("hex"))}},{key:"refresh",value:function(){this.setCurrentFormat(this.parent.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}}])&&Of(n.prototype,r),o&&Of(n,o),e}();function _f(t){return(_f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ef(t,e){return!e||"object"!==_f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cf(t,e,n){return(Cf="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$f(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $f(t){return($f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rf(t,e){return(Rf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ef(this,$f(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'<div class="color-chooser">\n            <div class="color-chooser-container">\n                <div class="colorsets-item colorsets-item-header">\n                    <h1 class="title">Color Palettes</h1>\n                    <span ref="$toggleButton" class="items">&times;</span>\n                </div>\n                <div ref="$colorsetsList" class="colorsets-list"></div>\n            </div>\n        </div>'}},{key:Pr("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Pr("toggleColorChooser"),value:function(){this.toggle()}},{key:zn("$colorsetsList"),value:function(){var t=this.parent.manager.getColorSetsList();return"\n            <div>\n                ".concat(t.map(function(t,e){return'\n                        <div class="colorsets-item" data-colorsets-index="'.concat(e,'" >\n                            <h1 class="title">').concat(t.name,'</h1>\n                            <div class="items">\n                                <div>\n                                    ').concat(t.colors.filter(function(t,e){return e<5}).map(function(t){return'<div class="color-item" title="'.concat(t=t||"rgba(255, 255, 255, 1)",'">\n                                                <div class="color-view" style="background-color: ').concat(t,'"></div>\n                                            </div>')}).join(""),"\n                                </div>\n                            </div>\n                        </div>")}).join(""),"\n            </div>\n        ")}},{key:"show",value:function(){this.$el.addClass("open")}},{key:"hide",value:function(){this.$el.removeClass("open")}},{key:"toggle",value:function(){this.$el.toggleClass("open")}},{key:rn("$toggleButton"),value:function(t){this.toggle()}},{key:rn("$colorsetsList .colorsets-item"),value:function(t,e){if(e){var n=parseInt(e.attr("data-colorsets-index"));this.parent.manager.setCurrentColorSets(n),this.hide()}}},{key:"destroy",value:function(){Cf($f(e.prototype),"destroy",this).call(this),this.hide()}}])&&Tf(n.prototype,r),o&&Tf(n,o),e}();function Af(t){return(Af="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Df(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function If(t,e){return!e||"object"!==Af(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mf(t){return(Mf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Lf(t,e){return(Lf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),If(this,Mf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n            <div class="colorsets">\n                <div class="menu" title="Open Color Palettes">\n                    <button ref="$colorSetsChooseButton" type="button" class="color-sets-choose-btn arrow-button"></button>\n                </div>\n                <div ref="$colorSetsColorList" class="color-list"></div>\n            </div>\n        '}},{key:zn("$colorSetsColorList"),value:function(){var t=this.parent.manager.getCurrentColorSets(),e=this.parent.manager.getCurrentColors();return'<div class="current-color-sets">\n            '.concat(e.map(function(t,e){return'<div class="color-item" title="'.concat(t,'" data-index="').concat(e,'" data-color="').concat(t,'">\n                    <div class="empty"></div>\n                    <div class="color-view" style="background-color: ').concat(t,'"></div>\n                </div>')}).join(""),"   \n            ").concat(t.edit?'<div class="add-color-item">+</div>':"","         \n            </div>")}},{key:"addColor",value:function(t){this.parent.manager.addCurrentColor(t),this.refresh()}},{key:Pr("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Pr("initColor"),value:function(){this.refresh()}},{key:rn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:pn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=Ke.create(t.target).closest("color-item");if(e){var n=parseInt(e.attr("data-index"));this.emit("showContextMenu",t,n)}else this.emit("showContextMenu",t)}}},{key:rn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:rn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&Df(n.prototype,r),o&&Df(n,o),e}();function zf(t){return(zf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ff(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gf(t,e){return!e||"object"!==zf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hf(t){return(Hf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Xf(t,e){return(Xf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gf(this,Hf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xf(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n            <ul class="colorsets-contextmenu">\n                <li class="menu-item small-hide" data-type="remove-color">Remove color</li>\n                <li class="menu-item small-hide" data-type="remove-all-to-the-right">Remove all to the right</li>\n                <li class="menu-item" data-type="clear-palette">Clear palette</li>\n            </ul>\n        '}},{key:"show",value:function(t,e){var n=Hn.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,E(this.selectedColorIndex)?this.$el.addClass("small"):this.$el.removeClass("small")}},{key:"hide",value:function(){this.$el.removeClass("show")}},{key:"runCommand",value:function(t){switch(t){case"remove-color":this.parent.manager.removeCurrentColor(this.selectedColorIndex);break;case"remove-all-to-the-right":this.parent.manager.removeCurrentColorToTheRight(this.selectedColorIndex);break;case"clear-palette":this.parent.manager.clearPalette()}}},{key:Pr("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:rn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&Ff(n.prototype,r),o&&Ff(n,o),e}();function Nf(t){return(Nf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wf(t,e){return!e||"object"!==Nf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uf(t){return(Uf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zf(t,e){return(Zf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qf=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wf(this,Uf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zf(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n            <div class=\'colorpicker-body\'>\n                <ColorWheel />\n                <div class="control">\n                    <Value />\n                    <Opacity />\n                    <div class="empty"></div>\n                    <ColorView />\n                </div>\n                <Information />\n                <CurrentColorSets />\n                <ColorSetsChooser >\n                <ContextMenu />\n            </div> \n        '}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorWheel:wf,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&Kf(n.prototype,r),o&&Kf(n,o),e}();function Jf(t){return(Jf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qf(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tp(t,e){return!e||"object"!==Jf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ep(t){return(ep=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function np(t,e){return(np=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tp(this,ep(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&np(t,e)}(e,Yl),n=e,(r=[{key:"initState",value:function(){return{minValue:0,maxValue:360}}},{key:"template",value:function(){return'\n            <div class="hue">\n                <div ref="$container" class="hue-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({h:e/100*this.state.maxValue,type:"hsv"})}}])&&Qf(n.prototype,r),o&&Qf(n,o),e}();function op(t){return(op="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ip(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ap(t,e){return!e||"object"!==op(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cp(t){return(cp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function up(t,e){return(up=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ap(this,cp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&up(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <div class="color-panel">\n            <div ref="$saturation" class="saturation">\n                <div ref="$value" class="value">\n                    <div ref="$drag_pointer" class="drag-pointer"></div>\n                </div>\n            </div>        \n        </div>        \n        '}},{key:"setBackgroundColor",value:function(t){this.$el.css("background-color",t)}},{key:"refresh",value:function(){this.setColorUI()}},{key:"calculateSV",value:function(){var t=this.drag_pointer_pos||{x:0,y:0},e=this.$el.width(),n=this.$el.height(),r=t.x/e,o=(n-t.y)/n;this.parent.initColor({type:"hsv",s:r,v:o})}},{key:"setColorUI",value:function(){var t=this.$el.width()*this.parent.hsv.s,e=this.$el.height()*(1-this.parent.hsv.v);this.refs.$drag_pointer.px("left",t),this.refs.$drag_pointer.px("top",e),this.drag_pointer_pos={x:t,y:e},this.setBackgroundColor(this.parent.manager.getHueColor())}},{key:"setMainColor",value:function(t){var e=this.$el.offset(),n=this.$el.contentWidth(),r=this.$el.contentHeight(),o=Hn.pos(t).pageX-e.left,i=Hn.pos(t).pageY-e.top;o<0?o=0:o>n&&(o=n),i<0?i=0:i>r&&(i=r),this.refs.$drag_pointer.px("left",o),this.refs.$drag_pointer.px("top",i),this.drag_pointer_pos={x:o,y:i},this.calculateSV()}},{key:Pr("changeColor","initColor"),value:function(){this.refresh()}},{key:Sn("document"),value:function(t){this.isDown=!1}},{key:On("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:kn(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Sn(),value:function(t){this.isDown=!1}}])&&ip(n.prototype,r),o&&ip(n,o),e}();function lp(t){return(lp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pp(t,e){return!e||"object"!==lp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hp(t){return(hp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yp(t,e){return(yp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pp(this,hp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n      <div class=\'colorpicker-body\'>\n        <Palette />\n        <div class="control">\n            <Hue />\n            <Opacity />\n            <div class="empty"></div>\n            <ColorView />\n        </div>\n        <Information />\n        <CurrentColorSets />\n        <ColorSetsChooser />\n        <ContextMenu />\n      </div>\n    '}},{key:"components",value:function(){return{Hue:rp,Opacity:af,ColorView:pf,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&fp(n.prototype,r),o&&fp(n,o),e}();function vp(t){return(vp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gp(t,e){return!e||"object"!==vp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mp(t){return(mp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wp(t,e){return(wp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gp(this,mp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <Palette />\n                <div class=\"control\">\n                    <Hue />\n                    <Opacity />\n                </div>\n            </div>\n        "}},{key:"components",value:function(){return{Hue:rp,Opacity:af,Palette:sp}}}])&&bp(n.prototype,r),o&&bp(n,o),e}();function Op(t){return(Op="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jp(t,e){return!e||"object"!==Op(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pp(t){return(Pp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xp(t,e){return(xp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _p=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jp(this,Pp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xp(t,e)}(e,Yl),n=e,(r=[{key:"getMaxDist",value:function(){return this.refs.$container.height()}},{key:"setMousePosition",value:function(t){this.refs.$bar.px("top",t)}},{key:"getMousePosition",value:function(t){return Hn.pos(t).pageY}},{key:"getMinPosition",value:function(){return this.refs.$container.offset().top}},{key:"getCalculatedDist",value:function(t){var e=t?this.getMousePosition(t):this.getCurrent(this.getDefaultValue()/this.state.maxValue);return 100-this.getDist(e)}},{key:"setColorUI",value:function(t){(t=t||this.getDefaultValue())<=this.minValue?this.refs.$bar.addClass("first").removeClass("last"):t>=this.maxValue?this.refs.$bar.addClass("last").removeClass("first"):this.refs.$bar.removeClass("last").removeClass("first");var e=1-(t||0)/this.state.maxValue;this.setMousePosition(this.getMaxDist()*e)}}])&&Sp(n.prototype,r),o&&Sp(n,o),e}();function Tp(t){return(Tp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ep(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cp(t,e){return!e||"object"!==Tp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $p(t,e,n){return($p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Rp(t){return(Rp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vp(t,e){return(Vp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ap=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Cp(this,Rp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vp(t,e)}(e,_p),n=e,(r=[{key:"initialize",value:function(){$p(Rp(e.prototype),"initialize",this).call(this),this.minValue=0,this.maxValue=360}},{key:"template",value:function(){return'\n            <div class="hue">\n                <div ref="$container" class="hue-container">\n                    <div ref="$bar" class="drag-bar"></div>\n                </div>\n            </div>\n        '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.maxValue),this.changeColor({h:e/100*this.maxValue,type:"hsv"})}}])&&Ep(n.prototype,r),o&&Ep(n,o),e}();function Dp(t){return(Dp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ip(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Mp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lp(t,e){return!e||"object"!==Dp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bp(t,e,n){return(Bp="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zp(t){return(zp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fp(t,e){return(Fp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Lp(this,zp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fp(t,e)}(e,_p),n=e,(r=[{key:"template",value:function(){return'\n        <div class="opacity">\n            <div ref="$container" class="opacity-container">\n                <div ref="$colorbar" class="color-bar"></div>\n                <div ref="$bar" class="drag-bar2"></div>\n            </div>\n        </div>\n        '}},{key:"refresh",value:function(){Bp(zp(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ip(t,e,n[e])})}return t}({},this.parent.rgb);t.a=0;var e=Ee.format(t,"rgb");t.a=1;var n=Ee.format(t,"rgb");this.refs.$colorbar.css("background","linear-gradient(to top, "+e+", "+n+")")}},{key:"getDefaultValue",value:function(){return this.parent.alpha}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.maxValue),this.changeColor({a:Math.floor(e)/100*this.maxValue})}}])&&Mp(n.prototype,r),o&&Mp(n,o),e}();function Hp(t){return(Hp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yp(t,e){return!e||"object"!==Hp(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Np(t){return(Np=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kp(t,e){return(Kp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Wp=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yp(this,Np(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kp(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <Palette /><div class=\"control\"><Hue /><Opacity /></div>\n            </div>\n        "}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp}}}])&&Xp(n.prototype,r),o&&Xp(n,o),e}();function Up(t){return(Up="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qp(t,e){return!e||"object"!==Up(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jp(t,e,n){return(Jp="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qp(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qp(t){return(Qp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function th(t,e){return(th=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qp(this,Qp(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&th(t,e)}(e,wf),n=e,(r=[{key:"initialize",value:function(){Jp(Qp(e.prototype),"initialize",this).call(this),this.width=214,this.height=214,this.thinkness=16,this.half_thinkness=this.thinkness/2}},{key:"template",value:function(){return'<div class="wheel" data-type="ring">\n            <canvas class="wheel-canvas" ref="$colorwheel" ></canvas>\n            <div class="drag-pointer" ref="$drag_pointer"></div>\n        </div>'}},{key:"setColorUI",value:function(t){this.renderCanvas(),this.setHueColor(null,t)}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"setHueColor",value:function(t,e){var n=this.getRectangle(),r=n.minX,o=n.minY,i=n.radius,a=n.centerX,c=n.centerY,u=this.getCurrentXY(t,this.getDefaultValue(),i,a,c),s=yt((f=u.x)-a,(p=u.y)-c),l=this.getCurrentXY(null,s,i-this.half_thinkness,a,c),f=l.x,p=l.y;this.refs.$drag_pointer.px("left",f-r),this.refs.$drag_pointer.px("top",p-o),e||this.changeColor({type:"hsv",h:s})}}])&&Zp(n.prototype,r),o&&Zp(n,o),e}();function nh(t){return(nh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oh(t,e){return!e||"object"!==nh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ih(t){return(ih=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ah(t,e){return(ah=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ch=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oh(this,ih(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ah(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return'\n            <div class=\'colorpicker-body\'>\n                <ColorRing />\n                <Palette />\n                <div class="control">\n                    <Value />\n                    <Opacity />\n                    <div class="empty"></div>\n                    <ColorView />\n                </div>\n                <Information />\n                <CurrentColorSets />\n                <ColorSetsChooser />\n                <ContextMenu />\n            </div>\n        '}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorRing:eh,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&rh(n.prototype,r),o&&rh(n,o),e}();function uh(t){return(uh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lh(t,e){return!e||"object"!==uh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fh(t){return(fh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ph(t,e){return(ph=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lh(this,fh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ph(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <palette />\n                <div class=\"control\">\n                    <Hue />\n                    <Opacity />\n                </div>\n                <information />\n                <currentColorSets />\n                <colorSetsChooser />\n                <contextMenu />\n            </div>\n        "}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&sh(n.prototype,r),o&&sh(n,o),e}();function yh(t){return(yh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vh(t,e){return!e||"object"!==yh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bh(t){return(bh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gh(t,e){return(gh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mh=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vh(this,bh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gh(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <div class='color-tab' ref=\"$tab\">\n                    <div class='color-tab-header' ref=\"$tabHeader\">\n                        <div class='color-tab-item active' item-id=\"color\"><span >".concat(this.opt.tabTitle,'</span> Color</div>\n                        <div class=\'color-tab-item\' item-id="swatch">Swatch</div>\n                        <div class=\'color-tab-item\' item-id="colorset">Color Set</div>\n                    </div>\n                    <div class=\'color-tab-body\' ref="$tabBody">\n                        <div class=\'color-tab-content active\'  item-id="color">\n                            <ColorRing />\n                            <Palette />\n                            <div class="control">\n                                <Value />\n                                <Opacity />\n                                <div class="empty"></div>\n                                <ColorView />\n                            </div>\n                            <Information />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="swatch">\n                            <CurrentColorSets />\n                            <ContextMenu />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="colorset">\n                            <ColorSetsChooser />\n                        </div>                        \n                    </div>\n            </div>\n        ')}},{key:rn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Value:ql,Opacity:af,ColorView:pf,ColorRing:eh,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&dh(n.prototype,r),o&&dh(n,o),e}();function wh(t){return(wh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Oh(t,e){return!e||"object"!==wh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Sh(t){return(Sh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jh(t,e){return(jh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ph,xh,_h,Th,Eh,Ch,$h=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Oh(this,Sh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jh(t,e)}(e,Vl),n=e,(r=[{key:"template",value:function(){return"\n            <div class='colorpicker-body'>\n                <div class='color-tab xd' ref=\"$tab\">\n                    <div class='color-tab-header' ref=\"$tabHeader\">\n                        <div class='color-tab-item active' item-id=\"color\"><span >".concat(this.opt.tabTitle,'</span> Color</div>\n                        <div class=\'color-tab-item\' item-id="swatch">Swatch</div>\n                        <div class=\'color-tab-item\' item-id="colorset">Color Set</div>\n                    </div>\n                    <div class=\'color-tab-body\' ref="$tabBody">\n                        <div class=\'color-tab-content active\'  item-id="color">\n                            <palette />\n                            <div class="control">\n                                <Hue />\n                                <Opacity />\n                            </div>\n                            <information />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="swatch">\n                            <CurrentColorSets />\n                            <ContextMenu />\n                        </div>\n                        <div class=\'color-tab-content\' item-id="colorset">\n                            <ColorSetsChooser />\n                        </div>                        \n                    </div>\n\n            </div>\n        ')}},{key:rn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Hue:Ap,Opacity:Gp,Palette:sp,Information:xf,CurrentColorSets:Bf,ColorSetsChooser:Vf,ContextMenu:Yf}}}])&&kh(n.prototype,r),o&&kh(n,o),e}(),Rh={create:function(t){switch(t.type){case"macos":return new qf(t);case"xd":return new hh(t);case"xd-tab":return new $h(t);case"ring":return new ch(t);case"ring-tab":return new mh(t);case"mini":return new kp(t);case"mini-vertical":return new Wp(t);case"sketch":case"palette":default:return new dp(t)}},ColorPicker:dp,ChromeDevToolColorPicker:dp,MacOSColorPicker:qf,RingColorPicker:ch,MiniColorPicker:kp,MiniVerticalColorPicker:Wp,XDColorPicker:hh};function Vh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ah(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Dh=Ah({},"move",!0),Ih=(Ah(Ph={},"to right",!0),Ah(Ph,"to top right",!0),Ah(Ph,"to bottom right",!0),Ph),Mh=(Ah(xh={},"to left",!0),Ah(xh,"to top left",!0),Ah(xh,"to bottom left",!0),xh),Lh=(Ah(_h={},"to top",!0),Ah(_h,"to top right",!0),Ah(_h,"to top left",!0),_h),Bh=(Ah(Th={},"to bottom",!0),Ah(Th,"to bottom left",!0),Ah(Th,"to bottom right",!0),Th),zh=(Ah(Eh={},"to right",2),Ah(Eh,"to top right",2),Ah(Eh,"to bottom right",2),Ah(Eh,"to left",0),Ah(Eh,"to top left",0),Ah(Eh,"to bottom left",0),Eh),Fh=(Ah(Ch={},"to bottom",2),Ah(Ch,"to bottom left",2),Ah(Ch,"to bottom right",2),Ah(Ch,"to top",0),Ah(Ch,"to top left",0),Ah(Ch,"to top right",0),Ch),Gh=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"isMove",value:function(t){return Dh[t]}},{key:"isTop",value:function(t){return Lh[t]}},{key:"isRight",value:function(t){return Ih[t]}},{key:"isBottom",value:function(t){return Bh[t]}},{key:"isLeft",value:function(t){return Mh[t]}},{key:"getXDirection",value:function(t){return zh[t]}},{key:"getYDirection",value:function(t){return Fh[t]}}],(n=null)&&Vh(e.prototype,n),r&&Vh(e,r),t}();function Hh(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Xh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}Gh.MOVE="move",Gh.RIGHT="to right",Gh.TOP_RIGHT="to top right",Gh.BOTTOM_RIGHT="to bottom right",Gh.LEFT="to left",Gh.TOP_LEFT="to top left",Gh.BOTTOM_LEFT="to bottom left",Gh.TOP="to top",Gh.BOTTOM="to bottom",Gh.LIST=[Gh.MOVE,Gh.RIGHT,Gh.TOP_RIGHT,Gh.BOTTOM_RIGHT,Gh.LEFT,Gh.TOP_LEFT,Gh.BOTTOM_LEFT,Gh.TOP,Gh.BOTTOM];var Yh=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return He.px(t).round(e)},Nh=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=pl.selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.cachedExtraItems=e.allLayers.filter(function(t){return!pl.selection.check(t)}),this.rect=pl.selection.allRect?pl.selection.allRect.clone():null),this.cachedPosition={},pl.selection.items.map(function(e){t.cachedPosition[e.id]={x:t.setupX(e),y:t.setupY(e)}}),this.rect}},{key:"move",value:function(t,e,n){var r=pl.selection.allRect;this.pointerType=t,"move"===t?this.rect.move(Yh(r.x.value+e),Yh(r.y.value+n)):(Gh.isRight(t)?this.rect.resizeWidth(Yh(r.width.value+e)):Gh.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(Yh(r.x.value+e)),this.rect.resizeWidth(Yh(r.width.value-e))),Gh.isBottom(t)?this.rect.resizeHeight(Yh(r.height.value+n)):Gh.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(Yh(r.y.value+n)),this.rect.resizeHeight(Yh(r.height.value-n))))}},{key:"recover",value:function(t){if(this.rect){var e=this.cachedPosition[t.id].x,n=e.xDistRate,r=e.x2DistRate,o=this.cachedPosition[t.id].y,i=o.yDistRate,a=o.y2DistRate,c=this.rect.screenX.value,u=this.rect.screenX2.value,s=this.rect.screenY.value,l=this.rect.screenY2.value,f=u-c,p=f*n,h=f*r,y=l-s,d=y*i,v=y*a;this.setX(t,c,u,p,h),this.setY(t,s,l,d,v)}}},{key:"setY",value:function(t,e,n,r,o){var i=Math.round(r),a=Math.round(o)-i;t.setScreenY(i+e),t.height.set(a)}},{key:"setX",value:function(t,e,n,r,o){var i=Math.round(r),a=Math.round(o)-i;t.setScreenX(i+e),t.width.set(a)}},{key:"setupX",value:function(t){var e=pl.selection.allRect,n=e.screenX.value,r=e.screenX2.value-n;return 0===r?{xDistRate:0,x2DistRate:1}:{xDistRate:(t.screenX.value-n)/r,x2DistRate:(t.screenX2.value-n)/r}}},{key:"setupY",value:function(t){var e=pl.selection.allRect,n=e.screenY.value,r=e.screenY2.value-n;return 0===r?{yDistRate:0,y2DistRate:1}:{yDistRate:(t.screenY.value-n)/r,y2DistRate:(t.screenY2.value-n)/r}}},{key:"compareX",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,r=[t.screenX.value,t.centerX.value,t.screenX2.value],o=[e.screenX.value,e.centerX.value,e.screenX2.value],i=[];if(r.forEach(function(r,a){o.forEach(function(o,c){Math.abs(r-o)<=n&&i.push({A:t,B:e,source:a,target:c,ax:r,bx:o})})}),i.length){var a=Gh.getXDirection(this.pointerType),c=i.filter(function(t){return t.source==a});return c.length?c:[i[0]]}return i}},{key:"compareY",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,r=[t.screenY.value,t.centerY.value,t.screenY2.value],o=[e.screenY.value,e.centerY.value,e.screenY2.value],i=[];if(r.forEach(function(r,a){o.forEach(function(o,c){Math.abs(r-o)<=n&&i.push({A:t,B:e,source:a,target:c,ay:r,by:o})})}),i.length){var a=Gh.getYDirection(this.pointerType),c=i.filter(function(t){return t.source==a});return c.length?c:[i[0]]}return i}},{key:"compare",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3;return{x:this.compareX(t,e,n),y:this.compareY(t,e,n)}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3,n=this.cachedExtraItems,r=[],o=[];return n.forEach(function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,Hh(i.x)),o.push.apply(o,Hh(i.y))}),[r[0],o[0]].filter(function(t){return C(t)})}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3,n=this.getLayers(e);return Gh.isMove(this.pointerType)?n.forEach(function(e){return t.moveSnap(e)}):n.forEach(function(e){return t.sizeSnap(e)}),n}},{key:"sizeSnap",value:function(t){var e,n,r,o;if(C(t.ax))switch(t.source){case 2:e=this.rect.screenX.value,n=t.bx-e,this.rect.width.set(n);break;case 0:e=t.bx,n=this.rect.screenX2.value-e,this.rect.x.set(e),this.rect.width.set(n)}else switch(t.source){case 2:r=this.rect.screenY.value,o=t.by-r,this.rect.y.set(r),this.rect.height.set(o);break;case 0:r=t.by,o=this.rect.screenY2.value-r,this.rect.y.set(r),this.rect.height.set(o)}}},{key:"moveSnap",value:function(t){if(C(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(C(t.ay)){var r=Math.round(this.rect.height.value/2*t.source),o=t.by-r;this.rect.y.set(o)}}},{key:"recoverAll",value:function(){var t=this;pl.selection.items.forEach(function(e){t.recover(e),e.recover()})}}])&&Xh(e.prototype,n),r&&Xh(e,r),t}();function Kh(t){return(Kh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wh(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Uh(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Zh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qh(t,e){return!e||"object"!==Kh(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jh(t,e,n){return(Jh="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Qh(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Qh(t){return(Qh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ty(t,e){return(ty=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ey={top:"50% 0%",right:"100% 50%",left:"0% 50%",bottom:"50% 100%","top-left":"0% 0%","top-right":"100% 0%","bottom-left":"0% 100%","bottom-right":"100% 100%"},ny={move:"move","to top":"move","to top right":"move","to top left":"move","to bottom":"move","to bottom right":"move","to bottom left":"move","to left":"move","to right":"move",translate:"transform","transform-origin":"transform",rotate3d:"transform"},ry=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qh(this,Qh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ty(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){Jh(Qh(e.prototype),"initialize",this).call(this),this.guideView=new Nh}},{key:"template",value:function(){return"\n    <div class='selection-view' ref='$selectionView' >\n        <div class='selection-tool' ref='$selectionTool' style='left:-100px;top:-100px;'>\n            <div class='selection-tool-item' data-position='move'></div>       \n            \n            <div class='selection-tool-item' data-position='transform-origin' ref='$transformOrigin'>\n                <div class='transform-origin' >\n                    <div class='handle handle-top' data-value='top'></div>\n                    <div class='handle handle-right' data-value='right'></div>\n                    <div class='handle handle-left' data-value='left'></div>\n                    <div class='handle handle-bottom' data-value='bottom'></div>\n                    <div class='handle handle-top-left' data-value='top-left'></div>\n                    <div class='handle handle-top-right' data-value='top-right'></div>\n                    <div class='handle handle-bottom-left' data-value='bottom-left'></div>\n                    <div class='handle handle-bottom-right' data-value='bottom-right'></div>\n                </div>                \n            </div>\n            <div class='selection-tool-item' data-position='rotate3d' ref='$rotate3d'>\n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='y'></div>                \n                    <div class='x'></div>\n                </div>            \n                <div class='z' ref='$rotateZ'>\n                    <div class='point'></div>                    \n                    <div class='handle-top'></div>                    \n                </div>\n                <div class='translate' ref='$translateZ'>\n                    <div class='perspective-handle'></div>\n                </div>\n\n            </div>                      \n\n            <div class='selection-tool-item' data-position='to top'></div>\n            <div class='selection-tool-item' data-position='to right'></div>\n            <div class='selection-tool-item' data-position='to bottom'></div>\n            <div class='selection-tool-item' data-position='to left'></div>\n            <div class='selection-tool-item' data-position='to top right'></div>\n            <div class='selection-tool-item' data-position='to bottom right'></div>\n            <div class='selection-tool-item' data-position='to top left'></div>\n            <div class='selection-tool-item' data-position='to bottom left'></div>\n        </div>\n        <div class='selection-pointer' ref='$selectionPointer'></div>\n        <svg class='transform-translate' ref='$pathMaker'></svg>\n    </div>"}},{key:Gn("$pathMaker"),value:function(){var t=pl.selection.current;if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};if(1!==pl.selection.length)return{style:{display:"none"}};var e={translate:{x:0,y:0,z:0}},n=0,r=0;if(t){var o=Uh((t["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t||"50%")}),2),i=o[0],a=o[1];i=i.toPx(t.screenWidth.value),a=a.toPx(t.screenHeight.value);n=(t.screenX.value+i.value)*pl.scale,r=(t.screenY.value+a.value)*pl.scale;var c=Uh(to.get(t.transform,"translate"),2),u=c[0],s=c[1];if(!u)u=Uh(to.get(t.transform,"translateX"),1)[0];if(!s)s=Uh(to.get(t.transform,"translateY"),1)[0];u=u||He.px(0),s=s||He.px(0),e.translate.x=n+u.value*pl.scale,e.translate.y=r+s.value*pl.scale}return{style:{display:"block"},innerHTML:'\n                <path d="M'.concat(n,", ").concat(r,"L").concat(e.translate.x,",").concat(e.translate.y,'Z" fill="transparent" />\n            ')}}},{key:on("$rotate3d"),value:function(t){t.altKey?(pl.selection.each(function(t){t.reset({"transform-origin":""})}),this.bindData("$rotate3d"),this.bindData("$pathMaker")):t.shiftKey?(pl.selection.each(function(t){var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"translate":case"translateX":case"translateY":case"translateZ":return!1}return!0}));t.reset({transform:e})}),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(pl.selection.each(function(t){var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotate":case"rotate3d":case"rotateX":case"rotateY":case"rotateZ":return!1}return!0}));t.reset({transform:e})}),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")),this.emit("refreshSelectionStyleView")}},{key:rn('$selectionTool .selection-tool-item[data-position="path"]'),value:function(t){this.trigger("openPathEditor")}},{key:"toggleEditingPath",value:function(t){this.refs.$selectionTool.toggleClass("editing-path",t)}},{key:"toggleEditingPolygon",value:function(t){this.refs.$selectionTool.toggleClass("editing-polygon",t)}},{key:Pr("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:Pr("hideSubEditor"),value:function(t){this.toggleEditingPath(!1),this.toggleEditingPolygon(!1)}},{key:Pr("openPathEditor"),value:function(){var t=pl.selection.current;t&&t.is("svg-path","svg-textpath")?(this.toggleEditingPolygon(!1),this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:t.is("svg-textpath")?"box":"canvas",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight})):t.is("svg-polygon")&&this.trigger("openPolygonEditor")}},{key:Pr("openPolygonEditor"),value:function(){var t=pl.selection.current;t&&t.is("svg-polygon")&&(this.toggleEditingPath(!1),this.toggleEditingPolygon(!0),this.emit("showPolygonEditor","modify",{changeEvent:"updatePolygonItem",current:t,points:t.points,screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:Pr("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Pr("finishPolygonEdit"),value:function(){this.toggleEditingPolygon(!1)}},{key:Pr("updatePathItem"),value:function(t){var e,n=pl.selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache(),this.emit("refreshSelectionStyleView")))}},{key:Pr("updatePolygonItem"),value:function(t){var e,n=pl.selection.current;n&&(n.is("svg-polygon")&&(n.updatePolygonItem(t),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache(),this.emit("refreshSelectionStyleView"),this.emit("refreshCanvasForPartial",n)))}},{key:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];pl.selection.each(function(t,n){t.transformObj=to.parseStyle(t.transform),n.transformObj=to.parseStyle(n.transform),e.forEach(function(t){n[t]=n.transformObj.filter(function(e){return e.type===t})[0]})})}},{key:"setCacheRotateZ",value:function(t){var e=this.$target.rect();this.rotateZCenter={x:e.x+e.width/2,y:e.y+e.height/2},this.rotateZStart={x:t.x+t.width/2,y:t.y+t.height/2},this.setCacheBaseTrasnform("rotateZ","rotate")}},{key:"setCachePerspective",value:function(){this.setCacheBaseTrasnform("perspective")}},{key:"setCacheTransformOrigin",value:function(){this.hasTransformOrigin=!0,pl.selection.each(function(t,e){t.transformOrigin=t["transform-origin"].split(" ").map(function(t){return t?He.parse(t):He.percent(50)}),e.transformOrigin=t["transform-origin"].split(" ").map(function(t){return t?He.parse(t):He.percent(50)}),e.transformOriginX=e.transformOrigin[0]||He.percent(50),e.transformOriginXtoPx=e.transformOriginX.toPx(e.screenWidth),e.transformOriginY=e.transformOrigin[1]||He.percent(50),e.transformOriginYtoPx=e.transformOriginY.toPx(e.screenHeight)})}},{key:"setCacheTranslate",value:function(){this.hasTranslate=!0,this.setCacheBaseTrasnform("translateX","translateY")}},{key:"setCacheTranslateZ",value:function(){this.hasTranslateZ=!0,this.setCacheBaseTrasnform("translateZ")}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"checkEditMode",value:function(){return pl.isSelectionMode()}},{key:kn("$selectionView .selection-tool-item")+En("checkEditMode")+In()+Mn(),value:function(t){var e;if(this.$target=t.$delegateTarget,this.pointerType=t.$delegateTarget.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",ny[this.pointerType]),(e=this.parent).selectCurrent.apply(e,Wh(pl.selection.items)),pl.selection.setRectCache("move"!==this.pointerType),"transform-origin"===this.pointerType){var n=Ke.create(t.target);this.transformOriginValue=n.attr("data-value")}else if("rotate3d"===this.pointerType){var r=(n=Ke.create(t.target)).rect();this.hasRotateZ=n.hasClass("point"),this.hasPerspective=n.hasClass("perspective-handle"),this.hasTransformOrigin=!1,this.hasTranslate=!1,this.hasTranslateZ=!1,this.hasRotateZ?this.setCacheRotateZ(r):this.hasPerspective?this.setCachePerspective():t.altKey?this.setCacheTransformOrigin():t.shiftKey?this.setCacheTranslate():t.metaKey?this.setCacheTranslateZ():this.setCacheRotateXY()}else this.initSelectionTool()}},{key:"setTransformValue",value:function(t,e,n){var r=t.transformObj.filter(function(t){return t.type===e})[0];r?r.value[0]=n.clone():t.transformObj.push({type:e,value:[n.clone()]})}},{key:Gn("$rotate3d"),value:function(){var t=pl.selection.current||{"transform-origin":"50% 50%"};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=Uh(t["transform-origin"].split(" ").map(function(t){return He.parse(t||"50%")}),2),n=e[0],r=e[1];return{style:{display:"block",left:n=n||He.percent(50),top:r=r||He.percent(50)}}}},{key:Gn("$transformOrigin"),value:function(){var t=pl.selection.current||{"transform-origin":"50% 50%"};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=Uh(t["transform-origin"].split(" ").map(function(t){return He.parse(t||"50%")}),2),n=e[0],r=e[1];return{style:{display:"block",left:n=n||He.percent(50),top:r=r||He.percent(50)}}}},{key:Gn("$rotateArea"),value:function(){var t=pl.selection.current||{transform:""};if(t&&t.is&&t.is("artboard"))return{style:{display:"none"}};var e=to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotateX":case"rotateY":return!0}return!1}));return{style:{display:"block",transform:"".concat(e)}}}},{key:Gn("$rotateZ"),value:function(){var t=pl.selection.current||{transform:""};return t&&t.is&&t.is("artboard")?{style:{display:"none"}}:{style:{display:"block",transform:to.join(to.parseStyle(t.transform).filter(function(t){switch(t.type){case"rotate":case"rotateZ":return!0}return!1}))}}}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=pl.config.get("bodyEvent"),o=yt(this.rotateZStart.x-this.rotateZCenter.x,this.rotateZStart.y-this.rotateZCenter.y),i=yt(this.rotateZStart.x+t-this.rotateZCenter.x,this.rotateZStart.y+e-this.rotateZCenter.y),a=He.deg(i-o);pl.selection.each(function(t,e){var o=He.deg(0);e.rotateZ?o.set(e.rotateZ.value[0].value):e.rotate&&o.set(e.rotate.value[0].value),o.add(a.value),r.altKey&&o.add(-o.value%10),n.setTransformValue(t,"rotateZ",o),t.transform=to.join(t.transformObj)})}},{key:"modifyPerspective",value:function(t,e){var n=this,r=He.px(-e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"perspective",r),t.transform=to.join(t.transformObj)})}},{key:"modifyTransformOrigin",value:function(t,e){pl.selection.each(function(n,r){var o=He.px(0),i=He.px(0);r.transformOriginXtoPx&&o.set(r.transformOriginXtoPx.value),r.transformOriginYtoPx&&i.set(r.transformOriginYtoPx.value),o.add(t/pl.scale),i.add(e/pl.scale);var a=o.to(r.transformOriginX.unit,r.screenWidth),c=i.to(r.transformOriginY.unit,r.screenHeight);n["transform-origin"]="".concat(a," ").concat(c)})}},{key:"modifyTranslate",value:function(t,e){var n=this,r=He.px(t/pl.scale),o=He.px(e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"translateX",r),n.modifyCacheItem(t,e,He.px(0),"translateY",o),t.transform=to.join(t.transformObj)})}},{key:"modifyTranslateZ",value:function(t,e){var n=this,r=He.px(e/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.px(0),"translateZ",r),t.transform=to.join(t.transformObj)})}},{key:"modifyCacheItem",value:function(t,e,n,r,o){e[r]&&n.set(e[r].value[0].value),n.add(o),this.setTransformValue(t,r,n)}},{key:"modifyRotateXY",value:function(t,e){var n=this,r=He.deg(-e/pl.scale),o=He.deg(t/pl.scale);pl.selection.each(function(t,e){n.modifyCacheItem(t,e,He.deg(0),"rotateX",r),n.modifyCacheItem(t,e,He.deg(0),"rotateY",o),t.transform=to.join(t.transformObj)})}},{key:"move",value:function(t,e){var n=this,r=pl.config.get("bodyEvent");"transform-origin"===this.pointerType||("rotate3d"===this.pointerType?(this.hasRotateZ?(this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.bindData("$pathMaker")):this.hasPerspective?(this.modifyPerspective(t,e),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(this.hasTransformOrigin?this.modifyTransformOrigin(t,e):this.hasTranslate?this.modifyTranslate(t,e):this.hasTranslateZ?this.modifyTranslateZ(t,e):this.modifyRotateXY(t,e),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")),this.emit("refreshStylePosition")):(r.altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshCanvasForPartial",null,!1),"move"===this.pointerType||pl.selection.each(function(t){t.is("component")&&n.emit("refreshStyleView",t)})))}},{key:Pr("updateRealTransform"),value:function(){this.parent.updateRealTransform()}},{key:"end",value:function(t,e){"move"!==this.pointerType||0!==t||0!==e?"transform-origin"===this.pointerType?(pl.selection.reset({"transform-origin":ey[this.transformOriginValue]||"50% 50%"}),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker")):(pl.config.get("bodyEvent").altKey&&(e=t),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.parent.trigger("removeRealPosition"),this.emit("refreshCanvasForPartial",null,!1),this.emit("refreshStylePosition"),this.emit("removeGuideLine"),this.refreshSelectionToolView(t,e)):this.trigger("openPathEditor")}},{key:"refreshSelectionToolView",value:function(t,e,n){0===t&&0===e||this.guideView.move(n||this.pointerType,t/pl.scale,e/pl.scale);var r=this.guideView.calculate();this.makeSelectionTool(),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}},{key:"getOriginalRect",value:function(){return this.originalRect||(this.originalRect=this.parent.$el.rect()),this.originalRect}},{key:"getOriginalArtboardRect",value:function(){return this.originalArtboardRect||(this.originalArtboardRect=this.parent.refs.$view.rect()),this.originalArtboardRect}},{key:Pr("refreshSelectionTool","initSelectionTool"),value:function(){this.initSelectionTool()}},{key:Pr("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}},{key:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=pl.selection.current;if(t){var e=t.is("svg-path","svg-textpath");this.refs.$selectionTool.toggleClass("path",e);var n=t.is("svg-polygon");this.refs.$selectionTool.toggleClass("polygon",n)}pl.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$rotateZ"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker"),this.makeSelectionTool()}},{key:"isNoMoveArea",value:function(){return 1===pl.selection.items.length&&pl.selection.current.is("text")}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=He.px(0),e=He.px(0),n=He.px(0),r=He.px(0);if(this.guideView.rect){var o=this.calculateWorldPosition(this.guideView.rect);t=o.x,e=o.y,n=o.width,r=o.height}this.isNoMoveArea()?this.refs.$selectionTool.addClass("remove-move-area"):this.refs.$selectionTool.removeClass("remove-move-area"),t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):pl.selection.currentArtboard||(t.add(-1e4),e.add(-1e4));var i=t,a=e;this.refs.$selectionTool.css({left:i,top:a,width:n,height:r}),this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$pathMaker"),this.refreshPositionText(t,e,n,r)}},{key:Gn("$selectionPointer"),value:function(){var t="<div></div>",e=pl.selection.current||{id:""},n=this.parent.getElement(e.id);if(n){var r=e.verties(n,this.parent.refs.$view.el),o=e.screenX.value+e.width.value/2,i=e.screenY.value+e.height.value/2,a=["a","b","c","d"].map(function(t,e){var n=He.px(r[t].x+o),a=He.px(r[t].y+i),c=He.px(r[t].z);return"<div class='marker' data-index='".concat(e+1,"' style='transform:translate3d(").concat(n,",").concat(a,",").concat(c,")'></div>")}).join("");t="<div >".concat(a,"</div>")}return{innerHTML:t}}},{key:"refreshPositionText",value:function(t,e,n,r){if(pl.selection.currentArtboard){var o=He.px(t.value-pl.selection.currentArtboard.x.value/pl.scale).round(1),i=He.px(e.value-pl.selection.currentArtboard.y.value/pl.scale).round(1),a=He.px(n.value/pl.scale).round(1),c=He.px(r.value/pl.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to right":u="W: ".concat(a);break;case"to left":u="X: ".concat(o,", W: ").concat(a);break;case"to top":u="Y: ".concat(i,", H: ").concat(c);break;case"to bottom":u="H: ".concat(c);break;case"to top right":case"to top left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c);break;case"to bottom right":u="W: ".concat(a,", H: ").concat(c);break;case"to bottom left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c)}this.setPositionText(u)}}},{key:"setPositionText",value:function(t){this.$target&&(pl.selection.current&&pl.selection.current.is("artboard")&&(t=t.split(",").filter(function(t){return!t.includes("X:")&&!t.includes("Y:")}).join(",")),this.$target.attr("data-position-text",t))}},{key:"calculateWorldPositionForGuideLine",value:function(){var t=this;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(function(e){var n,r,o,i,a=new go(t.calculateWorldPosition(e.A)),c=new go(t.calculateWorldPosition(e.B));return C(e.ax)&&(n=e.ax*pl.scale),C(e.bx)&&(r=e.bx*pl.scale),C(e.ay)&&(o=e.ay*pl.scale),C(e.by)&&(i=e.by*pl.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}})}},{key:"calculateWorldPosition",value:function(t){return{x:He.px(t.screenX.value*pl.scale),y:He.px(t.screenY.value*pl.scale),width:He.px(t.width.value*pl.scale),height:He.px(t.height.value*pl.scale),transform:t.transform}}},{key:Pr("refreshCanvas"),value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];pl.selection.setRectCache(),this.initSelectionTool()}},{key:Pr("refreshSelectionStyleView"),value:function(){this.bindData("$rotate3d"),this.bindData("$rotateArea"),this.bindData("$transformOrigin"),this.bindData("$rotateZ"),this.bindData("$pathMaker")}}])&&Zh(n.prototype,r),o&&Zh(n,o),e}();function oy(t){return(oy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ay(t,e){return!e||"object"!==oy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cy(t,e,n){return(cy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=uy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function uy(t){return(uy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sy(t,e){return(sy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ly=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ay(this,uy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sy(t,e)}(e,Gr),n=e,(r=[{key:"getDefaultObject",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return cy(uy(e.prototype),"getDefaultObject",this).call(this,{itemType:"display",type:"block",direction:"row",alignItems:"normal",alignCentent:"normal",flexWrap:"nowrap",justifyContent:"flex-start",gap:He.px(0),rowGap:He.percent(1),columnGap:He.percent(1),columns:[He.fr(1)],rows:[He.fr(1)],areas:[]})}},{key:"toCSS",value:function(){var t=this.json,e={display:t.type};return"flex"==e.display?("row"!=t.direction&&(e["flex-direction"]=t.direction),"normal"!=t.alignItems&&(e["align-items"]=t.alignItems),"normal"!=t.alignContent&&(e["align-content"]=t.alignContent),"nowrap"!=t.flexWrap&&(e["flex-wrap"]=t.flexWrap),"flex-start"!=t.justifyContent&&(e["justify-content"]=t.justifyContent)):"grid"==e.display&&(t.gap.value>0&&(e["grid-gap"]=t.gap),t.rowGap.value>0&&(e["grid-row-gap"]=t.rowGap),t.columnGap.value>0&&(e["grid-column-gap"]=t.columnGap),t.columns.length&&(e["grid-template-columns"]=t.columns.join(" ")),t.rows.length&&(e["grid-template-rows"]=t.rows.join(" ")),t.areas.length&&(e["grid-template-areas"]=t.areas.map(function(t){return'"'.concat(t.join(" "),'"')}).join(" ")),"normal"!=t.alignItems&&(e["align-items"]=t.alignItems),"normal"!=t.alignContent&&(e["align-content"]=t.alignContent),"flex-start"!=t.justifyContent&&(e["justify-content"]=t.justifyContent)),e}},{key:"isLayout",value:function(){return this.isGrid()||this.isFlex()}},{key:"isFlex",value:function(){return"flex"==this.json.type}},{key:"isGrid",value:function(){return"grid"==this.json.type}},{key:"isInline",value:function(){return"inline"==this.json.type}},{key:"isInlineBlock",value:function(){return"inline-block"==this.json.type}},{key:"isBlock",value:function(){return"block"==this.json.type}},{key:"changeColumn",value:function(t,e){var n=this.json.columns[t],r=this.json.columns[e];this.json.columns[e]=n,this.json.columns[t]=r}},{key:"removeColumn",value:function(t){this.json.columns.splice(t,1)}},{key:"updateColumn",value:function(t,e){this.json.columns[t]=e}},{key:"changeRow",value:function(t,e){var n=this.json.rows[t],r=this.json.rows[e];this.json.rows[e]=n,this.json.rows[t]=r}},{key:"removeRow",value:function(t){this.json.rows.splice(t,1)}},{key:"updateRow",value:function(t,e){this.json.rows[t]=e}}])&&iy(n.prototype,r),o&&iy(n,o),e}();function fy(t){return(fy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function py(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hy(t,e){return!e||"object"!==fy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yy(t){return(yy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dy(t,e){return(dy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ly.parse=function(t){return new ly(t)},ly.isLayout=function(t){return"flex"==t||"grid"==t};var vy=function(t){return"flex"==t||"grid"==t},by=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hy(this,yy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dy(t,e)}(e,lo),n=e,(r=[{key:"isLayoutItem",value:function(){return!1}},{key:"changeDisplay",value:function(t){var e=this.json.display.type;vy(e)&&!vy(t)&&this.layers.forEach(function(t){return t.changeOffsetToPosition()}),this.json.display.type=t}},{key:"hasLayout",value:function(){return this.json.display.isLayout()}},{key:"refreshItem",value:function(t){t&&t(this),this.children.forEach(function(e){e.refreshItem(t)})}}])&&py(n.prototype,r),o&&py(n,o),e}();function gy(t){return(gy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function my(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ky(t,e){return!e||"object"!==gy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oy(t,e,n){return(Oy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Sy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Sy(t){return(Sy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jy(t,e){return(jy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Py=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ky(this,Sy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jy(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Oy(Sy(e.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:He.second(0),timingFunction:"ease",delay:He.second(0),iterationCount:He.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Oy(Sy(e.prototype),"convert",this).call(this,t)).duration=He.parse(t.duration),t.iterationCount=He.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){var t=this.json;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){my(t,e,n[e])})}return t}({},Oy(Sy(e.prototype),"toCloneObject",this).call(this),{checked:t.checked,name:t.name,direction:t.direction,duration:t.duration+"",timingFunction:t.timingFunction,delay:t.delay,iterationCount:t.iterationCount+"",playState:t.playState,fillMode:t.fillMode})}},{key:"togglePlayState",value:function(t){t?this.reset({playState:"running"===t?"running":"paused"}):"paused"===this.json.playState?this.reset({playState:"running"}):this.reset({playState:"paused"})}},{key:"toCSS",value:function(){return this.json.name?{animation:this.toString()}:{}}},{key:"toString",value:function(){var t=this.json;return[t.name,t.duration,t.timingFunction,t.delay,t.iterationCount,t.direction,t.fillMode,t.playState].join(" ")}}])&&wy(n.prototype,r),o&&wy(n,o),e}();function xy(t){return(xy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _y(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ty(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ey(t,e){return!e||"object"!==xy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cy(t,e,n){return(Cy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$y(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $y(t){return($y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ry(t,e){return(Ry=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vy=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ey(this,$y(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ry(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Cy($y(e.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:He.second(0),timingFunction:"ease",delay:He.second(0)})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){_y(t,e,n[e])})}return t}({},Cy($y(e.prototype),"toCloneObject",this).call(this),{checked:this.json.checked,property:this.json.property,duration:this.json.duration+"",timingFunction:this.json.timingFunction,delay:this.json.delay+""})}},{key:"toCSS",value:function(){return{transition:this.toString()}}},{key:"toString",value:function(){var t=this.json;return[t.property,t.duration,t.timingFunction,t.delay].join(" ")}}])&&Ty(n.prototype,r),o&&Ty(n,o),e}();function Ay(t){return(Ay="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Dy(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Iy(t,e,n[e])})}return t}function Iy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function My(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ly(t,e){return!e||"object"!==Ay(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function By(t,e,n){return(By="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=zy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function zy(t){return(zy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fy(t,e){return(Fy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gy=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ly(this,zy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fy(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(t){return By(zy(e.prototype),"getDefaultObject",this).call(this,Dy({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Dy({},By(zy(e.prototype),"toCloneObject",this).call(this),{selector:this.json.selector,properties:this.json.properties.map(function(t){return L(t)})})}},{key:"isMultiStyle",value:function(t){switch(t){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(t){switch(t.key){case"background-image":return t.value.toString()+";"}return t.value.toString()+";"}},{key:"toPropertyString",value:function(){var t=this;return this.json.properties.map(function(e){if(t.isMultiStyle(e.key))return t.getMultiStyleString(e);var n=e.value.toString();if(n){var r=e.key;return"x"===r?r="left":"y"===r&&(r="top"),"".concat(r,": ").concat(n,";")}return""}).join("\n")}},{key:"toCSSText",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"".concat(t).concat(this.json.selector," {\n    ").concat(this.toPropertyString(),"\n}")}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.toCSSText(t)}}])&&My(n.prototype,r),o&&My(n,o),e}();function Hy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Xy=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parse",value:function(t){var e=t.split(" ").filter(function(t){return t.trim()}).map(function(t){return He.parse(t)}),n=He.percent(0),r=He.percent(0),o=He.percent(0),i=He.percent(0);return 1===e.length?(n=e[0].clone(),r=e[0].clone(),o=e[0].clone(),i=e[0].clone()):2===e.length?(n=e[0].clone(),r=e[1].clone(),o=e[0].clone(),i=e[1].clone()):3===e.length?(n=e[0].clone(),r=e[1].clone(),o=e[2].clone(),i=e[1].clone()):4===e.length&&(n=e[0].clone(),r=e[1].clone(),o=e[2].clone(),i=e[3].clone()),[e.length,n,r,o,i]}}],(n=null)&&Hy(e.prototype,n),r&&Hy(e,r),t}();function Yy(t){return(Yy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ny(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Ky(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Wy(t,e,n[e])})}return t}function Wy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Uy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Zy(t,e){return!e||"object"!==Yy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qy(t,e,n){return(qy="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Jy(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Jy(t){return(Jy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qy(t,e){return(Qy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var td=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,ed=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Zy(this,Jy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qy(t,e)}(e,Gr),n=e,o=[{key:"toCSS",value:function(t){return new e(t).toCSS()}},{key:"toString",value:function(t){return e.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(td)||[]).forEach(function(t,n){if(t.includes("-box"))e.box=t;else{var r=Ny(t.split("("),2),o=r[0],i=r[1];i=i||"",i="none"===o?"":i.split(")")[0],e.type=o,e.value=i}}),e):{}}},{key:"parseStyleForCircle",value:function(t){var e=new He("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=Ny(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=Ny(n.split(" "),2),i=o[0],a=o[1];return E(a)&&(a=i),{radius:e,x:i=He.parse(i),y:a=He.parse(a)}}},{key:"parseStyleForEllipse",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",e="50% 50%",n="";if((t=t||"50%").includes("at")){var r=Ny(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=Ny(n.split(" "),2),i=o[0],a=o[1];E(a)&&(a=i),i=He.parse(i),a=He.parse(a);var c=Ny(e.split(" "),2),u=c[0],s=c[1];return E(s)&&(s=u),{radiusX:u=He.parse(u),radiusY:s=He.parse(s),x:i,y:a}}},{key:"parseStyleForInset",value:function(){var t=Ny((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("round"),2),e=t[0],n=t[1],r=Ny(Xy.parse(e),5),o=r[0],i=r[1],a=r[2],c=r[3],u=r[4];if(n)var s=Ny(Xy.parse(n),5),l=s[0],f=s[1],p=s[2],h=s[3],y=s[4];return{isAll:1===o,top:i,right:a,bottom:c,left:u,round:n,isAllRadius:1===l,topRadius:f,rightRadius:p,bottomRadius:h,leftRadius:y}}},{key:"parseStyleForPolygon",value:function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(",").filter(function(t){return t.trim()}).map(function(t){var e=Ny(t.trim().split(" "),2),n=e[0],r=e[1];return{x:He.parse(n),y:He.parse(r)}})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return qy(Jy(e.prototype),"getDefaultObject",this).call(this,Ky({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Ky({},qy(Jy(e.prototype),"toCloneObject",this).call(this),{value:this.json.value})}},{key:"toString",value:function(){var t=this.json.type,e=this.json.value,n=this.json.box,r="";switch(t){case"circle":case"inset":case"ellipse":case"polygon":case"path":r="".concat(t,"(").concat(e,")");break;case"svg":r="url(#".concat(e,")");break;default:r="none"}return n?"".concat(n," ").concat(r):r}},{key:"toCSS",value:function(){return{"clip-path":this.toString()}}}])&&Uy(n.prototype,r),o&&Uy(n,o),e}();function nd(t){return(nd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function od(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function id(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ad(t,e,n[e])})}return t}function ad(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ud(t,e){return!e||"object"!==nd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sd(t,e,n){return(sd="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ld(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function ld(t){return(ld=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fd(t,e){return(fd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pd=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ud(this,ld(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fd(t,e)}(e,by),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return sd(ld(e.prototype),"getDefaultObject",this).call(this,id({position:"absolute",x:He.px(0),y:He.px(0),right:"",bottom:"",width:He.px(300),height:He.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",border:"","border-radius":"","box-shadow":"","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":He.px(13),"font-stretch":"","line-height":"","text-align":"","text-transform":"","text-decoration":"","letter-spacing":"","word-spacing":"","text-indent":"","perspective-origin":"","transform-origin":"","transform-style":"",perspective:"","mix-blend-mode":"",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return id({},sd(ld(e.prototype),"toCloneObject",this).call(this),{position:t.position,right:t.right+"",bottom:t.bottom+"",rootVariable:t.rootVariable,variable:t.variable,transform:t.transform,filter:t.filter,"backdrop-filter":t["backdrop-filter"],"background-color":t["background-color"],"background-image":t["background-image"],"text-clip":t["text-clip"],"border-radius":t["border-radius"],border:t.border,"box-shadow":t["box-shadow"],"text-shadow":t["text-shadow"],"clip-path":t["clip-path"],color:t.color,"font-size":t["font-size"]+"","font-stretch":t["font-stretch"]+"","line-height":t["line-height"]+"","text-align":t["text-align"]+"","text-transform":t["text-transform"]+"","text-decoration":t["text-decoration"]+"","letter-spacing":t["letter-spacing"]+"","word-spacing":t["word-spacing"]+"","text-indent":t["text-indent"]+"","perspective-origin":t["perspective-origin"],"transform-origin":t["transform-origin"],"transform-style":t["transform-style"],perspective:t.perspective+"","mix-blend-mode":t["mix-blend-mode"],opacity:t.opacity+"",rotate:t.rotate+"",outline:L(t.outline),animations:t.animations.map(function(t){return t.clone()}),transitions:t.transitions.map(function(t){return t.clone()}),selectors:t.selectors.map(function(t){return t.clone()}),svg:t.svg.map(function(t){return t.clone()})})}},{key:"convert",value:function(t){return t=sd(ld(e.prototype),"convert",this).call(this,t)}},{key:"addAnimation",value:function(t){return this.json.animations.push(t),t}},{key:"addTransition",value:function(t){return this.json.transitions.push(t),t}},{key:"addSelector",value:function(t){return this.json.selectors.push(t),t}},{key:"createAnimation",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addAnimation(new Py(id({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new Gy(id({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new Vy(id({checked:!0},t)))}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeAnimation",value:function(t){this.removePropertyList(this.json.animations,t)}},{key:"removeSelector",value:function(t){this.removePropertyList(this.json.selectors,t)}},{key:"removeTransition",value:function(t){this.removePropertyList(this.json.transitions,t)}},{key:"enableHasChildren",value:function(){return!0}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(od(t.splice(e,1))))}},{key:"sortAnimation",value:function(t,e){this.sortItem(this.json.animations,t,e)}},{key:"sortTransition",value:function(t,e){this.sortItem(this.json.transitions,t,e)}},{key:"updateAnimation",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.animations[+t].reset(e)}},{key:"updateTransition",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.transitions[+t].reset(e)}},{key:"updateSelector",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+t].reset(e)}},{key:"setSize",value:function(t){this.reset(t)}},{key:"setBorder",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=this.json.border;if("all"===t)n?this.json.border={all:n}:["top","right","bottom","left"].forEach(function(t){delete e.json.border[t]});else{if(r.all&&E(n)){var o=id({},r.all);r.top=id({},o),r.bottom=id({},o),r.left=id({},o),r.right=id({},o)}r.all&&delete r.all,n&&(this.json.border[t]=n)}}},{key:"getBorder",value:function(t){return this.json.border[t]||{}}},{key:"setOutline",value:function(t){this.json.outline=id({},this.json.outline,t)}},{key:"setBorderRadius",value:function(t,e){this.json.borderRadius=e}},{key:"traverse",value:function(t,e,n){var r=this;t.isAttribute()||(n||!t.isLayoutItem()||t.isRootItem())&&(e.push(t),t.children.forEach(function(t){r.traverse(t,e)}))}},{key:"tree",value:function(t){var e=this,n=[];return this.children.forEach(function(r){e.traverse(r,n,t)}),n}},{key:"toPropertyCSS",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n={};return t.forEach(function(t){S(t.toCSS(e),function(t,e){n[t]||(n[t]=[]),n[t].push(e)})}),z(n)}},{key:"toStringPropertyCSS",value:function(t){return N(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.toStringPropertyCSS("background-image")}},{key:"toBorderCSS",value:function(){return this.toStringPropertyCSS("border")}},{key:"toOutlineCSS",value:function(){var t=this.json.outline;return t?0===Object.keys(t).length?{}:{outline:"".concat(t.color," ").concat(t.style," ").concat(t.width)}:{}}},{key:"toKeyCSS",value:function(t){return this.json[t]?ad({},t,this.json[t]):{}}},{key:"toAnimationKeyframes",value:function(t){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:t}]}},{key:"toAnimationCSS",value:function(){return this.toPropertyCSS(this.json.animations)}},{key:"toTransitionCSS",value:function(){return this.toPropertyCSS(this.json.transitions)}},{key:"toString",value:function(){return Y(this.toCSS())}},{key:"toExport",value:function(){return Y(this.toCSS(!0))}},{key:"toExportSVGCode",value:function(){return""}},{key:"toBoxModelCSS",value:function(){var t=this.json,e={};return t["margin-top"]&&(e["margin-top"]=t["margin-top"]),t["margin-bottom"]&&(e["margin-bottom"]=t["margin-bottom"]),t["margin-left"]&&(e["margin-left"]=t["margin-left"]),t["margin-right"]&&(e["margin-right"]=t["margin-right"]),t["padding-top"]&&(e["padding-top"]=t["padding-top"]),t["padding-bottom"]&&(e["padding-bottom"]=t["padding-bottom"]),t["padding-left"]&&(e["padding-left"]=t["padding-left"]),t["padding-right"]&&(e["padding-right"]=t["padding-right"]),e}},{key:"toKeyListCSS",value:function(){for(var t=this.json,e={},n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return r.forEach(function(n){C(t[n])&&""!==t[n]&&(e[n]=t[n]+"")}),e}},{key:"toFontCSS",value:function(){return this.toKeyListCSS()}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.isAbsolute&&(this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y)),t.visibility=this.json.visible?"visible":"hidden",id({},t,this.toKeyListCSS("position","right","bottom","width","height","overflow","background-color","color","opacity","mix-blend-mode","transform-origin","transform","transform-style","perspective","perspective-origin","font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","border-radius","filter","backdrop-filter","box-shadow","text-shadow","offset-path"))}},{key:"toDefaultSVGCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},{overflow:"visible"},this.toKeyListCSS("transform","font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent"))}},{key:"toVariableCSS",value:function(){var t={};return this.json.variable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"toRootVariableCSS",value:function(){var t={};return this.json.rootVariable.split(";").filter(function(t){return t.trim()}).forEach(function(e){var n=rd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o}),t}},{key:"toRootVariableString",value:function(){return Y(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return S(t,function(t,n){e["-webkit-".concat(t)]=n}),e}},{key:"toTextClipCSS",value:function(){var t={};return"text"===this.json["text-clip"]&&(t["-webkit-background-clip"]="text",t["-webkit-text-fill-color"]="transparent",t.color="transparent"),t}},{key:"toClipPathCSS",value:function(){var t=this.json["clip-path"];switch(ed.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultCSS(t),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(t),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultSVGCSS(t),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(t),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toEmbedCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return id({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toAnimationCSS(),this.toTransitionCSS(),this.toBackgroundImageCSS(t))}},{key:"toSelectorString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.selectors.map(function(e){return e.toString(t)}).join("\n\n")}},{key:"toNestedCSS",value:function(t){return[]}},{key:"toNestedBoundCSS",value:function(t){return[]}},{key:"generateEmbed",value:function(){return{css:this.toEmbedCSS(),selectorString:this.toSelectorString()}}},{key:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Y(this.toCSS(),"\n    "),"; \n    ").concat(e,"\n}\n").concat(this.toNestedCSS().map(function(e){return"".concat(t," ").concat(e.selector," { \n      ").concat(e.cssText?e.cssText:Y(e.css||{},"\n\t\t"),"; \n  }")}).join("\n"),"\n").concat(this.toSelectorString(t),"\n")}},{key:"generateViewBoundCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";arguments.length>1&&void 0!==arguments[1]&&arguments[1];return"\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Y(this.toBoundCSS(),"\n"),"; \n}\n\n\n").concat(this.toNestedBoundCSS().map(function(e){return"".concat(t," ").concat(e.selector," { \n      ").concat(e.cssText?e.cssText:Y(e.css||{},"\n\t\t"),"; \n  }")}).join("\n"),"\n\n")}},{key:"generateSVG",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0]){var t=this.json.width.value,e=this.json.height.value;return'\n<svg width="'.concat(t,'" height="').concat(e,'" viewBox="0 0 ').concat(t," ").concat(e,'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">\n  ').concat(this.rootSVG,"\n</svg>")}return this.svg}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.json,r=n.layers,o=n.width,i=n.height,a=n.elementType||"div",c=this.toCSS();return delete c.left,delete c.top,"absolute"===c.position&&delete c.position,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:o.value,height:i.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <').concat(a,' style="').concat(Y(c),'" ></').concat(a,">\n        </div>\n      </foreignObject>    \n      ").concat(r.map(function(t){return t.svg}).join("\n\t"),"      \n    </g>\n    ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():He.px(0),y:this.json.y?this.json.y.clone():He.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=He.px(t.x.value+t.width.value),t.y2=He.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]){var e=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(e){e.$("defs").html(this.toDefInnerString)}else{var n=Ke.createByHTML(this.toDefString);n&&t.prepend(n)}}}},{key:"html",get:function(){var t=this.json,e=t.elementType,n=t.id,r=t.name,o=t.layers,i=t.itemType,a=e||"div";return"<".concat(a,' class="').concat(W(ad({"element-item":!0},i,!0)),'" ').concat(K({"data-id":n,"data-title":r}),">\n    ").concat(this.toDefString,"\n  ").concat(o.map(function(t){return t.html}).join("\n\t"),"\n</").concat(a,">")}},{key:"svg",get:function(){var t=this.json,e=t.x,n=t.y;return e=e.value,n=n.value,this.toSVG(e,n)}},{key:"rootSVG",get:function(){return this.toSVG()}},{key:"toDefInnerString",get:function(){return"".concat(this.toClipPath)}},{key:"toClipPath",get:function(){var t=ed.parseStyle(this.json["clip-path"]),e=t.value;switch(t.type){case"path":return'<clipPath id="'.concat(this.clipPathId,'"><path d="').concat(e,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId,'">').concat(e,"</clipPath>")}return""}},{key:"innerSVGId",get:function(){return this.json.id+"inner-svg"}},{key:"toDefString",get:function(){var t=this.toDefInnerString.trim();return t&&"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId,'" width="0" height="0">\n      <defs>\n        ').concat(t,"\n      </defs>\n    </svg>\n    ")}},{key:"clipPathId",get:function(){return this.json.id+"clip-path"}}])&&cd(n.prototype,r),o&&cd(n,o),e}();function hd(t){return(hd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){dd(t,e,n[e])})}return t}function dd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bd(t,e){return!e||"object"!==hd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gd(t,e,n){return(gd="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=md(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function md(t){return(md=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wd(t,e){return(wd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kd=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bd(this,md(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wd(t,e)}(e,pd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gd(md(e.prototype),"getDefaultObject",this).call(this,yd({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"toCloneObject",value:function(){return yd({},gd(md(e.prototype),"toCloneObject",this).call(this),{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?He.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||He.px(0)}},{key:"screenY",get:function(){return this.json.parent?He.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||He.px(0)}}])&&vd(n.prototype,r),o&&vd(n,o),e}();function Od(t){return(Od="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jd(t,e){return!e||"object"!==Od(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pd(t){return(Pd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xd(t,e){return(xd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _d=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"base-line";return'<text x="'.concat(t,'" y="').concat(e,"\" class='").concat(r,"'>").concat(n,"</text>")},Td=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"base-line";return"<line ".concat(K({x1:t,y1:e,x2:n,y2:r})," class='").concat(o,"' />")},Ed=function(t,e,n,r){if(0!==Math.abs(n-r)){t.push(Td(e-2,n,e+2,n)),t.push(Td(e,n,e,r)),t.push(Td(e-2,r,e+2,r));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));t.push(_d(e+2,o,i))}},Cd=function(t,e,n,r){if(0!==Math.abs(n-r)){t.push(Td(n,e-2,n,e+2)),t.push(Td(n,e,r,e)),t.push(Td(r,e-2,r,e+2));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));t.push(_d(o,e-2,i,"text-center"))}},$d=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jd(this,Pd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xd(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:Gn("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){var e=[];return t.forEach(function(t){var n=t.B;if(C(t.ax)){var r=He.min(n.screenY,t.A.screenY),o=He.max(n.screenY2,t.A.screenY2),i=t.bx;if(t.A.screenY.value>t.B.screenY2.value?Ed(e,i,t.B.screenY2.value,t.A.screenY.value):Ed(e,i,r.value,t.A.screenY.value),t.A.screenX.value-n.screenX.value>0&&t.A.screenY.value<=t.B.screenY2.value&&t.A.screenY.value>=t.B.screenY.value){var a=(t.A.screenY.value+t.A.screenY2.value)/2;Cd(e,a,n.screenX.value,t.A.screenX.value)}if(n.screenX2.value-t.A.screenX2.value>0&&t.A.screenY.value<=t.B.screenY2.value&&t.A.screenY.value>=t.B.screenY.value){a=(t.A.screenY.value+t.A.screenY2.value)/2;Cd(e,a,t.A.screenX2.value,n.screenX2.value)}t.A.screenY2.value<t.B.screenY.value?Ed(e,i,t.A.screenY2.value,t.B.screenY.value):Ed(e,i,t.A.screenY2.value,o.value)}else{var c=He.max(n.screenX2,t.A.screenX2),u=t.by;if(t.A.screenX.value>t.B.screenX2.value?Cd(e,u,t.B.screenX2.value,t.A.screenX.value):Cd(e,u,t.A.screenX.value,t.B.screenX2.value),t.A.screenY.value-n.screenY.value>0&&t.A.screenX.value<=t.B.screenX2.value&&t.A.screenX.value>=t.B.screenX.value){var s=(t.A.screenX.value+t.A.screenX2.value)/2;Ed(e,s,t.B.screenY.value,t.A.screenY.value)}if(n.screenY2.value-t.A.screenY2.value>0&&t.A.screenX.value<=t.B.screenX2.value&&t.A.screenX.value>=t.B.screenX.value){s=(t.A.screenX.value+t.A.screenX2.value)/2;Ed(e,s,t.A.screenY2.value,t.B.screenY2.value)}t.A.screenX2.value<t.B.screenX.value?Cd(e,u,t.A.screenX2.value,t.B.screenX.value):Cd(e,u,t.A.screenX2.value,c.value)}}),e.join("")}},{key:"removeGuideLine",value:function(){this.$el.cssText("")}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:Pr("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Pr("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&Sd(n.prototype,r),o&&Sd(n,o),e}();function Rd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Vd(t,e,n[e])})}return t}function Vd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ad(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Dd=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.segmentList=[]}var e,n,r;return e=t,(n=[{key:"reset",value:function(){return this.segmentList=[],this}},{key:"addLine",value:function(t,e){return this.segmentList.push({line:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addGuideLine",value:function(t,e){return this.segmentList.push({line:!0,guide:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addDistanceLine",value:function(t,e){return this.segmentList.push({line:!0,distance:!0,x1:t.x,y1:t.y,x2:e.x,y2:e.y}),this}},{key:"addDistanceAngle",value:function(t,e,n,r,o,i){return this.segmentList.push({angle:!0,rx:e,ry:n,line:i,degree:r,center:t,last:o}),this}},{key:"addPoint",value:function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(Rd({},t,{cx:e.x,cy:e.y,selected:o,index:n,segment:r,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond})),this}},{key:"addStartPoint",value:function(t,e){return this.segmentList.push(Rd({},t,{cx:e.x,cy:e.y,start:!0})),this}},{key:"addCurvePoint",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.segmentList.push({curve:!0,cx:t.x,cy:t.y,index:e,selected:r,segment:n,isFirst:t.isFirst,isLast:t.isLast,isSecond:t.isSecond}),this}},{key:"addText",value:function(t,e){return this.segmentList.push({type:"text",cx:t.x,cy:t.y,text:e+""}),this}},{key:"toString",value:function(){return this.segmentList.sort(function(t,e){return t.line&&!e.line?-1:!t.line&&e.line?1:0}),this.segmentList.map(function(t){return t.angle?"\n                <path stroke-width='1' \n                    data-distance='true'\n                    fill=\"rgba(0,0,0,0.5)\"\n                    d=\"M ".concat(t.center.x,",").concat(t.center.y," A ").concat(t.rx," ").concat(t.ry,",").concat(t.degree,",0,0,").concat(t.last.x," ").concat(t.last.y," L").concat(t.line.x," ").concat(t.line.y,' Z"\n                />'):t.line?'\n                <line stroke-width=\'1\' \n                    data-segment="true"\n                    data-is-last="'.concat(t.isLast,"\"                \n                    data-guide='").concat(t.guide,"'\n                    data-distance='").concat(t.distance,"'\n                    x1='").concat(t.x1,"' x2='").concat(t.x2,"' y1='").concat(t.y1,"' y2='").concat(t.y2,"' \n                />"):t.text?'\n                <text x="'.concat(t.cx,'" y="').concat(t.cy,'" dx="5" dy="-5" text-anchor="start">').concat(t.text,"</text>\n                "):t.curve?"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                     \n                    class='curve' \n                    data-selected='").concat(t.selected,"'                    \n                    data-is-last=\"").concat(t.isLast,'"                \n                    data-is-first="').concat(t.isFirst,'"      \n                    data-is-second="').concat(t.isSecond,'"                                  \n                    title="').concat(t.segment," curve\"                \n                    data-index='").concat(t.index,"' \n                    data-segment-point='").concat(t.segment,'\' \n                    data-segment="true" \n                />'):t.start?"\n                <rect \n                    x='".concat(t.cx-4,"' \n                    y='").concat(t.cy-4,"' \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'                                   \n                    title="Center"\n                    data-start="true" \n                />'):"\n                <rect \n                    x='".concat(t.cx-4,"' \n                    y='").concat(t.cy-4,"' \n                    class='segment'\n                    data-selected='").concat(t.selected,"'\n                    title=\"").concat(t.segment,'"\n                    data-is-last="').concat(t.isLast,'"\n                    data-is-first="').concat(t.isFirst,'"\n                    data-is-second="').concat(t.isSecond,"\"\n                    data-index='").concat(t.index,"' \n                    data-segment-point='").concat(t.segment,'\' \n                    data-segment="true" \n                />')}).join("")}}])&&Ad(e.prototype,n),r&&Ad(e,r),t}();function Id(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Md=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"isEqual",value:function(t,e){return t.x===e.x&&t.y===e.y}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"isInLine",value:function(t,e,n){return t.x===n.x?e.x===n.x:t.y===n.y?e.y===n.y:(t.x-n.x)*(t.y-n.y)==(n.x-e.x)*(n.y-e.y)}},{key:"isLine",value:function(e){return t.isInLine(e.endPoint,e.startPoint,e,reversePoint)}},{key:"getReversePoint",value:function(t,e){var n=t.x-e.x,r=t.y-e.y;return{x:t.x+n,y:t.y+r}}},{key:"getIndexPoint",value:function(t,e){return t[e]}},{key:"getPoint",value:function(e,n){return e.filter(function(e){return t.isEqual(e.startPoint,n)})[0]}},{key:"getIndex",value:function(e,n){for(var r=-1,o=0,i=e.length;o<i;o++){var a=e[o];if(t.isEqual(a.startPoint,n)){r=o;break}}return r}},{key:"getPointIndex",value:function(e,n){for(var r=-1,o=0,i=e.length;o<i;o++){var a=e[o];if(t.isEqual(a,n)){r=o;break}}return r}},{key:"getLastPoint",value:function(t,e){if(!t.length)return null;for(var n=-1,r=e+1,o=t.length;r<o;r++)if("M"===t[r].command){n=r-1;break}-1==n&&(n=t.length-1),t[n]&&"Z"===t[n].command&&(n-=1);var i=t[n];return i&&(i.index=n),i}},{key:"getFirstPoint",value:function(t,e){for(var n=-1,r=e-1;r>0;r--)if("M"===t[r].command){n=r;break}-1===n&&(n=0);var o=t[n];return o&&(o.index=n),o}},{key:"getPrevPoint",value:function(e,n){var r=n-1;if(r<0)return t.getLastPoint(e,n);var o=e[r];return o&&(o.index=r),o}},{key:"getNextPoint",value:function(e,n){var r=e[n],o=e[n+1];return o&&(o.index=n+1),r.connected&&(o=t.getFirstPoint(e,n)),o}}],(n=null)&&Id(e.prototype,n),r&&Id(e,r),t}();function Ld(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Bd(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function zd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Fd=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Gd=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Hd={multiply:function(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=+e[n],o=+e[n+1];return[t[0][0]*r+t[0][1]*o+t[0][2],t[1][0]*r+t[1][1]*o+t[1][2],1]}},translate:function(t,e){return this.multiply([[1,0,t],[0,1,e],[0,0,1]])},rotate:function(t){return this.multiply([[Math.cos(t),-Math.sin(t),0],[Math.sin(t),Math.cos(t),0],[0,0,1]])},rotateCenter:function(t,e,n){return this.multiply([[Math.cos(t),-Math.sin(t),-e*Math.cos(t)+n*Math.sin(t)+e],[Math.sin(t),Math.cos(t),-e*Math.sin(t)-n*Math.cos(t)+n],[0,0,1]])},scale:function(t,e){return this.multiply([[t,0,0],[0,e,0],[0,0,1]])},skewX:function(t){return this.multiply([[1,t,0],[0,1,0],[0,0,1]])},skewY:function(t){return this.multiply([[1,0,0],[t,1,0],[0,0,1]])},reflectionOrigin:function(){return this.multiply([[-1,0,0],[0,-1,0],[0,0,1]])},flipX:function(){return this.multiply([[1,0,0],[0,-1,0],[0,0,1]])},flipY:function(){return this.multiply([[-1,0,0],[0,1,0],[0,0,1]])}},Xd=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.reset(e)}var e,n,r;return e=t,(n=[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.pathString=t,this.parse()}},{key:"resetSegments",value:function(t){this.segments=t||[],this.pathString=this.joinPath()}},{key:"trim",value:function(){return((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").match(Gd)||[]).filter(function(t){return""!=t})}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Fd)||[];this.segments=e.map(function(e){var n=e[0];return{command:n,values:t.trim(e.replace(n,"")).map(function(t){return+t})}}),this.segments=this.segments.map(function(e,n){switch(e.command){case"c":case"m":case"l":case"q":case"s":case"t":case"v":case"h":for(var r=t.segments[n-1],o=r.values[r.values.length-2],i=r.values[r.values.length-1],a=0,c=e.values.length;a<c;a+=2)e.values[a]+=o,e.values[a+1]+=i;return{command:e.command.toUpperCase(),values:Bd(e.values)};default:return e}})}},{key:"convertGenerator",value:function(){for(var t=[],e=0,n=this.segments.length;e<n;e++){var r=this.segments[e],o=this.segments[e+1],i=r.command,a=r.values;if("M"===i){var c=Ld(a,2),u=c[0],s=c[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:{x:u,y:s},curve:!1})}else if("L"===i){if((O=Md.getPrevPoint(t,t.length)).curve){var l=Ld(a,2);u=l[0],s=l[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:L(O.endPoint),curve:!0})}else{var f=Ld(a,2);u=f[0],s=f[1];t.push({command:i,originalCommand:i,startPoint:{x:u,y:s},endPoint:{x:u,y:s},reversePoint:{x:u,y:s},curve:!1})}}else if("Q"===i){var p=Ld(a,4),h=p[0],y=p[1];u=p[2],s=p[3];if((O=Md.getPrevPoint(t,t.length)).curve){var d={x:u,y:s},v={x:u,y:s},b={x:u,y:s};t.push({command:"L",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1}),O.endPoint={x:h,y:y}}else if(o&&"L"===o.command){O.curve=!0,O.endPoint={x:h,y:y};d={x:u,y:s},b={x:u,y:s},v={x:u,y:s};t.push({command:"L",originalCommand:i,curve:!1,startPoint:d,endPoint:v,reversePoint:b})}else{d={x:u,y:s},b={x:h,y:y},v={x:u,y:s};t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b})}}else if("T"===i){var g=Ld(a,2);u=g[0],s=g[1];if((x=segments[e-1])&&"Q"===x.command){var m=Ld(x.values,4),w=(h=m[0],y=m[1],m[2]),k=m[3];(O=Md.getPrevPoint(t,t.length)).endPoint=Md.getReversePoint({x:w,y:k},{x:h,y:y});d={x:u,y:s},v={x:u,y:s},b={x:u,y:s};t.push({command:"L",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("C"===i){var O=Md.getPrevPoint(t,t.length),S=Ld(a,6),j=(h=S[0],y=S[1],S[2]),P=S[3];d={x:u=S[4],y:s=S[5]},b={x:j,y:P},v={x:u,y:s};t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}),O&&(O.curve=!0,O.endPoint={x:h,y:y})}else if("S"===i){var x,_=Ld(a,2);u=_[0],s=_[1];if((x=segments[e-1])&&"C"===x.command){var T=Ld(x.values,4);j=T[0],P=T[1],w=T[2],k=T[3];(O=Md.getPrevPoint(t,t.length)).endPoint=Md.getReversePoint(O.startPoint,O.reversePoint);d={x:u,y:s},v={x:u,y:s},b={x:j,y:P};t.push({command:"Q",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("Z"===i){O=Md.getPrevPoint(t,t.length);var E=Md.getFirstPoint(t,t.length);Md.isEqual(O.startPoint,E.startPoint)&&(O.connected=!0,O.endPoint=L(E.endPoint),E.reversePoint=L(O.reversePoint)),O.close=!0}}return t=t.filter(function(t){return!!t})}},{key:"length",value:function(){return this.segments.length}},{key:"setSegments",value:function(t,e){this.segments[t]=e}},{key:"getSegments",value:function(t){return C(t)?this.segments[t]:this.segments}},{key:"joinPath",value:function(t){return(t||this.segments).map(function(t){return"".concat(t.command," ").concat(t.values.length?t.values.join(" "):"")}).join("")}},{key:"each",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map(function(n){return t.call(e,n)});if(n)return r;this.segments=r}},{key:"_loop",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each(function(e){var n=e.values;switch(e.command){case"M":case"L":var r=t(n,0);e.values=[r[0],r[1]];break;case"V":r=t([+n[0],0]);e.values=[r[0]];break;case"H":r=t([0,+n[0]]);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var o=0,i=n.length;o<i;o+=2){r=t(n,o);e.values[o]=r[0],e.values[o+1]=r[1]}}return e},e)}},{key:"clone",value:function(){return new t(this.joinPath())}},{key:"translate",value:function(t,e){return this._loop(Hd.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(Hd.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(Hd.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(Hd.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return C(e)&&C(n)?this._loop(Hd.rotateCenter(t,e,n)):this._loop(Hd.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(Hd.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(Hd.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(Hd.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(Hd.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(Hd.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(Hd.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(Hd.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(Hd.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(Hd.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(Hd.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(Hd.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&zd(e.prototype,n),r&&zd(e,r),t}();function Yd(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Nd=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.pathArray=[]}var e,n,r;return e=t,r=[{key:"makeRect",value:function(e,n,r,o){return(new t).M({x:e,y:n}).L({x:e+r,y:n}).L({x:e+r,y:n+o}).L({x:e,y:n+o}).L({x:e,y:n}).Z().d}},{key:"makeLine",value:function(e,n,r,o){return(new t).M({x:e,y:n}).L({x:r,y:o}).d}},{key:"makeCircle",value:function(e,n,r,o){var i=(new t).M({x:0,y:-1}).C({x:.552284749831,y:-1},{x:1,y:-.552284749831},{x:1,y:0}).C({x:1,y:.552284749831},{x:.552284749831,y:1},{x:0,y:1}).C({x:-.552284749831,y:1},{x:-1,y:.552284749831},{x:-1,y:0}).C({x:-1,y:-.552284749831},{x:-.552284749831,y:-1},{x:0,y:-1}).Z().d,a=new Xd(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}}],(n=[{key:"reset",value:function(){this.pathArray=[]}},{key:"getPointString",value:function(t){return t.map(function(t){return"".concat(t.x," ").concat(t.y)}).join(" ")}},{key:"makeString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return this.pathArray.push("".concat(t," ").concat(this.getPointString(e))),this}},{key:"M",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("M",e)}},{key:"L",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("L",e)}},{key:"Q",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("Q",e)}},{key:"C",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.makeString("C",e)}},{key:"Z",value:function(){return this.makeString("Z")}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"object";return'<path d="'.concat(this.d,"\" class='").concat(t,"'/>")}},{key:"d",get:function(){return this.pathArray.join(" ").trim()}}])&&Yd(e.prototype,n),r&&Yd(e,r),t}();function Kd(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Wd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Ud(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Zd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){qd(t,e,n[e])})}return t}function qd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Jd=["startPoint","endPoint","reversePoint"];function Qd(t,e,n,r,o){var i=t.filter(function(t){return!!t&&Math.abs(t[e]-n)<=o}).map(function(t){return{dist:Math.abs(t[e]-n),point:t}});i.sort(function(t,e){return t.dist>e.dist?-1:1});var a=null;return i.length&&(r+=(a=i[0].point)[e]-n),{point:a,distanceValue:r}}function tv(t,e,n,r){var o=[],i=Jd;return t.filter(function(t){return t}).forEach(function(t){i.filter(function(e){return t[e]}).forEach(function(i){var a=t[i],c=Math.abs(a[e]-n);c<=r&&o.push({dist:c,point:a})})}),o.sort(function(t,e){return t.dist>e.dist?1:-1}),o.length?o[0].point:null}function ev(t,e,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=[],i=0,a=t.length;i<a;i++){var c=t[i];if(c){if("M"===c.command)o.push({command:"M",values:[c.startPoint]});else{var u=Md.getPrevPoint(t,i);!1===c.curve?!1===u.curve?o.push({command:"L",values:[c.startPoint]}):o.push({command:"Q",values:[u.endPoint,c.startPoint]}):!1===u.curve?Md.isEqual(c.reversePoint,c.startPoint)?o.push({command:"L",values:[c.startPoint]}):o.push({command:"Q",values:[c.reversePoint,c.startPoint]}):o.push({command:"C",values:[u.endPoint,c.reversePoint,c.startPoint]})}c.close&&o.push({command:"Z"})}}return{d:o.map(function(t){return function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=n.command,i=n.values;switch(o){case"Z":return"Z";default:var a=i.map(function(n){var o=n.x-t==0?0:(n.x-t)/r,i=n.y-e==0?0:(n.y-e)/r;return"".concat(o," ").concat(i)}).join(" ");return"".concat(o," ").concat(a)}}(e,n,t,r)}).join(" ")}}var nv=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.pathEditor=e,this.pathStringManager=new Nd,this.guideLineManager=new Nd,this.segmentManager=new Dd,this.initialize(),this.initializeSelect()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.splitLines=[],this.guideLineManager.reset(),this.segmentManager.reset(),this.pathStringManager.reset()}},{key:"initializeSelect",value:function(){this.selectedPointKeys={},this.selectedPointList=[]}},{key:"selectInBox",value:function(t){var e=[],n=["startPoint","endPoint","reversePoint"];this.state.points.forEach(function(r,o){n.forEach(function(n){var i=r[n];(function(t,e){return!(t.x2.value<e.x||t.y2.value<e.y||t.x.value>e.x||t.y.value>e.y)})(t,i)&&e.push({x:i.x,y:i.y,key:n,index:o})})}),this.select.apply(this,e)}},{key:"select",value:function(){var t=this;this.selectedPointKeys={};for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this.selectedPointList=n,n.forEach(function(e){var n="".concat(e.key,"_").concat(e.index);t.selectedPointKeys[n]=!0})}},{key:"selectKeyIndex",value:function(t,e){if(this.state.points[e]){var n=this.state.points[e][t];n&&!this.isSelectedSegment(t,e)&&this.select({x:n.x,y:n.y,key:t,index:e})}}},{key:"reselect",value:function(){var t=this;this.selectedPointList.forEach(function(e){var n=t.state.points[e.index][e.key];e.x=n.x,e.y=n.y})}},{key:"isSelectedSegment",value:function(t,e){var n="".concat(t,"_").concat(e);return this.selectedPointKeys[n]}},{key:"applyMatrix",value:function(t){for(var e=t.x,n=t.y,r=arguments.length,o=new Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return o.forEach(function(t){if(t){var r=Wd(t([e,n],0),2);e=r[0],n=r[1]}}),{x:e,y:n}}},{key:"applyTransform",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=it.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=it.matrix2d.translate(this.transformRect.x,this.transformRect.y);this.transformPoints.forEach(function(e,r){var a=t.state.points[r];Object.assign(a.startPoint,t.applyMatrix.apply(t,[e.startPoint,o].concat(n,[i]))),Object.assign(a.endPoint,t.applyMatrix.apply(t,[e.endPoint,o].concat(n,[i]))),Object.assign(a.reversePoint,t.applyMatrix.apply(t,[e.reversePoint,o].concat(n,[i])))})}},{key:"transform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.transformRect,o=(r.x,r.y,r.width),i=r.height;switch(t){case"flipX":this.applyTransform(it.matrix2d.translate(-e,0),it.matrix2d.flipX());break;case"flipY":this.applyTransform(it.matrix2d.translate(0,-n),it.matrix2d.flipY());break;case"flip":this.applyTransform(it.matrix2d.translate(-e,-n),it.matrix2d.flip());break;case"to move":this.applyTransform(it.matrix2d.translate(e,n));break;case"to skewX":var a=(s=yt(c=o/2,u=i/2))-yt(c+e,u);this.applyTransform(it.matrix2d.skewX(ct(a)));break;case"to skewY":var c,u,s=yt(c=o/2,u=i/2),l=yt(c,u+n)-s;this.applyTransform(it.matrix2d.skewY(ct(l)));break;case"to bottom right":var f=ut(o+e,o),p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(f,p));break;case"to right":f=ut(o+e,o);this.applyTransform(it.matrix2d.scale(f,1));break;case"to bottom":p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(1,p));break;case"to top right":f=ut(o+e,o),p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(0,n));break;case"to top left":f=ut(o-e,o),p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(e,n));break;case"to left":f=ut(o-e,o);this.applyTransform(it.matrix2d.scale(f,1),it.matrix2d.translate(e,0));break;case"to top":p=ut(i-n,i);this.applyTransform(it.matrix2d.scale(1,p),it.matrix2d.translate(0,n));break;case"to bottom left":f=ut(o-e,o),p=ut(i+n,i);this.applyTransform(it.matrix2d.scale(f,p),it.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=L(t),this.transformPoints=this.clonePoints.map(function(t){return{startPoint:L(t.startPoint),endPoint:L(t.endPoint),reversePoint:L(t.reversePoint)}})}},{key:"setConnectedPoint",value:function(t,e){var n=this.state,r=n.dragXY.x+t,o=n.dragXY.y+e,i={x:r,y:o},a={x:r,y:o};n.dragPoints&&(n.reversePoint=Md.getReversePoint(n.startPoint,i));var c={startPoint:n.startPoint,endPoint:i,curve:!!n.dragPoints,reversePoint:a,connected:!0,close:!0};n.points.push(c)}},{key:"setCachePoint",value:function(t,e){var n=this.state,r=n.points;if(this.snapPointList=[],n.selectedIndex=t,n.connectedPoint=Md.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Md.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Md.getNextPoint(r,t)),Md.isFirst(n.segment)){var o=Md.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=L(n.segment),n.connectedPoint&&(n.originalConnectedPoint=L(n.connectedPoint)),n.cachedPoints=[],r.filter(function(t){return t&&t!=n.segment}).forEach(function(t){n.cachedPoints.push(t.startPoint,t.reversePoint,t.endPoint)})}},{key:"moveSegment",value:function(t,e,n){var r=this.state,o=r.originalSegment[t],i=r.segment[t];o&&(i.x=o.x+e,i.y=o.y+n)}},{key:"calculateToCurve",value:function(t,e,n){var r=(e.startPoint.x+n.startPoint.x)/2,o=(e.startPoint.y+n.startPoint.y)/2,i=(e.startPoint.x-r)/2,a=(e.startPoint.y-o)/2;return t.endPoint={x:t.startPoint.x+i,y:t.startPoint.y+a},t.reversePoint={x:t.startPoint.x-i,y:t.startPoint.y-a},{dx:i,dy:a}}},{key:"convertToCurve",value:function(t){var e=this.state.points,n=e[t];if(n.curve)if(n.curve=!1,n.reversePoint=L(n.startPoint),n.endPoint=L(n.startPoint),"M"===n.command){var r=Md.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=L(r.startPoint),r.endPoint=L(r.startPoint))}else{if((o=Md.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=L(a.startPoint),a.endPoint=L(a.startPoint)}else{n.curve=!0;var o,i=Md.getPrevPoint(e,t);if((o=Md.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Md.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=L(n.endPoint),a.reversePoint=L(n.reversePoint)}else if(o&&o.index>t&&"M"!==o.command)this.calculateToCurve(n,o,i);else if(!o&&i){var c=(n.startPoint.x-i.startPoint.x)/3,u=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+u},n.reversePoint=Md.getReversePoint(n.startPoint,n.endPoint)}else if(!i&&o){c=(n.startPoint.x-o.startPoint.x)/3,u=(n.startPoint.y-o.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+u},n.reverse=Md.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(t,e,n){var r=this.state;this.moveSegment(t,e,n);var o="endPoint"===t?"reversePoint":"endPoint";r.segment[o]=Md.getReversePoint(r.segment.startPoint,r.segment[t])}},{key:"rotateSegmentTarget",value:function(t,e){var n=this.state;if(n.originalSegment&&n.segment){var r=n.originalSegment.startPoint,o=r.x,i=r.y,a=n.segment[t],c=a.x,u=a.y,s=n.originalSegment[e],l=s.x,f=s.y,p=pt(dt(c-o,u-i),ht(l,f,o,i),o,i),h=p.x,y=p.y;n.segment[e]={x:h,y:y}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.state,i=o.cachedPoints,a=o.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var c=a.x+e,u=a.y+n,s=Qd(i,"x",c,e,r),l=s.point,f=(e=s.distanceValue,Qd(i,"y",u,n,r)),p=f.point,h=(n=f.distanceValue,{x:a.x+e,y:a.y+n}),y=[];return l&&y.push({startPoint:l,endPoint:h}),p&&y.push({startPoint:p,endPoint:h}),{dx:e,dy:n,snapPointList:y}}},{key:"copySegment",value:function(t,e){e.startPoint=L(t.startPoint),e.endPoint=L(t.endPoint),e.reversePoint=L(t.reversePoint)}},{key:"moveSelectedSegment",value:function(t,e){var n=this;this.selectedPointList.forEach(function(r){var o=n.state.points[r.index][r.key];o.x=r.x+t,o.y=r.y+e})}},{key:"move",value:function(t,e,n){var r=this.state,o=r.isCurveSegment,i=r.segmentKey,a=r.connectedPoint,c=this.calculateSnap(i,t,e,2),u=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=u||[],this.selectedPointList.length>1)this.moveSelectedSegment(t,e);else if(o)if(n.shiftKey){this.moveSegment(i,t,e);var s="endPoint"===i?"reversePoint":"endPoint";r.segment[s]=Md.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?this.moveSegment(i,t,e):(this.moveSegment(i,t,e),this.rotateSegment(i));else this.moveSegment("startPoint",t,e),this.moveSegment("endPoint",t,e),this.moveSegment("reversePoint",t,e);a&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.points,o=n.dragXY.x+t,i=n.dragXY.y+e,a={x:o,y:i},c={x:o,y:i};n.dragPoints&&(c=Md.getReversePoint(n.startPoint,a)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,o=Md.getPoint(r,e),i=Md.getPoint(r,n),a=[Zd({},o,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},Zd({},i,{reversePoint:t.second[2]})],c=Md.getIndex(r,e);r.splice.apply(r,[c,2].concat(a)),this.state.points=r}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=(t.second[t.second.length-1],this.clonePoints),r=Md.getPoint(n,e),o=[Zd({},r,{endPoint:{x:r.startPoint.x+(r.endPoint.x-r.startPoint.x)/3,y:r.startPoint.y+(r.endPoint.y-r.startPoint.y)/3}}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],i=Md.getIndex(n,e);n.splice.apply(n,[i,1].concat(o)),this.state.points=n}},{key:"setPointLine",value:function(t){var e=t.first[0],n=this.clonePoints,r=[{command:"L",startPoint:t.first[1],curve:!1,endPoint:t.first[1],reversePoint:t.first[1]}],o=Md.getIndex(n,e);n.splice.apply(n,[o+1,0].concat(r)),this.state.points=n}},{key:"toPath",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return ev(this.clonePoints,t,e,n)}},{key:"changeScale",value:function(){this.pathEditor.scale}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makePointGuide(this.clonePoints),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeTriangleDistancePointGuide",value:function(t,e){var n=Math.min(t.startPoint.x,e.startPoint.x),r=Math.max(t.startPoint.x,e.startPoint.x),o=Math.min(t.startPoint.y,e.startPoint.y),i=Math.max(t.startPoint.y,e.startPoint.y);if(t.startPoint.x<e.startPoint.x&&t.startPoint.y<e.startPoint.y){this.segmentManager.addDistanceLine({x:n,y:o},{x:r,y:o}).addDistanceLine({x:r,y:o},{x:r,y:i});var a=n,c=o,u=dt(r-n,i-o)-180,s=pt(0,20,a,c),l=s.x,f=s.y,p=pt(u/2,20,a,c),h=p.x,y=p.y,d=pt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:h-5,y:y+15},u)}else t.startPoint.x<e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:o},{x:r,y:i}):t.startPoint.x>e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:o},{x:n,y:i}).addDistanceLine({x:n,y:i},{x:r,y:i}):t.startPoint.x>e.startPoint.x&&t.startPoint.y<e.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:o},{x:r,y:i})}},{key:"makeDistancePointGuide",value:function(t,e,n,r){e.selected&&(t&&this.makeTriangleDistancePointGuide(t,e),n&&this.makeTriangleDistancePointGuide(e,n))}},{key:"makeStartPointGuide",value:function(t,e,n,r){e.startPoint.isFirst=!0,this.pathStringManager.M(e.startPoint),!1===e.curve?(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||this.segmentManager.addText(e.startPoint,r+1)):this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint).addCurvePoint(e.endPoint,r,"endPoint",this.isSelectedSegment("endPoint",r))}},{key:"makeMiddlePointGuideSegment",value:function(t,e,n,r){var o=this.segmentManager;!1===e.curve?!1===t.curve?(o.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):(o.addGuideLine(t.startPoint,t.endPoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Md.isEqual(e.reversePoint,e.startPoint)?(o.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):(o.addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):e.connected?o.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)):(o.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)).addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||o.addText(e.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(t,e,n,r){var o=this.pathStringManager;!1===e.curve?!1===t.curve?o.L(e.startPoint):o.Q(t.endPoint,e.startPoint):!1===t.curve?Md.isEqual(e.reversePoint,e.startPoint)?o.L(e.startPoint):o.Q(e.reversePoint,e.startPoint):o.C(t.endPoint,e.reversePoint,e.startPoint)}},{key:"makeMiddlePointGuideSplitLine",value:function(t,e,n,r){!1===e.curve?!1===t.curve?this.splitLines.push((new Nd).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Nd).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Md.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Nd).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Nd).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Nd).M(t.startPoint).C(t.endPoint,e.reversePoint,e.startPoint).toString("split-path"))}},{key:"makePointGuide",value:function(t){for(var e=this.state.selectedIndex,n=0,r=t.length;n<r;n++){var o=t[n];if(o){var i=Md.getNextPoint(t,n),a=Md.getPrevPoint(t,n);a&&"M"===a.command&&(o.startPoint.isSecond=!0),o.startPoint.isLast=i?"M"===i.command:n===r-1,o.selected=e===n,"M"===o.command?this.makeStartPointGuide(a,o,i,n):(this.makeMiddlePointGuideRealPath(a,o,i,n),this.makeMiddlePointGuideSplitLine(a,o,i,n),this.makeMiddlePointGuideSegment(a,o,i,n)),o.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.points,n=t.startPoint,r=t.moveXY,o=t.dragPoints,i=(t.altKey,t.snapPointList);if(r){var a;i=i||[];var c=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=tv(t,"x",e.x,n),o=tv(t,"y",e.y,n),i=Zd({},e);r&&(i.x=r.x),o&&(i.y=o.y);var a=[];return r&&a.push({startPoint:r,endPoint:i}),o&&a.push({startPoint:o,endPoint:i}),{snapPointList:a,moveXY:i}}(e,r,2),u=c.snapPointList,s=c.moveXY;(a=i).push.apply(a,Kd(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Md.getReversePoint(n,r);y=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:y,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:y,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:y,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Md.getReversePoint(n,r);y=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:y,y:d},n),this.segmentManager.addGuideLine(r,{x:y,y:d}).addPoint(!1,n).addCurvePoint({x:y,y:d}).addCurvePoint(r)}}else{var h=Md.getReversePoint(n,r),y=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:y,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:y,y:d})}else l&&(l.curve?(this.guideLineManager.M(l.startPoint).Q(l.endPoint,r),this.segmentManager.addGuideLine(l.endPoint,l.startPoint).addCurvePoint(l.endPoint)):l.close||(this.guideLineManager.M(l.startPoint).L(r),this.segmentManager.addPoint(!1,l.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new Nd;t=this.snapPointList.map(function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).toString("snap-path")})}return t.join("")}},{key:"makeSelectedSVGZone",value:function(){var t=this.state,e=t.screenX,n=t.screenY,r=t.screenWidth,o=t.screenHeight,i=this.pathEditor.scale,a=e.value*i,c=n.value*i,u=r.value*i,s=o.value*i;return"<rect class='svg-canvas' ".concat(K({x:a,y:c,width:u,height:s})," />")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n            '.concat(this.makeSelectedSVGZone(),"\n            ").concat(this.guideLineManager.toString("guide"),"\n            ").concat(this.pathStringManager.toString("object"),"\n            ").concat(this.splitLines.join(""),"\n            ").concat(this.makeSnapLines(),"\n            ").concat(this.segmentManager.toString(),"\n        </svg>\n        ")}},{key:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return Kd(this.state.points)}}])&&Ud(e.prototype,n),r&&Ud(e,r),t}();function rv(t){return(rv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ov(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){iv(t,e,n[e])})}return t}function iv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function av(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cv(t,e){return!e||"object"!==rv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uv(t,e,n){return(uv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=sv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function sv(t){return(sv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lv(t,e){return(lv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cv(this,sv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lv(t,e)}(e,Dr),n=e,o=[{key:"parse",value:function(t){var n=[],r=se(t),o=r.str.split(" ").filter(function(t){return t.trim()}),i=+o[0].replace("@",""),a=r.matches[i].color;if(1===o.length)n.push(new e({color:a,unit:"%",percent:0,hasNotUnit:!0}));else if(2===o.length){var c=He.parse(o[1]),u={unit:c.unit};c.isPercent()?u.percent=c.value:c.isPx()?u.px=c.value:c.isEm()&&(u.em=c.value),n.push(new e(ov({color:a},u)))}else 3===o.length&&[1,2].forEach(function(t){var r=He.parse(o[t]),i={unit:r.unit};r.isPercent()?i.percent=r.value:r.isPx()?i.px=r.value:r.isEm()&&(i.em=r.value),n.push(new e(ov({color:a},i)))});return n}}],(r=[{key:"getDefaultObject",value:function(){return uv(sv(e.prototype),"getDefaultObject",this).call(this,{cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null})}},{key:"toCloneObject",value:function(){return ov({},uv(sv(e.prototype),"toCloneObject",this).call(this),{cut:this.json.cut,percent:this.json.percent,unit:this.json.unit,px:this.json.px,em:this.json.em,color:this.json.color})}},{key:"on",value:function(){this.json.cut=!0}},{key:"off",value:function(){this.json.cut=!1}},{key:"toggle",value:function(){this.json.cut=!this.json.cut}},{key:"getUnit",value:function(){return"%"==this.json.unit?"percent":this.json.unit}},{key:"add",value:function(t){var e=this.getUnit();return this.json[e]+=+t,this}},{key:"sub",value:function(t){var e=this.getUnit();return this.json[e]-=+t,this}},{key:"mul",value:function(t){var e=this.getUnit();return this.json[e]*=+t,this}},{key:"div",value:function(t){var e=this.getUnit();return this.json[e]/=+t,this}},{key:"mod",value:function(t){var e=this.getUnit();return this.json[e]%=+t,this}},{key:"toLength",value:function(t){return He.parse(this.json)}},{key:"getPrevLength",value:function(){return this.json.prevColorStep?this.json.prevColorStep.toLength():""}},{key:"toString",value:function(){var t=this.json.cut?this.getPrevLength():"",e=this.json.color||"transparent";return"".concat(e," ").concat(t," ").concat(this.toLength())}},{key:"reset",value:function(t){uv(sv(e.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"isPx",get:function(){return"px"==this.json.unit}},{key:"isPercent",get:function(){return"%"==this.json.unit||"percent"===this.json.unit}},{key:"isEm",get:function(){return"em"==this.json.unit}}])&&av(n.prototype,r),o&&av(n,o),e}();function pv(t){return(pv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dv(t,e){return!e||"object"!==pv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vv(t,e,n){return(vv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function bv(t){return(bv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gv(t,e){return(gv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dv(this,bv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gv(t,e)}(e,Gr),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return vv(bv(e.prototype),"getDefaultObject",this).call(this,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){hv(t,e,n[e])})}return t}({itemType:"image-resource",type:"image"},t))}},{key:"isGradient",value:function(){return!1}},{key:"isLinear",value:function(){return!1}},{key:"isRadial",value:function(){return!1}},{key:"isConic",value:function(){return!1}},{key:"isStatic",value:function(){return!1}},{key:"isImage",value:function(){return!1}},{key:"hasAngle",value:function(){return!1}},{key:"isUrl",value:function(){return!1}},{key:"isFile",value:function(){return!1}},{key:"isAttribute",value:function(){return!0}},{key:"toString",value:function(){return"none"}}])&&yv(n.prototype,r),o&&yv(n,o),e}();function wv(t){return(wv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ov(t,e,n[e])})}return t}function Ov(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Sv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jv(t,e){return!e||"object"!==wv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pv(t,e,n){return(Pv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=xv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function xv(t){return(xv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _v(t,e){return(_v=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Tv={"to top":0,"to top right":45,"to right":90,"to bottom right":135,"to bottom":180,"to bottom left":225,"to left":270,"to top left":315},Ev=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jv(this,xv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_v(t,e)}(e,mv),n=e,o=[{key:"toColorString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!t.length)return"";var e=t.map(function(e,n){return e.prevColorStep=e.cut&&n>0?t[n-1]:null,e});return 1===e.length&&e.push(new fv({color:e[0].color||"transparent",percent:100})),e.map(function(t){return"".concat(t)}).join(",")}},{key:"random",value:function(){var t=Math.floor(1e3*Math.random())%360;return"linear-gradient(".concat(t,"deg, ").concat(Ee.random()," 0%, ").concat(Ee.random()," 100%)")}}],(r=[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Pv(xv(e.prototype),"getDefaultObject",this).call(this,kv({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return kv({},Pv(xv(e.prototype),"toCloneObject",this).call(this),{colorsteps:this.json.colorsteps.map(function(t){return t.clone()})})}},{key:"convert",value:function(t){return t.colorsteps=t.colorsteps.map(function(t){return new fv(t)}),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return E(Tv[t])?t:Tv[t]||0}},{key:"addColorStep",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this.json.colorsteps.push(t),e&&this.sortColorStep(),t}},{key:"insertColorStep",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(216,216,216,0)",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(216,216,216,1)",r=this.colorsteps;if(r.length){if(t<r[0].percent)return r[0].index=1,void this.addColorStep(new fv({index:0,color:r[0].color,percent:t}));var o=r.length-1;if(r[o].percent<t){var i=r[o].color,a=r[o].index+1;this.addColorStep(new fv({index:a,color:i,percent:t}))}else for(var c=0,u=r.length-1;c<u;c++){var s=r[c],l=r[c+1];if(s.percent<=t&&t<=l.percent){i=Ee.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb");return void this.addColorStep(new fv({index:s.index+1,color:i,percent:t}))}}}else this.addColorStepList([new fv({color:e,percent:t,index:0}),new fv({color:n,percent:100,index:100})])}},{key:"sortColorStep",value:function(){var t=this.colorsteps;t.sort(function(t,e){return t.percent>e.percent?1:t.percent<e.percent?-1:t.percent==e.percent?t.index===e.index?0:t.index>e.index?1:-1:void 0}),t.forEach(function(t,e){t.index=100*e})}},{key:"addColorStepList",value:function(){var t=this;(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach(function(e){t.addColorStep(e,!1)}),this.sortColorStep()}},{key:"getColorStep",value:function(t){return this.json.colorsteps.filter(function(e){return e.id==t})[0]}},{key:"clear",value:function(){arguments.length?this.json.colorsteps.splice(+(arguments.length<=0?void 0:arguments[0]),1):this.json.colorsteps=[]}},{key:"removeColorStep",value:function(t){this.json.colorsteps=this.json.colorsteps.filter(function(e){return e.id!=t})}},{key:"getColorString",value:function(){var t=this.colorsteps;return e.toColorString(t)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}])&&Sv(n.prototype,r),o&&Sv(n,o),e}();function Cv(t){return(Cv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rv(t,e){return!e||"object"!==Cv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vv(t){return(Vv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Av(t,e){return(Av=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Dv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Rv(this,Vv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Av(t,e)}(e,Ev),n=e,(r=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&$v(n.prototype,r),o&&$v(n,o),e}();function Iv(t){return(Iv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mv(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Lv(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Bv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){zv(t,e,n[e])})}return t}function zv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Fv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gv(t,e){return!e||"object"!==Iv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hv(t,e,n){return(Hv="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Xv(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Xv(t){return(Xv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yv(t,e){return(Yv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Nv=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gv(this,Xv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yv(t,e)}(e,Dv),n=e,o=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=se(t),r={},o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),o.push.apply(o,Lv(fv.parse(t)));else{var i=Mv(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];r.x1=He.parse(a),r.y1=He.parse(c),r.x2=He.parse(u),r.y2=He.parse(s),r.spreadMethod=l||"pad"}}),new e(Bv({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(t){return Hv(Xv(e.prototype),"getDefaultObject",this).call(this,Bv({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bv({},Hv(Xv(e.prototype),"toCloneObject",this).call(this),{x1:this.json.x1,y1:this.json.y1,x2:this.json.x2,y2:this.json.y2,spreadMethod:this.json.spreadMethod})}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e=this.json,n=[e.x1,e.y1,e.x2,e.y2,e.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(t,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.x1,r=e.y1,o=e.x2,i=e.y2,a=e.spreadMethod;return"\n<linearGradient ".concat(K({id:t,x1:n,x2:o,y1:r,y2:i,spreadMethod:a})," >\n  ").concat(this.colorsteps.map(function(t){return'<stop offset="'.concat(t.percent,'%"  stop-color="').concat(t.color,'" ></stop>')}).join("\n"),"\n</linearGradient>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&Fv(n.prototype,r),o&&Fv(n,o),e}();function Kv(t){return(Kv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wv(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Uv(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Zv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){qv(t,e,n[e])})}return t}function qv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jv(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qv(t,e){return!e||"object"!==Kv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tb(t,e,n){return(tb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=eb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function eb(t){return(eb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nb(t,e){return(nb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qv(this,eb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nb(t,e)}(e,Dv),n=e,o=[{key:"parse",value:function(t){var n=se(t),r={},o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),o.push.apply(o,Uv(fv.parse(t)));else{var i=Wv(t.split(" "),7),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4],f=i[5],p=i[6];r.cx=a,r.cy=c,r.r=u,r.fx=s,r.fy=l,r.fr=f,r.spreadMethod=p||"pad"}}),new e(Zv({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tb(eb(e.prototype),"getDefaultObject",this).call(this,Zv({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){var t=this.json,n=t.cx,r=t.cy,o=t.r,i=t.fx,a=t.fy,c=t.fr,u=t.spreadMethod;return Zv({},tb(eb(e.prototype),"toCloneObject",this).call(this),{cx:n,cy:r,r:o,fx:i,fy:a,fr:c,spreadMethod:u})}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e=this.json,n=[e.cx,e.cy,e.r,e.fx,e.fy,e.fr,e.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(t,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.cx,r=e.cy,o=e.r,i=e.fx,a=e.fy,c=e.fr,u=e.spreadMethod;return"\n<radialGradient ".concat(K({id:t,cx:n,cy:r,r:o,fx:i,fy:a,fr:c,spreadMethod:u})," >\n  ").concat(this.colorsteps.map(function(t){return'<stop offset="'.concat(t.percent,'%"  stop-color="').concat(t.color,'" />')}).join("\n"),"\n</radialGradient>\n")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&Jv(n.prototype,r),o&&Jv(n,o),e}();function ob(t){return(ob="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ib(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ab(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cb(t,e){return!e||"object"!==ob(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ub(t,e,n){return(ub="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=sb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function sb(t){return(sb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lb(t,e){return(lb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cb(this,sb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lb(t,e)}(e,Dv),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new fv({color:t,percent:0,index:0}),new fv({color:t,percent:100,index:0})]})}}],(r=[{key:"getDefaultObject",value:function(){return ub(sb(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new fv({color:"red",percent:0,index:0}),new fv({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ib(t,e,n[e])})}return t}({},ub(sb(e.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"setColor",value:function(t){this.colorsteps.forEach(function(e){e.color=t})}},{key:"toString",value:function(){return this.json.colorsteps[0].color}},{key:"toSVGString",value:function(){return""}},{key:"toFillValue",value:function(){return this.toString()}},{key:"isStatic",value:function(){return!0}}])&&ab(n.prototype,r),o&&ab(n,o),e}();function pb(t){return(pb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hb(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function yb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){db(t,e,n[e])})}return t}function db(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bb(t,e){return!e||"object"!==pb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gb(t,e,n){return(gb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=mb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function mb(t){return(mb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wb(t,e){return(wb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kb=["jpg","jpeg","png","gif","svg"];var Ob=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bb(this,mb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wb(t,e)}(e,mv),n=e,o=[{key:"parse",value:function(t){var n=hb(t.split("(")[1].split(")")[0].trim().split("#"),2),r=n[0],o=n[1];if(!o)return new e({url:r});var i=hb(o.split(","),7);return new e({patternUnits:i[0],patternWidth:i[1],patternHeight:i[2],imageX:i[3],imageY:i[4],imageWidth:i[5],imageHeight:i[6],url:r})}},{key:"isImageFile",value:function(t){return kb.includes(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gb(mb(e.prototype),"getDefaultObject",this).call(this,yb({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return yb({},gb(mb(e.prototype),"toCloneObject",this).call(this),{url:this.json.url,datauri:this.json.datauri,patternUnits:this.json.patternUnits,patternWidth:this.json.patternWidth,patternHeight:this.json.patternHeight,imageX:this.json.imageX,imageY:this.json.imageY,imageWidth:this.json.imageWidth,imageHeight:this.json.imageHeight})}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.json,n=e.patternUnits,r=e.patternWidth,o=e.patternHeight,i=e.imageX,a=e.imageY,c=e.imageWidth,u=e.imageHeight,s=e.url,l=[n,r,o,i,a,c,u].join(",").trim();return t?"url(".concat(pl.getFile(s),")"):"url(".concat(s,"#").concat(l,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,o=e.patternHeight,i=e.imageX,a=e.imageY,c=e.imageWidth,u=e.imageHeight;return"\n  <pattern ".concat(K({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(K({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&vb(n.prototype,r),o&&vb(n,o),e}();function Sb(t){return(Sb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Pb(t,e,n[e])})}return t}function Pb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _b(t,e){return!e||"object"!==Sb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Tb(t){return(Tb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Eb(t,e){return(Eb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Cb=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,$b=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_b(this,Tb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Eb(t,e)}(e,Gr),n=e,o=[{key:"createImage",value:function(t){return new SVGLImageResource({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=e.toJSON();switch(delete r.itemType,delete r.type,t.type){case"linear-gradient":return new Nv(jb({},r,{colorsteps:n}));case"radial-gradient":return new rb(jb({},r,{colorsteps:n}));default:return new fb(jb({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=se(t),n=null,r=e.str.match(Cb);return r?(r.forEach(function(t,r){t=fe(t,e.matches),n=t.includes("linear")?Nv.parse(t):t.includes("radial")?rb.parse(t):t.includes("url")?Ob.parse(t):fb.parse(t)}),n):fb.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Nv(t);case"radial-gradient":return new rb(t);case"image-resource":case"url":return new Ob(t);default:return new fb(t)}}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:e.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:e.createGradient(t,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&xb(n.prototype,r),o&&xb(n,o),e}();function Rb(t){return(Rb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ab(t,e,n[e])})}return t}function Ab(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Db(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ib(t,e){return!e||"object"!==Rb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mb(t,e,n){return(Mb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Lb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Lb(t){return(Lb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bb(t,e){return(Bb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zb=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ib(this,Lb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bb(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Mb(Lb(e.prototype),"getDefaultObject",this).call(this,Vb({itemType:"svg",name:"New SVG",elementType:"svg",overflow:"visible",stroke:"black","stroke-width":1,svgfilter:"",fill:"transparent","fill-rule":"","fill-opacity":"","stroke-linecap":"","stroke-linejoin":"","stroke-dashoffset":"","stroke-dasharray":" ","text-anchor":"start","motion-based":!1},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Vb({},Mb(Lb(e.prototype),"toCloneObject",this).call(this),{overflow:t.overflow,stroke:t.stroke,"stroke-width":t["stroke-width"],svgfilter:t.svgfilter,fill:t.fill,"fill-rule":t["fill-rule"],"fill-opacity":t["fill-opacity"],"stroke-linecap":t["stroke-linecap"],"stroke-linejoin":t["stroke-linejoin"],"stroke-dashoffset":t["stroke-dashoffset"],"stroke-dasharray":t["stroke-dasharray"],"text-anchor":t["text-anchor"],"motion-based":t["motion-based"]})}},{key:"toDefaultCSS",value:function(){return Vb({},Mb(Lb(e.prototype),"toDefaultCSS",this).call(this),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toSVGAttribute",value:function(){return Vb({},this.toDefaultSVGCSS(),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"updateDefString",value:function(t){var e=t.$("defs");if(e)e.html(this.toDefInnerString);else{var n=this.toDefString.trim();t.prepend(Ke.createByHTML(n))}}},{key:"toExportSVGCode",value:function(){return"\n      ".concat(this.toFillSVG,"\n      ").concat(this.toStrokeSVG,"\n    ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n    ")}},{key:"toDefString",get:function(){var t=this.toDefInnerString.trim();return"\n      <defs>\n        ".concat(t,"\n      </defs>\n    ")}},{key:"fillId",get:function(){return this.getInnerId("fill")}},{key:"strokeId",get:function(){return this.getInnerId("stroke")}},{key:"toFillSVG",get:function(){return $b.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return $b.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return $b.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return $b.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&Db(n.prototype,r),o&&Db(n,o),e}();function Fb(t){return(Fb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Hb(t,e,n[e])})}return t}function Hb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yb(t,e){return!e||"object"!==Fb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Nb(t,e,n){return(Nb="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Kb(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Kb(t){return(Kb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Wb(t,e){return(Wb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ub=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yb(this,Kb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Wb(t,e)}(e,zb),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Nb(Kb(e.prototype),"getDefaultObject",this).call(this,Gb({itemType:"svg-path",name:"New Path",d:"",segments:[],totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new Xd(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=He.px(t.rect.width),this.json.height=He.px(t.rect.height),this.setScreenX(He.px(t.rect.x)),this.setScreenY(He.px(t.rect.y)))}},{key:"setCache",value:function(){this.rect=this.clone(),this.cachePath=this.json.path.clone()}},{key:"recover",value:function(){var t=this.rect.width.value;0===t&&(t=1);var e=this.rect.height.value;0===e&&(e=1);var n=this.json.width.value/t,r=this.json.height.value/e;this.scale(n,r)}},{key:"scale",value:function(t,e){this.json.d=this.cachePath.clone().scaleTo(t,e),this.json.path.reset(this.json.d)}},{key:"convert",value:function(t){return(t=Nb(Kb(e.prototype),"convert",this).call(this,t)).d&&(t.path=new Xd(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return Gb({},Nb(Kb(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:L(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return yc(t.property)&&dc(t.property)}),n=t.filter(function(t){return vc(t.property)});return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("path");n.attr("d",this.json.d),e&&(n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),this.json.totalLength=n.totalLength}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return'\n      <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <path ").concat(K(Gb({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"html",get:function(){var t=this.json.id,e={"motion-based":this.json["motion-based"]};return"\n  <svg class='element-item path ".concat(W(e),"'  ").concat(K({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(K({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue})," />\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Xb(n.prototype,r),o&&Xb(n,o),e}();function Zb(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var qb={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},Jb={ease:"cubic-bezier(0.25, 0.1, 0.25, 1)","ease-in":"cubic-bezier(0.42, 0, 1, 1)","ease-out":"cubic-bezier(0, 0, 0.58, 1)"},Qb=[[0,0,1,1,"linear",!0],[.25,.1,.25,1,"ease",!0],[.42,0,1,1,"ease-in",!0],[0,0,.58,1,"ease-out",!0],[.47,0,.745,.715,"ease-in-sine"],[.39,.575,.565,1,"ease-out-sine"],[.445,.05,.55,.95,"ease-in-out-sine"],[.55,.085,.68,.53,"ease-in-quad"],[.25,.46,.45,.94,"ease-out-quad"],[.455,.03,.515,.955,"ease-in-out-quad"],[.55,.055,.675,.19,"ease-in-cubic"],[.215,.61,.355,1,"ease-out-cubic"],[.645,.045,.355,1,"ease-in-out-cubic"],[.895,.03,.685,.22,"ease-in-quart"],[.165,.84,.44,1,"ease-out-quart"],[.77,0,.175,1,"ease-in-out-quart"],[.6,.04,.98,.335,"ease-in-circ"],[.075,.82,.165,1,"ease-out-circ"],[.785,.135,.15,.86,"ease-in-out-circ"],[.95,.05,.795,.035,"ease-in-expo"],[.19,1,.22,1,"ease-out-expo"],[1,0,0,1,"ease-in-out-expo"],[.755,.05,.855,.06,"ease-in-quint"],[.23,1,.32,1,"ease-out-quint"],[.86,0,.07,1,"ease-in-out-quint"],[.6,-.28,.735,.045,"ease-in-back"],[.175,.885,.32,1.275,"ease-out-back"],[.68,-.55,.265,1.55,"ease-in-out-back"]],tg=function(t){return Zb(ng(Jb[t]||t))},eg=function(t){t=t.map(function(t){return Math.floor(100*t)/100});for(var e=0,n=Qb.length;e<n;e++){var r=Qb[e];if(r[0]==t[0]&&r[1]==t[1]&&r[2]==t[2]&&r[3]==t[3]&&r[5])return r[4]}return"cubic-bezier( ".concat(t.filter(function(t,e){return e<4}).join(",")," )")},ng=function(t){if("string"==typeof t){if(qb[t])return Qb.filter(function(e){return e[4]===t})[0];var e=t.replace("cubic-bezier","").replace("(","").replace(")","").split(",");return e=e.map(function(t){return parseFloat(t.trim())})}return t},rg=function(t,e,n,r){var o=[t,e,n,r];return function(t){return pg(o,t)}},og=function(t,e,n){var r=[t,e,n];return function(t){return hg(r,t)}},ig=function(t,e,n,r,o){var i=e(n),a=ht(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},ag=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=rg({x:t,y:e},{x:n,y:r},{x:o,y:i},{x:a,y:c}),l=0,f=s(0),p=0;p<=u;p++){var h=s(p/u);l+=ht(f.x,f.y,h.x,h.y),f=h}return l},cg=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=og({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=c(l/a);u+=ht(s.x,s.y,f.x,f.y),s=f}return u},ug=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,o){for(var i=0;i<=e;i++)ig(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)ig(n,t,c-a,r,o),ig(n,t,c+a,r,o),a/=2;return n.minT}},sg=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return ug(function(t,e){var n=[t,e];return function(t){return yg(n,t)}}(t,e),n)},lg=function(t){var e=ng(t),n={x:e[0],y:e[1]},r={x:e[2],y:e[3]};return rg({x:0,y:0},n,r,{x:1,y:1})},fg=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},pg=function(t,e){var n=fg(t[0],t[1],e),r=fg(t[1],t[2],e),o=fg(t[2],t[3],e),i=fg(n,r,e),a=fg(r,o,e);return fg(i,a,e)},hg=function(t,e){var n=fg(t[0],t[1],e),r=fg(t[1],t[2],e);return fg(n,r,e)},yg=function(t,e){return fg(t[0],t[1],e)},dg=function(t,e){var n=fg(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function vg(t){return(vg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gg(t,e,n){return(gg="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=jg(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function mg(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function wg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Og(t,e,n){return e&&kg(t.prototype,e),n&&kg(t,n),t}function Sg(t,e){return!e||"object"!==vg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jg(t){return(jg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pg(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xg(t,e)}function xg(t,e){return(xg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Tg(t){var e=_g(t,2);return{x:e[0],y:e[1]}}var Eg=function(t){function e(){return wg(this,e),Sg(this,jg(e).apply(this,arguments))}return Pg(e,_r),Og(e,[{key:on("$view [data-segment]"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),e}(),Cg=function(t){function e(){return wg(this,e),Sg(this,jg(e).apply(this,arguments))}return Pg(e,Eg),Og(e,[{key:rn("$view .split-path"),value:function(t){this.initRect();var e=new Xd(t.$delegateTarget.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y};if("C"===e.segments[1].command){var r=[Tg(e.segments[0].values),Tg(e.segments[1].values.slice(0,2)),Tg(e.segments[1].values.slice(2,4)),Tg(e.segments[1].values.slice(4,6))],o=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return ug(rg(t,e,n,r),o)}.apply(void 0,mg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(function(t,e){var n=fg(t[0],t[1],e),r=fg(t[1],t[2],e),o=fg(t[2],t[3],e),i=fg(n,r,e),a=fg(r,o,e),c=fg(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}}(r,o))}else if("Q"===e.segments[1].command){r=[Tg(e.segments[0].values),Tg(e.segments[1].values.slice(0,2)),Tg(e.segments[1].values.slice(2,4))],o=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return ug(og(t,e,n),r)}.apply(void 0,mg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(function(t,e){var n=fg(t[0],t[1],e),r=fg(t[1],t[2],e),o=fg(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}}(r,o))}else if("L"===e.segments[1].command){r=[Tg(e.segments[0].values),Tg(e.segments[1].values.slice(0,2))],o=sg.apply(void 0,mg(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine(dg(r,o))}this.renderPath(),this.refreshPathLayer()}}]),e}(),$g=function(t){function e(){return wg(this,e),Sg(this,jg(e).apply(this,arguments))}return Pg(e,Cg),Og(e,[{key:Pr("changePathTransform"),value:function(t){this.resetTransformZone();var e=this.state.transformZoneRect,n=e.width,r=e.height;switch(this.pathGenerator.initTransform(this.state.transformZoneRect),t){case"flipX":this.pathGenerator.transform("flipX",n,0);break;case"flipY":this.pathGenerator.transform("flipY",0,r);break;case"flip":this.pathGenerator.transform("flip",n,r)}this.renderPath(),this.refreshPathLayer()}},{key:kn("$tool .transform-tool-item")+In("moveTransformTool")+Mn("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$delegateTarget.attr("data-position"),this.resetTransformZone(),this.pathGenerator.initTransform(this.state.transformZoneRect),this.startXY=t.xy}},{key:"moveTransformTool",value:function(t,e){this.pathGenerator.transform(this.transformMoveType,t,e),this.renderPath(),this.refreshPathLayer()}},{key:"moveEndTransformTool",value:function(t,e){}}]),e}(),Rg=function(t){function e(){return wg(this,e),Sg(this,jg(e).apply(this,arguments))}return Pg(e,$g),Og(e,[{key:"initialize",value:function(){gg(jg(e.prototype),"initialize",this).call(this),this.pathParser=new Xd,this.pathGenerator=new nv(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"draw",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:He.px(0),screenY:He.px(0),screenWidth:He.px(0),screenHeight:He.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\" ref='$view'>\n            <div class='path-container' ref='$view'></div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to move'></div>\n                    <div class='transform-tool-item' data-position='to top'></div>\n                    <div class='transform-tool-item' data-position='to right'></div>\n                    <div class='transform-tool-item' data-position='to bottom'></div>\n                    <div class='transform-tool-item' data-position='to left'></div>\n                    <div class='transform-tool-item' data-position='to top right'></div>\n                    <div class='transform-tool-item' data-position='to bottom right'></div>\n                    <div class='transform-tool-item' data-position='to top left'></div>\n                    <div class='transform-tool-item' data-position='to bottom left'></div>  \n                </div>\n            </div>\n            <div class='segment-box' ref='$segmentBox'></div>\n        </div>"}},{key:Gn("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,style:{left:He.px(t.x),top:He.px(t.y),width:He.px(t.width),height:He.px(t.height)}}}},{key:"renderTransformTool",value:function(){this.bindData("$tool")}},{key:"isShow",value:function(){return this.state.isShow}},{key:"initRect",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!t||(this.state.rect=this.parent.refs.$body.rect())}},{key:un("document")+En("isShow")+Cn("Escape")+Cn("Enter")+Ln+Bn,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this.pathGenerator.toPath(t.x,t.y,this.scale).d,r=pl.selection.currentArtboard;if(r){var o=t.x/this.scale,i=t.y/this.scale,a=t.width/this.scale,c=t.height/this.scale;(e=r.add(new Ub({width:He.px(a),height:He.px(c),d:n,totalLength:this.totalPathLength}))).setScreenX(o),e.setScreenY(i)}return e}},{key:"updatePathLayer",value:function(){var t=this.getPathRect(),e=t.x,n=t.y,r=this.state.current;if(r&&this.isBoxMode)e=r.screenX.value/this.scale,n=r.screenY.value/this.scale;var o=this.pathGenerator.toPath(e,n,this.scale).d,i=new Xd(o);this.emit(this.state.changeEvent,{d:i.toString(),totalLength:this.totalPathLength,rect:{x:0===t.x?0:t.x/this.scale,y:0===t.y?0:t.y/this.scale,width:0===t.width?0:t.width/this.scale,height:0===t.height?0:t.height/this.scale}}),this.emit("refreshPathLayer")}},{key:"addPathLayer",value:function(){var t=this.getPathRect();if(this.changeMode("modify"),0!==t.width&&0!==t.height){var e=this.makePathLayer(t);e&&(pl.selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){bg(t,e,n[e])})}return t}({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:Pr("changePathManager"),value:function(t){this.setState({mode:t,clickCount:0},!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Pr("changeScale"),value:function(){this.refresh()}},{key:"getCurrentObject",value:function(){var t=this.state.current;return t?{current:t,d:t.d,screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}:null}},{key:"refresh",value:function(t){if((t=t||this.getCurrentObject())&&t.d){this.pathParser.reset(t.d),this.pathParser.scale(this.scale,this.scale);var e=t.screenX.value*this.scale,n=t.screenY.value*this.scale;this.pathParser.translate(e,n),this.state.points=this.pathParser.convertGenerator(),this.state.hasTransform=!!t.current.transform}else this.state.hasTransform=!1;this.pathGenerator.initializeSelect(),this.renderPath()}},{key:Pr("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===t?(e.current=null,e.points=[]):e.current||(e.current=null),e.box=e.box||"canvas",this.changeMode(t,e),this.refresh(e),this.state.isShow=!0,this.$el.show(),this.$el.focus(),this.emit("showPathManager",{mode:this.state.mode})}},{key:Pr("hidePathEditor"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager")}},{key:Gn("$view"),value:function(){return{class:{draw:"draw"===this.state.mode,modify:"modify"===this.state.mode,transform:"transform"===this.state.mode,box:"box"===this.state.box,"has-transform":!!this.state.hasTransform,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{key:Gn("$splitCircle"),value:function(){return{cx:this.state.splitXY.x,cy:this.state.splitXY.y}}},{key:"renderPath",value:function(){this.bindData("$view"),this.renderTransformTool()}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:He.px(0),y:He.px(0),width:He.px(0),height:He.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:"resetTransformZone",value:function(){var t=this.getPathRect();this.state.transformZoneRect=t}},{key:On("$view"),value:function(t){(this.initRect(),this.isMode("draw")&&this.state.rect)?(this.state.moveXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.altKey=t.altKey,this.renderPath()):(Ke.create(t.target).hasClass("split-path")&&(this.state.splitXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.bindData("$splitCircle")),this.state.altKey=!1)}},{key:kn("$view :not(.split-path)")+In()+Mn(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("draw");this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.isOnCanvas=!1;var n=Ke.create(t.target);if(n.hasClass("svg-editor-canvas")&&!e?this.state.isOnCanvas=!0:(this.pathGenerator.reselect(),this.state.isSegment="true"===n.attr("data-segment"),this.state.isFirstSegment=this.state.isSegment&&"true"===n.attr("data-is-first")),e){if(this.state.isFirstSegment){var r=+n.attr("data-index");this.state.startPoint=this.state.points[r].startPoint}else this.state.startPoint=this.state.dragXY;this.state.dragPoints=!1,this.state.endPoint=null}else if(this.isOnCanvas)this.renderSelectBox(this.state.dragXY);else if(this.state.isSegment){this.changeMode("segment-move");var o=_g(n.attrs("data-index","data-segment-point"),2),i=(r=o[0],o[1]);this.pathGenerator.setCachePoint(+r,i),this.pathGenerator.selectKeyIndex(i,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:He.px(-1e5)})}},{key:"renderSelectBox",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={left:He.px(t.x+(e<0?e:0)),top:He.px(t.y+(n<0?n:0)),width:He.px(Math.abs(e)),height:He.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=_g(this.refs.$segmentBox.styles("left","top","width","height").map(function(t){return He.parse(t)}),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=He.px(e.x.value+e.width.value),e.y2=He.px(e.y.value+e.height.value),e}},{key:"move",value:function(t,e){if(this.state.isOnCanvas)this.renderSelectBox(this.state.dragXY,t,e);else if(this.isMode("segment-move")){var n=pl.config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("draw")){n=pl.config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"end",value:function(t,e){this.state.isOnCanvas?0===t&&0===e?(this.changeMode("modify"),this.trigger("hidePathEditor")):(this.changeMode("segment-move"),this.pathGenerator.selectInBox(this.getSelectBox()),this.renderPath(),this.hideSelectBox()):this.isMode("modify")||(this.isMode("segment-move")?(this.changeMode("modify"),this.renderPath()):this.isMode("draw")&&(this.state.isFirstSegment?(this.changeMode("modify"),this.pathGenerator.setConnectedPoint(t,e),this.renderPath(),this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("hidePathEditor"))):(this.pathGenerator.moveEnd(t,e),this.state.clickCount++,this.renderPath())))}},{key:"scale",get:function(){return pl.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"isBoxMode",get:function(){return"box"===this.state.box}}]),e}();function Vg(t){return(Vg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ag(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Dg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ig(t,e){return!e||"object"!==Vg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mg(t){return(Mg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Lg(t,e){return(Lg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bg=/[\b\t \,]/g,zg=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ig(this,Mg(e).call(this,t))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lg(t,e)}(e,Xd),n=e,(r=[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;$(t)&&(t=t.join(" "));for(var e=t.trim().split(Bg).filter(function(t){return t}),n=[],r=0,o=e.length;r<o;r+=2)n.push({x:+e[r],y:+e[r+1]});this.segments=n}},{key:"convertGenerator",value:function(){return this.segments}},{key:"length",value:function(){return this.segments.length}},{key:"toPathString",value:function(){for(var t=new Nd,e=0,n=this.segments.length;e<n;e++){var r=this.segments[e];0===e?t.M(r):e===n-1?t.L(r).L(this.segments[0]).Z():t.L(r)}return t.d}},{key:"joinPath",value:function(t){return this.joinPoints(t)}},{key:"joinPoints",value:function(t){return(t||this.segments).map(function(t){return"".concat(t.x,",").concat(t.y)}).join(" ")}},{key:"each",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map(function(n){return t.call(e,n)});if(n)return r;this.segments=r}},{key:"_loop",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each(function(e){var n=Ag(t([e.x,e.y],0),2),r=n[0],o=n[1];return e.x=r,e.y=o,e},e)}},{key:"clone",value:function(){return new e(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}])&&Dg(n.prototype,r),o&&Dg(n,o),e}();function Fg(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Gg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Hg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Xg=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.polygonEditor=e,this.segmentManager=new Dd,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){this.splitLines=[],this.points=[],this.snapPointList=[],this.segmentManager.reset()}},{key:"setCachePoint",value:function(t){var e=this.state;e.segment=e.segments[t],e.originalSegment=L(e.segment),e.cachedPoints=[],e.segments.filter(function(t){return t&&t!=e.segment}).forEach(function(t){e.cachedPoints.push(t)})}},{key:"moveSegment",value:function(t,e){var n=this.state,r=n.originalSegment;if(r){var o=n.segment;o.x=r.x+t,o.y=r.y+e}}},{key:"calculateSnapPoint",value:function(t,e,n,r){var o=this.state.cachedPoints.filter(function(n){return!!n&&Math.abs(n[t]-e)<=r}).map(function(n){return{dist:Math.abs(n[t]-e),point:n}});o.sort(function(t,e){return t.dist>e.dist?-1:1});var i=null;return o.length&&(n+=(i=o[0].point)[t]-e),{point:i,distanceValue:n}}},{key:"calculateSnap",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=this.state.originalSegment,o=r.x+t,i=r.y+e,a=this.calculateSnapPoint("x",o,t,n),c=a.point,u=(t=a.distanceValue,this.calculateSnapPoint("y",i,e,n)),s=u.point,l=(e=u.distanceValue,{x:r.x+t,y:r.y+e}),f=[];return c&&f.push({startPoint:c,endPoint:l}),s&&f.push({startPoint:s,endPoint:l}),{dx:t,dy:e,snapPointList:f}}},{key:"calculatePointDist",value:function(t,e,n){var r=this.state,o=[];return r.segments.forEach(function(r){var i=Math.abs(r[t]-e);i<=n&&o.push({dist:i,point:r})}),o.sort(function(t,e){return t.dist>e.dist?1:-1}),o.length?o[0].point:null}},{key:"calculateMovePointSnap",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.calculatePointDist("x",t.x,e),r=this.calculatePointDist("y",t.y,e),o=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Gg(t,e,n[e])})}return t}({},t);n&&(o.x=n.x),r&&(o.y=r.y);var i=[];return n&&i.push({startPoint:n,endPoint:o}),r&&i.push({startPoint:r,endPoint:o}),{snapPointList:i,moveXY:o}}},{key:"move",value:function(t,e,n){var r=this.calculateSnap(t,e,2),o=(t=r.dx,e=r.dy,r.snapPointList);this.snapPointList=o,this.moveSegment(t,e)}},{key:"moveStart",value:function(){for(var t=[],e=0;e<100;e++)t[e]=et(e/100,100);this.state.randomTable=t}},{key:"moveStar",value:function(t,e,n){var r=this.state;r.starRadius=ht(t,e,0,0),r.starAngle=yt(t,e),this.refreshStar()}},{key:"refreshStar",value:function(){var t=this.state,e=t.starCount;t.innerRadius=t.starRadius*t.starInnerRadiusRate;for(var n=[t.starAngle],r=[],o=360/e,i=1;i<e;i++)n.push(n[i-1]+o);i=0;for(var a=n.length;i<a;i++)r[i]=n[i]+o/2;var c=n.map(function(e){return pt(e,t.starRadius)}),u=r.map(function(e){return pt(e,t.innerRadius)}),s=[];c.forEach(function(t,e){s.push(t,u[e])}),t.segments=s.map(function(e){return e.x+=t.dragXY.x,e.y+=t.dragXY.y,e})}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.dragXY.x+t,o=n.dragXY.y+e;n.segments.push({x:r,y:o})}},{key:"moveEndStar",value:function(t,e){}},{key:"setPointLine",value:function(t){var e=t.first[0],n=this.cloneSegments,r=Md.getPointIndex(n,e);n.splice(r+1,0,t.first[1]),this.state.segments=n}},{key:"toPolygon",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return{points:this.cloneSegments.map(function(r){var o=(r.x-t)/n,i=(r.y-e)/n;return"".concat(o," ").concat(i)}).join(" ")}}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makeMoveGuide(this.cloneSegments),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeMoveGuide",value:function(t){var e=this;this.points=[];t.length;t.forEach(function(n,r){var o=0===r;e.points.push(n),e.splitLines.push((new Nd).M(Md.getPrevPoint(t,r)).L(n).toString("split-path")),e.segmentManager.addPoint({isFirst:o},n,r),e.segmentManager.addText(n,r+1)})}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.moveXY,n=t.snapPointList;if(e){var r;n=n||[];var o=this.calculateMovePointSnap(e,2),i=o.snapPointList,a=o.moveXY;(r=n).push.apply(r,Fg(i)),t.moveXY=a,this.snapPointList=n,this.points.push(t.moveXY),this.segmentManager.addStartPoint({},t.dragXY)}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new Nd;t=this.snapPointList.map(function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).toString("snap-path")})}return t.join("")}},{key:"makeSelectedSVGZone",value:function(){var t=this.state,e=t.screenX,n=t.screenY,r=t.screenWidth,o=t.screenHeight,i=this.polygonEditor.scale,a=e.value*i,c=n.value*i,u=r.value*i,s=o.value*i;return"<rect class='svg-canvas' ".concat(K({x:a,y:c,width:u,height:s})," />")}},{key:"makeDeluanay",value:function(){return""}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n            '.concat(this.makeSelectedSVGZone(),"\n            ").concat(this.makeDeluanay(),"\n            <polygon class='object' points=\"").concat(this.points.map(function(t){return"".concat(t.x," ").concat(t.y)}).join(" "),'" />        \n            ').concat(this.makeSnapLines(),"\n            ").concat(this.splitLines.join(""),"            \n            ").concat(this.segmentManager.toString(),"\n        </svg>\n        ")}},{key:"state",get:function(){return this.polygonEditor.state}},{key:"cloneSegments",get:function(){return Fg(this.state.segments)}}])&&Hg(e.prototype,n),r&&Hg(e,r),t}();function Yg(t){return(Yg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ng(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Kg(t,e,n[e])})}return t}function Kg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ug(t,e){return!e||"object"!==Yg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zg(t,e,n){return(Zg="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qg(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qg(t){return(qg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jg(t,e){return(Jg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qg=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Ug(this,qg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jg(t,e)}(e,zb),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zg(qg(e.prototype),"getDefaultObject",this).call(this,Ng({itemType:"svg-polygon",name:"New Polygon",points:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePolygonItem",value:function(t){this.json.points=t.points,this.json.totalLength=t.totalLength,this.json.polygon=new zg(t.points),this.json.width=He.px(t.rect.width),this.json.height=He.px(t.rect.height),this.setScreenX(He.px(t.rect.x)),this.setScreenY(He.px(t.rect.y))}},{key:"setCache",value:function(){this.rect={width:this.json.width.clone(),height:this.json.height.clone()},this.cachePolygon=this.json.polygon.clone()}},{key:"recover",value:function(){var t=this.json.width.value/this.rect.width.value,e=this.json.height.value/this.rect.height.value;this.scale(t,e)}},{key:"scale",value:function(t,e){this.json.points=this.cachePolygon.clone().scaleTo(t,e),this.json.polygon.reset(this.json.points)}},{key:"convert",value:function(t){return(t=Zg(qg(e.prototype),"convert",this).call(this,t)).points&&(t.polygon=new zg(t.points)),t}},{key:"toCloneObject",value:function(){var t=this.json;return Ng({},Zg(qg(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,points:t.points})}},{key:"getDefaultTitle",value:function(){return"Polygon"}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("polygon");n.attr("points",this.json.points),e&&(n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),this.json.totalLength=n.totalLength}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return hasSVGProperty(t.property)});return[{properties:t.filter(function(t){return hasCSSProperty(t.property)}),selector:'[data-id="'.concat(this.json.id,'"]')},{properties:e,selector:'[data-id="'.concat(this.json.id,'"] polygon')}]}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n      ').concat(this.toDefString,"\n      <polygon ").concat(K(Ng({class:"svg-polygon-item",points:this.json.points,filter:this.json.svgfilter,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," />\n    </g>\n    ")}},{key:"d",get:function(){return this.json.polygon.toPathString()}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.points;return"<svg class='element-item polygon' ".concat(K({"motion-based":this.json["motion-based"]}),' data-id="').concat(e,'">\n      ').concat(this.toDefString,"\n      <polygon ").concat(K({class:"svg-polygon-item",points:n,filter:this.json.svgfilter,fill:this.toFillValue,stroke:this.toStrokeValue})," />\n    </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Wg(n.prototype,r),o&&Wg(n,o),e}();function tm(t){return(tm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function em(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function nm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){rm(t,e,n[e])})}return t}function rm(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function om(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function im(t,e){return!e||"object"!==tm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function am(t,e,n){return(am="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=cm(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function cm(t){return(cm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function um(t,e){return(um=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),im(this,cm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&um(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){am(cm(e.prototype),"initialize",this).call(this),this.polygonParser=new zg,this.polygonGenerator=new Xg(this)}},{key:"initState",value:function(){return{isShow:!1,points:"",segments:[],mode:"draw",starCount:5,starRadius:5,starInnerRadiusRate:.5,$target:null,screenX:He.px(0),screenY:He.px(0),screenWidth:He.px(0),screenHeight:He.px(0)}}},{key:"template",value:function(){return"<div class='polygon-editor-view' tabIndex=\"-1\" ref='$view' ></div>"}},{key:"isStarMode",value:function(){return this.isMode("star")}},{key:"isShow",value:function(){return this.state.isShow}},{key:un()+Cn(1)+Cn(2)+En("isStarMode")+Ln+Bn,value:function(t){var e=1;"1"===t.key&&(e=-1),this.state.starCount+=e,this.refreshStar(),this.emit("changeStarManager",this.state.starCount,this.state.starInnerRadiusRate)}},{key:"refreshStar",value:function(){this.polygonGenerator.refreshStar(),this.bindData("$view"),this.updatePolygonLayer()}},{key:un()+Cn(3)+Cn(4)+En("isStarMode")+Ln+Bn,value:function(t){var e=.1;"3"===t.key&&(e=-.1),this.state.starInnerRadiusRate+=e,this.refreshStar(),this.emit("changeStarManager",this.state.starCount,this.state.starInnerRadiusRate)}},{key:un("document")+En("isShow")+Cn("Escape")+Cn("Enter")+Ln,value:function(t){this.state.current?this.refreshPolygonLayer():this.addPolygonLayer(),this.trigger("hidePolygonEditor")}},{key:"makePolygonLayer",value:function(t){var e,n=this.refs.$view.$("polygon.object").totalLength,r=this.polygonGenerator.toPolygon(t.x,t.y,this.scale).points,o=pl.selection.currentArtboard;if(o){var i=t.x/this.scale,a=t.y/this.scale,c=t.width/this.scale,u=t.height/this.scale;(e=o.add(new Qg({width:He.px(c),height:He.px(u),points:r,totalLength:n}))).setScreenX(i),e.setScreenY(a)}return e}},{key:"updatePolygonLayer",value:function(){var t=this.getViewRect(),e=this.refs.$view.$("polygon.object").totalLength,n=this.polygonGenerator.toPolygon(t.x*this.scale,t.y*this.scale,this.scale).points;this.emit("updatePolygonItem",{points:n,totalLength:e,rect:t}),this.emit("refreshPolygonLayer")}},{key:"addPolygonLayer",value:function(){this.changeMode("modify");var t=this.getViewRect(),e=this.makePolygonLayer(t);e&&(pl.selection.select(e),this.state.segments=[],this.polygonParser.reset(""),this.bindData("$view"),this.emit("refreshAll"),this.emit("refreshSelection"))}},{key:"changeMode",value:function(t,e){this.setState(nm({mode:t,moveXY:null},e),!1)}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Pr("changeScale"),value:function(){this.refresh()}},{key:"refresh",value:function(t){t&&t.points?(this.polygonParser.reset(t.points),this.polygonParser.scale(this.scale,this.scale),this.polygonParser.translate(t.screenX.value*this.scale,t.screenY.value*this.scale),this.state.segments=this.polygonParser.convertGenerator()):this.state.segments=[],this.bindData("$view")}},{key:Pr("showPolygonEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===t?e.current=null:e.current||(e.current=null);var n=nm({},e,{points:e.points||""});this.changeMode(t,e),this.refresh(n),this.state.isShow=!0,this.$el.show(),this.$el.focus(),"star"===t?(this.emit("showStarManager",{changeEvent:"changeStarManager",count:this.state.starCount,radius:this.state.starInnerRadiusRate}),this.emit("hidePolygonManager")):(this.emit("showPolygonManager",{mode:this.state.mode}),this.emit("hideStarManager"))}},{key:Pr("changeStarManager"),value:function(t,e){this.state.starCount=t,this.state.starInnerRadiusRate=e,this.refreshStar()}},{key:Pr("hidePolygonEditor"),value:function(){this.polygonParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hideStarManager"),this.emit("hidePolygonManager"),this.emit("finishPolygonEdit")}},{key:Gn("$view"),value:function(){return{class:{draw:"draw"===this.state.mode,modify:"modify"===this.state.mode,"segment-move":"segment-move"===this.state.mode},innerHTML:this.polygonGenerator.makeSVGPath()}}},{key:"getXY",value:function(t){var e=em(t,2);return{x:e[0],y:e[1]}}},{key:rn("$view .split-path"),value:function(t){var e=new Xd(t.$delegateTarget.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},r=[this.getXY(e.segments[0].values),this.getXY(e.segments[1].values.slice(0,2))],o=sg.apply(void 0,r.concat([200]))(n.x,n.y);this.polygonGenerator.setPointLine(dg(r,o)),this.changeMode("modify"),this.bindData("$view"),this.refreshPolygonLayer()}},{key:"getViewRect",value:function(){var t=this.refs.$view.$("polygon.object").rect();return t.x-=this.state.rect.x,t.y-=this.state.rect.y,t}},{key:"refreshPolygonLayer",value:function(){this.updatePolygonLayer()}},{key:On("$view"),value:function(t){this.isMode("draw")&&this.state.rect&&(this.state.moveXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.altKey=t.altKey,this.bindData("$view"))}},{key:kn("$view :not(.split-path)")+In()+Mn(),value:function(t){if(this.state.rect=this.parent.refs.$body.rect(),this.state.altKey=!1,this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.$el.focus(),this.state.$target=Ke.create(t.target),this.state.isSegment="true"===this.state.$target.attr("data-segment"),this.state.$target.hasClass("svg-editor-canvas")&&!this.isMode("draw")&&!this.isMode("star"))return this.changeMode("modify"),this.trigger("hidePolygonEditor"),!1;if(this.state.isSegment){this.changeMode("segment-move");var e=+this.state.$target.attr("data-index");this.polygonGenerator.setCachePoint(e)}else this.isMode("star")?this.polygonGenerator.moveStart():this.isMode("draw")}},{key:"move",value:function(t,e){this.isMode("star")?(this.polygonGenerator.moveStar(t,e,pl.config.get("bodyEvent")),this.bindData("$view")):this.isMode("segment-move")?(this.polygonGenerator.move(t,e,pl.config.get("bodyEvent")),this.bindData("$view"),this.updatePolygonLayer()):this.isMode("draw")||this.isMode("move")}},{key:"end",value:function(t,e){if(this.state.$target.is(this.refs.$view)&&pl.config.get("bodyEvent").altKey)return this.trigger("hidePolygonEditor"),void this.changeMode("modify");this.isMode("segment-move")?this.changeMode("modify"):this.isMode("star")?(this.polygonGenerator.moveEndStar(t,e),this.bindData("$view")):this.isMode("draw")&&(this.polygonGenerator.moveEnd(t,e),this.bindData("$view"))}},{key:"scale",get:function(){return pl.scale}}])&&om(n.prototype,r),o&&om(n,o),e}();function lm(t){return(lm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fm(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function pm(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function hm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ym(t,e){return!e||"object"!==lm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dm(t){return(dm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vm(t,e){return(vm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ym(this,dm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vm(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectionToolView:ry,GuideLineView:$d,PathEditorView:Rg,PolygonEditorView:sm}}},{key:"initState",value:function(){return{mode:"selection",left:He.px(0),top:He.px(0),width:He.px(1e4),height:He.px(1e4),html:""}}},{key:"template",value:function(){return"\n            <div class='element-view' ref='$body'>\n                <div class='canvas-view' ref='$view'></div>\n                <div class='drag-area-rect' ref='$dragAreaRect'></div>\n                <GuideLineView ref='$guideLineView' />                \n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PolygonEditorView ref='$polygonEditorView' />                             \n            </div>\n        "}},{key:"getScrollXY",value:function(){return{width:this.refs.$body.scrollWidth(),height:this.refs.$body.scrollHeight(),left:this.refs.$body.scrollLeft(),top:this.refs.$body.scrollTop()}}},{key:Pr("after.change.mode"),value:function(){this.$el.attr("data-mode",pl.mode)}},{key:Pr("hideSubEditor"),value:function(t){this.children.$pathEditorView.$el.hide(),this.children.$polygonEditorView.$el.hide()}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=Ke.create(t.target);return!!pl.isAddMode()||"selection"===this.state.mode&&(!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!1===e.hasClass("path-editor-view")&&!1===e.hasClass("polygon-editor-view")&&!1===e.hasClass("point")&&!1===e.hasClass("handle")&&!1===e.hasClass("perspective-handle")&&!1===e.hasClass("transform-tool-item")&&!1===e.hasClass("transform-tool")&&!1===e.isTag("svg")&&!1===e.isTag("path")&&!1===e.isTag("textPath")&&!1===e.isTag("polygon")&&"true"!==e.attr("data-segment"))}},{key:kn("$el")+En("checkEmptyElement")+In("movePointer")+Mn("moveEndPointer"),value:function(t){if(this.$target=Ke.create(t.target),this.dragXY={x:t.xy.x,y:t.xy.y},this.rect=this.refs.$body.rect(),this.canvasOffset=this.refs.$view.rect(),this.canvasPosition={x:this.canvasOffset.left-this.rect.x,y:this.canvasOffset.top-this.rect.y},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,pl.isSelectionMode()){var e={left:He.px(this.dragXY.x),top:He.px(this.dragXY.y),width:He.px(0),height:He.px(0)};this.refs.$dragAreaRect.css(e),pl.selection.empty(),this.cachedCurrentElement={},this.$el.$$(".selected").forEach(function(t){return t.removeClass("selected")}),this.emit("initSelectionTool")}}},{key:"movePointer",value:function(t,e){var n={left:He.px(this.dragXY.x+(t<0?t:0)),top:He.px(this.dragXY.y+(e<0?e:0)),width:He.px(Math.abs(t)),height:He.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(n),pl.isSelectionMode()){var r,o=n.left,i=n.top,a=n.width,c=n.height,u={x:He.px(o.value-this.canvasPosition.x),y:He.px(i.value-this.canvasPosition.y),width:a,height:c};u.x2=He.px(u.x.value+u.width.value),u.y2=He.px(u.y.value+u.height.value);var s=pl.selection.currentArtboard;if(s){var l;Object.keys(u).forEach(function(t){u[t].div(pl.scale)});var f=s.checkInAreaForLayers(u);0===u.width.value&&0===u.height.value&&(f=[]),(l=pl.selection).select.apply(l,pm(f)),this.selectCurrentForBackgroundView.apply(this,pm(f))}(r=pl.selection).select.apply(r,pm(f)),this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=fm(this.refs.$dragAreaRect.styles("left","top","width","height").map(function(t){return He.parse(t)}),4),r=n[0],o=n[1],i=n[2],a=n[3],c={x:He.px(r.value-this.canvasPosition.x),y:He.px(o.value-this.canvasPosition.y),width:i,height:a};if(c.x2=He.px(c.x.value+c.width.value),c.y2=He.px(c.y.value+c.height.value),this.refs.$dragAreaRect.css({left:He.px(-1e4),top:He.px(0),width:He.px(0),height:He.px(0)}),pl.isSelectionMode()){var u,s=pl.selection.currentArtboard,l=[];if(s)Object.keys(c).forEach(function(t){c[t].div(pl.scale)}),l=s.checkInAreaForLayers(c),0===c.width.value&&0===c.height.value&&(l=[]),0===l.length&&s.checkInArea(c)&&(l=[s]),(u=pl.selection).select.apply(u,pm(l)),this.selectCurrentForBackgroundView.apply(this,pm(l)),l.length?this.emit("refreshSelection"):(pl.selection.select(),this.emit("emptySelection"));else pl.selection.select(),this.emit("emptySelection")}else{var f={x:He.px(c.x.value/pl.scale),y:He.px(c.y.value/pl.scale),width:He.px(c.width.value/pl.scale),height:He.px(c.height.value/pl.scale)};"image"===pl.addType?this.emit("addImage",f):this.emit("new.layer",pl.addType,f)}this.sendHelpMessage()}},{key:"sendHelpMessage",value:function(){1===pl.selection.length&&(pl.selection.current.is("svg-path","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path "))}},{key:un("$view .element-item.text"),value:function(t){var e=t.$delegateTarget.html(),n=t.$delegateTarget.text().trim(),r=t.$delegateTarget.attr("data-id"),o=[];pl.selection.items.filter(function(t){return t.id===r}).forEach(function(t){t.reset({content:e,text:n}),o.push({id:t.id,content:e,text:n})}),this.emit("refreshContent",o)}},{key:"checkEditMode",value:function(){return pl.isSelectionMode()}},{key:kn("$view .element-item")+En("checkEditMode")+In("calculateMovedElement")+Mn("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$delegateTarget,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;if(this.$element.hasClass("selected"));else{var e=this.$element.attr("data-id");pl.selection.selectById(e)}pl.selection.isRelative||(this.selectCurrent.apply(this,pm(pl.selection.items)),this.emit("refreshSelection"),pl.selection.setRectCache())}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPosition",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=e.toBound(),r=n.x,o=n.y,i=n.width,a=n.height,c=t.cachedCurrentElement[e.id];c&&c.cssText("left: ".concat(r,";top:").concat(o,";width:").concat(i,";height:").concat(a))}),this.emit("refreshRect")}},{key:"updateRealTransform",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=e.transform,r=t.cachedCurrentElement[e.id];r&&r.css({transform:n})}),this.emit("refreshTransform")}},{key:"updateRealTransformWillChange",value:function(){var t=this;pl.selection.items.forEach(function(e){var n=t.cachedCurrentElement[e.id];n&&n.css("will-change","transform")})}},{key:Pr("removeRealPosition","removeRealTransform"),value:function(){var t=this;pl.selection.items.forEach(function(e){var n=t.cachedCurrentElement[e.id];n&&(n.cssText(""),e.is("svg-path")&&n.firstChild().cssText(""))})}},{key:Pr("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move");var n=1===pl.selection.items.length?pl.selection.current:null;this.emit("refreshElement",n),this.emit("refreshSelection"),this.emit("removeGuideLine"),this.trigger("removeRealPosition")}},{key:Gn("$body"),value:function(){var t=He.px(1e4),e=He.px(1e4);return{"data-mode":pl.mode,style:{position:"relative",width:t,height:e}}}},{key:Gn("$view"),value:function(){return{style:{transform:"scale(".concat(pl.scale,")")},innerHTML:this.state.html}}},{key:Pr("addElement"),value:function(){var t=(pl.selection.currentArtboard||{html:""}).html;this.setState({html:t},!1),this.refs.$view.updateDiff(t),this.emit("refreshSelectionTool")}},{key:"selectCurrent",value:function(){var t=this;this.cachedCurrentElement={};var e=this.$el.$$(".selected");e&&e.forEach(function(t){return t.removeClass("selected")});for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];if(r.length){var i=r.map(function(t){return"[data-id='".concat(t.id,"']")}).join(",");this.$el.$$(i).forEach(function(e){t.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")})}else pl.selection.select(pl.selection.currentArtboard);this.emit("initSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.cachedCurrentElement={};var e=this.$el.$$(".selected");e&&e.forEach(function(t){return t.removeClass("selected")});for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];if(r.length){var i=r.map(function(t){return"[data-id='".concat(t.id,"']")}).join(",");this.$el.$$(i).forEach(function(e){t.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")})}this.emit("refreshSelection"),this.emit("initSelectionTool")}},{key:Pr("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("initSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(pl.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:Pr("changeScale"),value:function(){this.modifyScale()}},{key:Pr("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];(t?[t]:pl.selection.items).forEach(function(t){e.updateElement(t,n)})}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t.updateFunction(this.getElement(t.id),e)}},{key:Pr("playTimeline"),value:function(){var t=this,e=pl.selection.currentArtboard;e&&e.getSelectedTimeline().animations.map(function(t){return e.searchById(t.id)}).forEach(function(e){t.updateElement(e)})}},{key:Pr("refreshCanvas"),value:function(t){t?this.updateElement(t):this.trigger("addElement")}},{key:Pr("refreshAllCanvas"),value:function(){var t=(pl.selection.currentArtboard||{html:""}).html;this.setState({html:t}),this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}}])&&hm(n.prototype,r),o&&hm(n,o),e}(),gm='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 5v3c0 .55.45 1 1 1s1-.45 1-1V6c0-.55.45-1 1-1h2c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2zm1 10c-.55 0-1 .45-1 1v3c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1-.45-1-1v-2c0-.55-.45-1-1-1zm15 3c0 .55-.45 1-1 1h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2-.9 2-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v2zm0-15h-3c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1 .45 1 1v2c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2z"/></svg>';function mm(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var wm=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){mm(t,e,n[e])})}return t}({},{fullscreen:gm},{text_rotate:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.75 3h-1.5L6.5 14h2.1l.9-2.2h5l.9 2.2h2.1L12.75 3zm-2.62 7L12 4.98 13.87 10h-3.74zm10.37 8l-3-3v2H5v2h12.5v2l3-3z"/></svg>',device_hub:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"/></svg>',control_point:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>',flip_camera:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"\n\t height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">\n    <path d="M9,12c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S9,10.34,9,12z"/>\n    <path d="M8,10V8H5.09C6.47,5.61,9.05,4,12,4c3.72,0,6.85,2.56,7.74,6h2.06c-0.93-4.56-4.96-8-9.8-8C8.73,2,5.82,3.58,4,6.01V4H2v6\n        H8z"/>\n    <path d="M16,14v2h2.91c-1.38,2.39-3.96,4-6.91,4c-3.72,0-6.85-2.56-7.74-6H2.2c0.93,4.56,4.96,8,9.8,8c3.27,0,6.18-1.58,8-4.01V20\n        h2v-6H16z"/>\n</svg>\n',flipY:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"/></svg>',flip:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"/></svg>',account_tree:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/></svg>',format_shapes:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z"/></svg>',merge:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"/></svg>',texture:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"/></svg>',settings_input_component:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 2c0-.55-.45-1-1-1s-1 .45-1 1v4H1v6h6V6H5V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2H9v2zm-8 0c0 1.3.84 2.4 2 2.82V23h2v-4.18C6.16 18.4 7 17.3 7 16v-2H1v2zM21 6V2c0-.55-.45-1-1-1s-1 .45-1 1v4h-2v6h6V6h-2zm-8-4c0-.55-.45-1-1-1s-1 .45-1 1v4H9v6h6V6h-2V2zm4 14c0 1.3.84 2.4 2 2.82V23h2v-4.18c1.16-.41 2-1.51 2-2.82v-2h-6v2z"/></svg>',view_comfy:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 9h4V5H3v4zm0 5h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zM8 9h4V5H8v4zm5-4v4h4V5h-4zm5 9h4v-4h-4v4zM3 19h4v-4H3v4zm5 0h4v-4H8v4zm5 0h4v-4h-4v4zm5 0h4v-4h-4v4zm0-14v4h4V5h-4z"/></svg>',camera_roll:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 5c0-1.1-.9-2-2-2h-1V2c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2h8V5h-8zm-2 13h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2zm4 9h-2v-2h2v2zm0-9h-2V7h2v2z"/></svg>',broken_image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z"/></svg>',shadow:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.96 10.29l-2.75 3.54-1.96-2.36L8.5 15h11l-3.54-4.71zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"/></svg>',opacity:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.66 8L12 2.35 6.34 8C4.78 9.56 4 11.64 4 13.64s.78 4.11 2.34 5.67 3.61 2.35 5.66 2.35 4.1-.79 5.66-2.35S20 15.64 20 13.64 19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z"/></svg>',looks:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10c-3.86 0-7 3.14-7 7h2c0-2.76 2.24-5 5-5s5 2.24 5 5h2c0-3.86-3.14-7-7-7zm0-4C5.93 6 1 10.93 1 17h2c0-4.96 4.04-9 9-9s9 4.04 9 9h2c0-6.07-4.93-11-11-11z"/></svg>',vintage:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>',waves:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.42 2.95-.8c.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8zm2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.93c1.35 0 2.2-.43 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V5.04c-.9 0-1.4-.25-2.05-.58zM17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6s-1.4-.25-2.05-.6c-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V9.49c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8z"/></svg>',blur_linear:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 17.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 13c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zM3 21h18v-2H3v2zM5 9.5c.83 0 1.5-.67 1.5-1.5S5.83 6.5 5 6.5 3.5 7.17 3.5 8 4.17 9.5 5 9.5zm0 4c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM9 17c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm8-.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM3 3v2h18V3H3zm14 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm0 4c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM13 9c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z"/></svg>',blur:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/></svg>',landscape:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z"/></svg>',palette:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',diffuse:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 14.5h14v-6H5v6zM11 .55V3.5h2V.55h-2zm8.04 2.5l-1.79 1.79 1.41 1.41 1.8-1.79-1.42-1.41zM13 22.45V19.5h-2v2.95h2zm7.45-3.91l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zM3.55 4.46l1.79 1.79 1.41-1.41-1.79-1.79-1.41 1.41zm1.41 15.49l1.79-1.8-1.41-1.41-1.79 1.79 1.41 1.42z"/></svg>',specular:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3.55 18.54l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8zM11 22.45h2V19.5h-2v2.95zM4 10.5H1v2h3v-2zm11-4.19V1.5H9v4.81C7.21 7.35 6 9.28 6 11.5c0 3.31 2.69 6 6 6s6-2.69 6-6c0-2.22-1.21-4.15-3-5.19zm5 4.19v2h3v-2h-3zm-2.76 7.66l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4z"/></svg>',photo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',near_me:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/></svg>',view_list:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/></svg>',flash_on:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>',doc:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>',storage:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/></svg>',archive:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z"/></svg>',file_copy:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>',gps_fixed:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>',refresh:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>',cat:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t width="864px" height="864px" viewBox="0 0 864 864" enable-background="new 0 0 864 864">\n<path d="M712.4846,631.2673c-8.3777-59.9758-44.6997-121.2822-117.7703-198.7816\n\tc-51.7295-54.8649-72.0865-105.7791-55.8514-139.6883c12.4393-25.9817,42.587-35.8935,65.343-34.1103\n\tc26.3435,2.0661,37.3148,18.5905,41.88,32.0888c6.5847,19.471,2.7829,43.5175-8.4753,53.6029\n\tc-2.4382,2.1843-19.5444,15.6083-31.617,2.486c-16.0995-17.4994,1.3123-34.1181,1.3123-34.1181s25.7198-19.4211,11.5477-34.6431\n\tc-14.1721-15.2219-81.6211,4.7241-73.1766,62.9098c2.102,14.4833,9.8525,35.0453,41.7667,49.9105\n\tc31.3411,14.5985,62.0806,11.5356,84.3365-8.4017c26.8387-24.0431,36.221-68.5172,22.8163-108.1526\n\tc-13.0433-38.5685-45.3375-63.5167-86.387-66.7359c-22.4584-1.7602-45.9053,2.9182-66.0231,13.1776\n\tc-22.1882,11.3155-39.3094,28.5606-49.5124,49.8713c-15.207,31.7608-27.0118,99.5788,64.7797,196.9337\n\tc64.4428,68.3486,97.5892,122.6011,104.3126,170.7358c6.1263,43.8577-32.9753,141.2908-59.1734,141.8642\n\tc-18.2653,0.3997-13.0681-28.0174-11.1219-46.1832c3.4623-32.3166,9.02-64.4668,7.8147-96.946\n\tc-1.7692-47.6774-16.0649-83.7216-38.2463-125.1911c-20.1995-37.7643-37.8974-60.6029-92.5699-111.4463\n\tc-13.4884-12.5438-27.4699-22.5866-44.7675-38.1754c-17.5431-15.8101-21.9685-33.5474-24.195-48.6835\n\tc-4.6472-31.5926,5.266-35.0392,22.933-61.1816c7.51,6.1134,15.132,13.1576,22.5878,21.2593\n\tc0.8908,0.9678,2.1063,1.4586,3.3257,1.4586c1.0938,0,2.1906-0.3947,3.059-1.1939c1.8362-1.6895,1.9548-4.548,0.2647-6.3846\n\tc-8.043-8.7399-16.2394-16.2892-24.29-22.8068c1.0196-1.6815,1.9806-3.3693,2.913-5.06\n\tc11.2809,3.873,22.4781,8.5857,32.8744,14.3263c0.6923,0.3824,1.4415,0.5638,2.1804,0.5638c1.592,0,3.1354-0.8433,3.9596-2.3353\n\tc1.2061-2.1848,0.4133-4.9333-1.7714-6.14c-10.5501-5.8255-21.7927-10.625-33.0861-14.5846\n\tc1.7051-3.6655,3.2152-7.3481,4.5178-11.0449c9.9095,1.0547,20.2559,2.6507,30.8756,4.9542\n\tc2.4407,0.5281,4.8451-1.0193,5.3736-3.4585c0.5285-2.4387-1.0193-4.8446-3.4586-5.3736\n\tc-10.3543-2.2456-20.4231-3.8448-30.0823-4.9431c6.761-25.5357,4.0583-51.5754-8.0207-76.8648\n\tC448.2098,115.8869,474.731,76.8288,466.0513,18c-68.8775,17.9071-87.2624,54.1776-94.1043,50.875\n\tc-7.9472-3.8361-40.5018-11.036-62.952-10.6586c-37.278,0.6267-61.382,7.0395-61.382,7.0395\n\tc-11.2537-14.6686-35.9431-36.6889-90.105-41.2683c2.9433,47.1602,13.4346,82.2557,28.5291,102.9373l-0.7433,2.377\n\tc-11.7879,32.4393-13.5817,62.8858-3.8016,89.6451c-9.0883,1.1019-18.5685,2.7173-28.321,4.9987\n\tc-2.4299,0.5687-3.939,2.9991-3.3708,5.429c0.5687,2.4294,2.9972,3.939,5.429,3.3708c10.3087-2.4115,20.3424-4.0428,29.9266-5.0891\n\tc1.4184,2.9763,2.9836,5.904,4.7147,8.7755c-11.2262,4.119-22.4456,9.1879-32.9296,15.4312\n\tc-2.1445,1.2767-2.8476,4.0498-1.5704,6.1939c0.8453,1.4199,2.3461,2.2073,3.8866,2.2073c0.7859,0,1.5827-0.2054,2.3073-0.6369\n\tc10.5541-6.2849,22.0078-11.3381,33.4798-15.4008c3.3157,4.5403,7.0729,8.9251,11.2576,13.1527\n\tc-5.6694,5.3088-11.3757,11.2216-17,17.8125c-1.6199,1.8979-1.3944,4.7505,0.504,6.3699c0.8507,0.7266,1.8935,1.0816,2.931,1.0816\n\tc1.2767,0,2.5456-0.5383,3.4389-1.5856c5.5062-6.4525,11.1144-12.2327,16.692-17.4078c5.7832,5.4212,11.3758,11.1287,15.514,17.8627\n\tc7.8208,12.7265,8.3216,25.8196,6.7598,40.6753c-3.119,29.6671-13.4278,58.0414-20.0391,87.1301\n\tc-16.8163,73.989-9.0635,132.7513,20.7169,202.5388c8.0053,18.7598,17.5698,36.9144,23.7843,56.341\n\tc10.5081,32.8488,7.8436,88.3559,8.2697,122.8419v2.9318c0,0-19.9931,0.1384-28.4717,6.0748\n\tc-8.2555,5.7802-10.3883,21.931-4.3929,28.6906c6.6872,7.5395,21.6739,10.6397,31.6837,11.8093\n\tc119.664,13.9824,293.6021-2.6707,341.7446-8.3345C701.2023,821.2982,721.1432,693.2562,712.4846,631.2673z M437.2106,66.5267\n\tc-0.1946,33.6617-23.5064,50.7886-23.5064,50.7886c-6.2684-17.19-21.1558-25.3943-21.1558-25.3943\n\tC408.2194,68.8708,437.2106,66.5267,437.2106,66.5267z M201.6607,103.3024c0,0-19.8527-14.6264-20.0184-43.3732\n\tc0,0,24.6894,2.0019,38.035,21.6866C219.6773,81.6158,206.999,88.6223,201.6607,103.3024z M215.969,158.6876\n\tc15.0275-4.1452,27.2506-3.8264,37.1033-1.1182c-15.9193,16.5729-7.4137,31.0502-3.2583,36.286\n\tC221.2402,186.9178,215.969,158.6876,215.969,158.6876z M252.8369,194.4974c13.6546-17.1619,7.1357-30.6827,3.4758-35.9226\n\tc24.8589,8.5877,33.2057,32.5095,33.2057,32.5095C274.4792,195.6167,262.4471,196.221,252.8369,194.4974z M308.1766,232.8661\n\tc-4.1644,0.2111-22.0216-7.8084-21.8634-21.8635c0.1244-11.0539,40.2451-7.8568,42.1652,0\n\tC330.8523,220.7164,312.3411,232.655,308.1766,232.8661z M327.2252,191.0843c0,0,8.7972-25.2037,35.2186-33.1565\n\tc-12.424,19.1432-1.5466,31.7233,3.55,36.1478C356.055,196.2867,343.3752,195.9514,327.2252,191.0843z M369.7458,193.0825\n\tc10.0879-20.4091-1.0878-32.4358-4.9794-35.7968c9.66-2.4378,21.5306-2.5917,36.0081,1.4018\n\tC400.7746,158.6876,395.8536,185.0439,369.7458,193.0825z"/>\n</svg>\n\n',shuffle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z"/></svg>',replay:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path d="M12 5V1L7 6l5 5V7c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6H4c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8zm-1.1 11H10v-3.3L9 13v-.7l1.8-.6h.1V16zm4.3-1.8c0 .3 0 .6-.1.8l-.3.6s-.3.3-.5.3-.4.1-.6.1-.4 0-.6-.1-.3-.2-.5-.3-.2-.3-.3-.6-.1-.5-.1-.8v-.7c0-.3 0-.6.1-.8l.3-.6s.3-.3.5-.3.4-.1.6-.1.4 0 .6.1c.2.1.3.2.5.3s.2.3.3.6.1.5.1.8v.7zm-.9-.8v-.5s-.1-.2-.1-.3-.1-.1-.2-.2-.2-.1-.3-.1-.2 0-.3.1l-.2.2s-.1.2-.1.3v2s.1.2.1.3.1.1.2.2.2.1.3.1.2 0 .3-.1l.2-.2s.1-.2.1-.3v-1.5z" clip-path="url(#b)"/></svg>',speed:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44zm-9.79 6.84a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z"/></svg>',alternate_reverse:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" /></svg>',alternate:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg>',note:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10H7v2h10v-2zm2-7h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm-5-5H7v2h7v-2z"/></svg>',rect:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>',circle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>',color_lens:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',cube:'<svg width="24" height="24" style="transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M21 16.5a1 1 0 0 1-.527.881l-7.907 4.443a.996.996 0 0 1-1.132 0l-7.907-4.443A1 1 0 0 1 3 16.5v-9a1 1 0 0 1 .527-.881l7.907-4.443a.995.995 0 0 1 1.132 0l7.907 4.443A1 1 0 0 1 21 7.5v9zM12 4.15L6.042 7.5l5.96 3.35 5.958-3.35-5.958-3.35zM5 15.916l6 3.372V12.58L5 9.209v6.706zm14 0V9.209l-6 3.372v6.707l6-3.373z" /></svg>',polygon:'<svg width="24" height="24" viewBox="0 0 24 24"><path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>',dahaze:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/></svg>',brush:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34c-.39-.39-1.02-.39-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"/></svg>',expand:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>',list:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/></svg>',grid:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/></svg>',align_center:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/></svg>',align_justify:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/></svg>',align_left:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/></svg>',align_right:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/></svg>',color:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>',size:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 15h2v2h-2v-2zm0-4h2v2h-2v-2zm2 8h-2v2c1 0 2-1 2-2zM13 3h2v2h-2V3zm8 4h2v2h-2V7zm0-4v2h2c0-1-1-2-2-2zM1 7h2v2H1V7zm16-4h2v2h-2V3zm0 16h2v2h-2v-2zM3 3C2 3 1 4 1 5h2V3zm6 0h2v2H9V3zM5 3h2v2H5V3zm-4 8v8c0 1.1.9 2 2 2h12V11H1zm2 8l2.5-3.21 1.79 2.15 2.5-3.22L13 19H3z"/></svg>',edit:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>',outline_image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z"/></svg>',ballot:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><clipPath><use xlink:href="#a" overflow="visible"/></clipPath><path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.5h5v-2h-5v2zm0 7h5v-2h-5v2zm6 4.5H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM6 11h5V6H6v5zm1-4h3v3H7V7zM6 18h5v-5H6v5zm1-4h3v3H7v-3z"/></svg>',shape:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-5.27 9h-3.49l-.73 2H7.89l3.4-9h1.4l3.41 9h-1.63l-.74-2zm-3.04-1.26h2.61L12 8.91l-1.31 3.83z"/></svg>',scatter:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#010101"><circle cx="7" cy="14" r="3"/><circle cx="11" cy="6" r="3"/><circle cx="16.6" cy="17.6" r="3"/></g></svg>',transform:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 18v-2H8V4h2L7 1 4 4h2v2H2v2h4v8c0 1.1.9 2 2 2h8v2h-2l3 3 3-3h-2v-2h4zM10 8h6v6h2V8c0-1.1-.9-2-2-2h-6v2z"/></svg>',gradient:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 9h2v2h-2zm-2 2h2v2H9zm4 0h2v2h-2zm2-2h2v2h-2zM7 9h2v2H7zm12-6H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 18H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm2-7h-2v2h2v2h-2v-2h-2v2h-2v-2h-2v2H9v-2H7v2H5v-2h2v-2H5V5h14v6z"/></svg>',close:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',build:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>',code:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>',autorenew:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/></svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>',skip_next:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/></svg>',skip_prev:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/></svg>',fast_forward:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/></svg>',fast_rewind:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/></svg>',filter:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.7 12.4c-.28-.16-.57-.29-.86-.4.29-.11.58-.24.86-.4 1.92-1.11 2.99-3.12 3-5.19-1.79-1.03-4.07-1.11-6 0-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55-1.92-1.11-4.2-1.03-6 0 0 2.07 1.07 4.08 3 5.19.28.16.57.29.86.4-.29.11-.58.24-.86.4-1.92 1.11-2.99 3.12-3 5.19 1.79 1.03 4.07 1.11 6 0 .28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54 1.92 1.11 4.2 1.03 6 0-.01-2.07-1.08-4.08-3-5.19zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>',input:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/></svg>',timer:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>',title:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 4v3h5.5v12h3V7H19V4z"/></svg>',paint:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z"/></svg>',border_all:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1z"/></svg>',border_inner:gm,check:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"/></svg>',screen:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>',repeat:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg>',remove2:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>',setting:'<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M15.95 10.78c.03-.25.05-.51.05-.78s-.02-.53-.06-.78l1.69-1.32c.15-.12.19-.34.1-.51l-1.6-2.77c-.1-.18-.31-.24-.49-.18l-1.99.8c-.42-.32-.86-.58-1.35-.78L12 2.34c-.03-.2-.2-.34-.4-.34H8.4c-.2 0-.36.14-.39.34l-.3 2.12c-.49.2-.94.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.49.18l-1.6 2.77c-.1.18-.06.39.1.51l1.69 1.32c-.04.25-.07.52-.07.78s.02.53.06.78L2.37 12.1c-.15.12-.19.34-.1.51l1.6 2.77c.1.18.31.24.49.18l1.99-.8c.42.32.86.58 1.35.78l.3 2.12c.04.2.2.34.4.34h3.2c.2 0 .37-.14.39-.34l.3-2.12c.49-.2.94-.47 1.35-.78l1.99.8c.18.07.39 0 .49-.18l1.6-2.77c.1-.18.06-.39-.1-.51l-1.67-1.32zM10 13c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z"/></svg>',image:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n<path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',artboard:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>',folder:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>',publish:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/></svg>',add_note:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>',add:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',save:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"/><path fill="none" d="M0 0h24v24H0z"/></svg>',export:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/></svg>',redo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"/></svg>',undo:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>',lock:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>',lock_open:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"/></svg>',remove:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>',copy:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>',visible:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>',add_box:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>',add_circle:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>',create_folder:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n</svg>',chevron_right:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n</svg>',chevron_left:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>'});function km(t){return(km="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Om(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sm(t,e){return!e||"object"!==km(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jm(t){return(jm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pm(t,e){return(Pm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sm(this,jm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=He.parse(this.props.value||He.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.type,a=t.removable,c=t.layout,u=+this.state.value.value.toString();isNaN(u)&&(u=0);var s=o?"has-label":"",l=a?"is-removable":"",f=c,p=(+u).toString();return"\n        <div class='number-range-editor ".concat(s," ").concat(l," ").concat(f,"' data-selected-type='").concat(i,"'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='range' ref='$property' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(wm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=He.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&Om(n.prototype,r),o&&Om(n,o),e}();function _m(t){return(_m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Em(t,e){return!e||"object"!==_m(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cm(t){return(Cm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $m(t,e){return($m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Rm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Em(this,Cm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$m(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:xm}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$plus'>".concat(wm.add,"</button>\n        <button type='button' ref='$minus'>").concat(wm.remove2,"</button>\n        <div class='select'>\n          <NumberRangeEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*pl.scale,'" onchange="changeRangeEditor" />\n        </div>\n        <label>%</label>\n      </div>\n\n    ')}},{key:Pr("changeScaleValue"),value:function(t){this.children.$scale.setValue(100*pl.scale),this.emit("update.scale",t)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.trigger("changeScaleValue",e/100)}},{key:rn("$plus")+Ln+Bn,value:function(){this.trigger("changeScaleValue",1.1*pl.scale)}},{key:rn("$minus")+Ln+Bn,value:function(){this.trigger("changeScaleValue",.9*pl.scale)}}])&&Tm(n.prototype,r),o&&Tm(n,o),e}();function Vm(t){return(Vm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Am(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Dm(t,e){return!e||"object"!==Vm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Im(t){return(Im=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Mm(t,e){return(Mm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Lm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Dm(this,Im(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Mm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{count:5,radius:.5}}},{key:"template",value:function(){return"\n      <div class='star-manager'>\n        <div class='text'>\n            <label>Star Count</label>\n            <span class='count' ref='$c'>\n                <button type=\"button\" data-type='plus'>".concat(wm.add,'</button>\n                <input type="number" min="2" max="100" ref=\'$count\'/>\n                <button type="button" data-type=\'minus\'>').concat(wm.remove2,"</button>\n            </span>\n            <label>Radius Rate</label>\n            <span class='radius' ref='$r'>\n                <button type=\"button\" data-type='plus'>").concat(wm.add,'</button>\n                <input type="number" min="0" max="10" step="0.1" ref=\'$radius\'/>\n                <button type="button" data-type=\'minus\'>').concat(wm.remove2,'</button>\n            </span>      \n            <button type="button">Keydown ESC or Enter key to close editing</button>   \n\n            \n        </div>\n      </div>    \n    ')}},{key:Gn("$count"),value:function(){return{value:this.state.count}}},{key:Gn("$radius"),value:function(){return{value:this.state.radius}}},{key:"refresh",value:function(){this.load()}},{key:rn("$c [data-type]"),value:function(t){var e="plus"===t.$delegateTarget.attr("data-type")?1:-1;this.updateData({count:this.state.count+e}),this.refresh()}},{key:rn("$r [data-type]"),value:function(t){var e="plus"===t.$delegateTarget.attr("data-type")?.1:-.1;this.updateData({radius:this.state.radius+e}),this.refresh()}},{key:jn("$count"),value:function(){var t=+this.refs.$count.value;t<3&&(t=3),this.updateData({count:t}),this.refresh()}},{key:jn("$radius"),value:function(){var t=+this.refs.$radius.value;this.updateData({radius:t})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.count,this.state.radius)}},{key:Pr("changeStarManager"),value:function(t,e){this.setState({count:t,radius:e},!1),this.refresh()}},{key:Pr("showStarManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeStarManager",this.setState(t,!1),this.refresh(),this.$el.show()}},{key:Pr("hideStarManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hideStarManager")}}])&&Am(n.prototype,r),o&&Am(n,o),e}();function Bm(t){return(Bm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Fm(t,e){return!e||"object"!==Bm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gm(t){return(Gm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Hm(t,e){return(Hm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Xm={"segment-move":"modify",modify:"modify",draw:"draw",transform:"transform"},Ym=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Fm(this,Gm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"move",msg:"Keydown ESC or Enter key to close editing"}}},{key:"template",value:function(){return"\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='Modify' > ").concat(wm.device_hub,"</button>\n            <button type=\"button\" data-value='draw' title='Draw' > ").concat(wm.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='transform' > ").concat(wm.format_shapes,"</button>\n        </div>\n        <div class='split'></div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='flip X'>").concat(wm.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='flip Y'>").concat(wm.flip,"</button>\n            <button type=\"button\" data-value='flip' title='flip origin'>").concat(wm.flip,"</button>\n        </div>\n      </div>    \n    ")}},{key:Gn("$mode"),value:function(){return{"data-selected-value":Xm[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:rn("$flip button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.emit("changePathTransform",e)}},{key:rn("$mode button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.updateData({mode:e}),this.refresh()}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.mode)}},{key:Pr("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Pr("showPathManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changePathManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg)}},{key:Pr("hidePathManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hidePathManager")}}])&&zm(n.prototype,r),o&&zm(n,o),e}();function Nm(t){return(Nm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Km(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wm(t,e){return!e||"object"!==Nm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Um(t){return(Um=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zm(t,e){return(Zm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qm=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wm(this,Um(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zm(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"move",msg:"Keydown ESC or Enter key to close editing"}}},{key:"template",value:function(){return"\n      <div class='polygon-manager'>\n        <div class='text'>\n            <label>Polygon Mode</label>\n            <label><input type='radio' name='polygon-mode' value='draw' /> draw</label>            \n            <label><input type='radio' name='polygon-mode' value='modify' /> modify</label>         \n        </div>\n      </div>    \n    "}},{key:rn('$el input[type="radio"]'),value:function(t){var e=t.$delegateTarget.value;this.updateData({mode:e})}},{key:"refresh",value:function(){var t=this.$el.$("[value=".concat(this.state.mode,"]"));t&&t.checked(!0)}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.mode)}},{key:Pr("changePolygonManager"),value:function(t){this.setState({mode:t},!1),this.refresh()}},{key:Pr("showPolygonManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changePolygonManager",this.setState(t,!1),this.refresh(),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg)}},{key:Pr("hidePolygonManager"),value:function(){this.$el.hide()}},{key:Pr("hideSubEditor"),value:function(){this.trigger("hidePolygonManager")}}])&&Km(n.prototype,r),o&&Km(n,o),e}();function Jm(t){return(Jm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tw(t,e){return!e||"object"!==Jm(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ew(t){return(ew=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nw(t,e){return(nw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tw(this,ew(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nw(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{StarManager:Lm,PathManager:Ym,PolygonManager:qm}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <PolygonManager />\n        <StarManager />\n        <SelectionManager />\n      </div>\n    "}}])&&Qm(n.prototype,r),o&&Qm(n,o),e}();function ow(t){return(ow="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iw(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function aw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cw(t,e){return!e||"object"!==ow(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uw(t){return(uw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sw(t,e){return(sw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cw(this,uw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sw(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{PageTools:Rm,NumberRangeEditor:xm,ElementView:bm,PageSubEditor:rw}}},{key:"afterRender",value:function(){this.emit("load.json")}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\">\n        <div class='page-view'>\n          <div class='page-lock' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        <PageSubEditor />\n        <PageTools />\n      </div>\n    "}},{key:Pr("toggle.fullscreen"),value:function(){this.$el.fullscreen()}},{key:un("$el")+Rn+Cn("c")+Ln,value:function(t){this.emit("copy")}},{key:un("$el")+Rn+Cn("v")+Ln,value:function(){this.emit("paste")}},{key:"isNumberKey",value:function(t){return+t.key+""===t.key}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName.toLowerCase();return!1===["input"].includes(e)}},{key:un("$el")+En("isNumberKey")+En("isNotFormElement")+Ln+Bn,value:function(t){this.emit("keyup.canvas.view",t.key)}},{key:Pn("$lock")+$n+Ln+Dn(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",pl.scale*e)}},{key:"getScrollTop",value:function(){return this.refs.$lock?this.refs.$lock.scrollTop():0}},{key:"getScrollLeft",value:function(){return this.refs.$lock?this.refs.$lock.scrollLeft():0}},{key:"setScrollTop",value:function(t){this.refs.$lock.setScrollTop(t)}},{key:"addScrollTop",value:function(t){this.setScrollTop(this.getScrollTop()+t)}},{key:"setScrollLeft",value:function(t){this.refs.$lock.setScrollLeft(t)}},{key:"addScrollLeft",value:function(t){this.setScrollLeft(this.getScrollLeft()+t)}},{key:Pr("focusCanvasView"),value:function(){this.$el.focus()}},{key:un()+En("Backspace"),value:function(t){Ke.create(t.target).attr("contenteditable")||(pl.selection.remove(),this.emit("refreshAllSelectArtBoard"))}},{key:fn()+Ln,value:function(t){}},{key:ln()+Ln,value:function(t){var e=t.dataTransfer.getData("image/info");this.emit("drop.image.url",e)}},{key:Pr("refreshComputedStyle")+An(100),value:function(t){var e,n=(e=this.refs.$canvas).getComputedStyle.apply(e,iw(t));this.emit("refreshComputedStyleCode",n)}},{key:"scrollXY",get:function(){return{screenX:He.px(this.getScrollLeft()),screenY:He.px(this.getScrollTop())}}},{key:"screenSize",get:function(){return this.refs.$lock?this.refs.$lock.rect():{width:0,height:0}}}])&&aw(n.prototype,r),o&&aw(n,o),e}();function fw(t){return(fw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hw(t,e){return!e||"object"!==fw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yw(t){return(yw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dw(t,e){return(dw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hw(this,yw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dw(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n        <button type="button" class=\'menu-item '.concat(this.getClassName(),"' data-no-title=\"").concat(this.isHideTitle(),'" ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' checked="').concat(this.getChecked()?"checked":"",'">\n            <div class="icon ').concat(this.getIcon(),'">').concat(this.getIconString(),'</div>\n            <div class="title">').concat(this.getTitle(),"</div>\n        </button>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"clickButton",value:function(t){}},{key:"getChecked",value:function(){return!1}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:rn(),value:function(t){this.clickButton(t)}}])&&pw(n.prototype,r),o&&pw(n,o),e}();function bw(t){return(bw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mw(t,e){return!e||"object"!==bw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ww(t){return(ww=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kw(t,e){return(kw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ow=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mw(this,ww(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kw(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Github"}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&gw(n.prototype,r),o&&gw(n,o),e}();function Sw(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function jw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Pw=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.artboard=e}var e,n,r;return e=t,(n=[{key:"generateCode",value:function(){var t=this,e=this.artboard.getSelectedTimelineLastTime(),n=this.artboard.getSelectedTimeline(),r=[],o={};n&&(n.animations.forEach(function(e){var n,o=t.artboard.searchById(e.id),i=e.properties.map(function(t){var e=t.property;switch(e){case"x":e="left";break;case"y":e="top"}return{property:e,keyframes:t.keyframes.map(function(t){return{time:1e3*t.time,value:t.value,timing:t.timing}})}});(n=r).push.apply(n,Sw(o.toAnimationKeyframes(i).filter(function(t){return t.properties.length})))}),o={duration:1e3*e,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&jw(e.prototype,n),r&&jw(e,r),t}(),xw=function(t){switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa"){case"anipa":return new Pw(t).generateCode()}return""},_w={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Y(n),"\n      }\n      /* keyframe */\n      ").concat(e,"\n    ")},makeStyle:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(t.is("project"))return this.makeProjectStyle(t);var r=t.generateView("[data-id='".concat(t.id,"']"),n);return"\n    ".concat(r,"\n    ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")},makeSvg:function(t){var e=t.toSVGString?t.toSVGString():"";return"\n      ".concat(e?'<svg width="0" height="0">'.concat(e,"</svg>"):"","\n    ")},generate:function(){var t=pl.selection.currentProject,e=pl.selection.currentArtboard,n="\n".concat(this.makeStyle(t),"\n").concat(this.makeStyle(e,"\n  left: 0px;\n  top: 0px;\n")),r="\n".concat(e.html,"\n").concat(this.makeSvg(t),"\n    "),o=xw(e,"anipa");return{html:r=bc(r),css:n=bc(n),js:o=bc(o)}},generateSVG:function(t){return bc(t.generateSVG(!0))}};function Tw(t){return(Tw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ew(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Cw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $w(t,e){return!e||"object"!==Tw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rw(t){return(Rw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vw(t,e){return(Vw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Aw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$w(this,Rw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vw(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n    <form class=\'codepen\' action="https://codepen.io/pen/define" method="POST" target="_code_pen">\n      <input type="hidden" name="data" ref="$codepen" value=\'\'>\n      <button type="submit">\n        <div class=\'icon codepen\'></div>\n        <div class=\'title\'>CodePen</div>\n      </button>\n    </form>     \n    '}},{key:wn(),value:function(){var t=_w.generate();return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Ew(t,e,n[e])})}return t}({title:"sapa - editor.easylogic.studio",description:"https://editor.easylogic.studio",js_external:"https://cdn.jsdelivr.net/npm/@easylogic/anipa@0.0.11/dist/main.js"},t))),!1}}])&&Cw(n.prototype,r),o&&Cw(n,o),e}();function Dw(t){return(Dw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Iw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mw(t,e){return!e||"object"!==Dw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lw(t){return(Lw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bw(t,e){return(Bw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Mw(this,Lw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bw(t,e)}(e,vw),n=e,(r=[{key:"template",value:function(){return'\n      <form class=\'jsfiddle\' action="https://jsfiddle.net/api/post/library/pure/" method="POST" target="_blank">\n          <input type="hidden" name="title" ref="$title" value=\'\'>\n          <input type="hidden" name="description" ref="$description" value=\'\'>\n          <input type="hidden" name="html" ref="$html" value=\'\'>\n          <input type="hidden" name="css" ref="$css" value=\'\'>\n          <input type="hidden" name="dtd" value=\'html 5\'>\n          <input type="hidden" name="resources" ref=\'$resources\' value="" />\n          <button type="submit">\n              <div class=\'icon jsfiddle\'></div>\n              <div class=\'title\'>JSFiddle</div>\n          </button>                \n      </form>     \n    '}},{key:wn(),value:function(){this.refs.$title.val("sapa - editor.easylogic.studio"),this.refs.$description.val("https://editor.easylogic.studio");var t=_w.generate(),e=["https://cdn.jsdelivr.net/npm/@easylogic/anipa@0.0.3/dist/main.js"].join(",");return this.refs.$html.val(t.html),this.refs.$css.val(t.css),this.refs.$resources.val(e),!1}}])&&Iw(n.prototype,r),o&&Iw(n,o),e}();function Fw(t){return(Fw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Hw(t,e){return!e||"object"!==Fw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xw(t){return(Xw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yw(t,e){return(Yw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Nw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Hw(this,Xw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yw(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.rect}},{key:"getTitle",value:function(){return"1. Rect"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","rect")}}])&&Gw(n.prototype,r),o&&Gw(n,o),e}();function Kw(t){return(Kw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ww(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Uw(t,e){return!e||"object"!==Kw(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zw(t){return(Zw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qw(t,e){return(qw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Jw=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Uw(this,Zw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qw(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.circle}},{key:"getTitle",value:function(){return"2. Circle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","circle")}}])&&Ww(n.prototype,r),o&&Ww(n,o),e}();function Qw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var tk=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"getContainer",value:function(){return 1===pl.selection.items.length?pl.selection.currentArtboard:pl.selection.allRect}},{key:"left",value:function(){var e=t.getContainer().screenX.value;pl.selection.each(function(t){t.setScreenX(e)}),pl.selection.setRectCache()}},{key:"top",value:function(){var e=t.getContainer().screenY.value;pl.selection.each(function(t){t.setScreenY(e)}),pl.selection.setRectCache()}},{key:"center",value:function(){var e=t.getContainer(),n=e.screenX.value+e.width.value/2;pl.selection.each(function(t){t.setScreenXCenter(n)}),pl.selection.setRectCache()}},{key:"middle",value:function(){var e=t.getContainer(),n=e.screenY.value+e.height.value/2;pl.selection.each(function(t){t.setScreenYMiddle(n)}),pl.selection.setRectCache()}},{key:"right",value:function(){var e=t.getContainer().screenX2.value;pl.selection.each(function(t){t.setScreenX2(e)}),pl.selection.setRectCache()}},{key:"bottom",value:function(){var e=t.getContainer().screenY2.value;pl.selection.each(function(t){t.setScreenY2(e)}),pl.selection.setRectCache()}},{key:"sameWidth",value:function(){var t=pl.selection.items.length;1==t||t>1&&(pl.selection.each(function(t){t.setScreenX(pl.selection.allRect.x.value),t.width.set(pl.selection.allRect.width.value)}),pl.selection.setRectCache())}},{key:"sameHeight",value:function(){var t=pl.selection.items.length;1==t||t>1&&(pl.selection.each(function(t){t.setScreenY(pl.selection.allRect.y.value),t.height.set(pl.selection.allRect.height.value)}),pl.selection.setRectCache())}}],(n=null)&&Qw(e.prototype,n),r&&Qw(e,r),t}();function ek(t){return(ek="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rk(t,e){return!e||"object"!==ek(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ok(t){return(ok=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ik(t,e){return(ik=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ak=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rk(this,ok(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ik(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.left(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&nk(n.prototype,r),o&&nk(n,o),e}();function ck(t){return(ck="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sk(t,e){return!e||"object"!==ck(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lk(t){return(lk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fk(t,e){return(fk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sk(this,lk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.right(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&uk(n.prototype,r),o&&uk(n,o),e}();function hk(t){return(hk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dk(t,e){return!e||"object"!==hk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vk(t){return(vk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bk(t,e){return(bk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dk(this,vk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.center(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&yk(n.prototype,r),o&&yk(n,o),e}();function mk(t){return(mk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kk(t,e){return!e||"object"!==mk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ok(t){return(Ok=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sk(t,e){return(Sk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kk(this,Ok(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.top(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&wk(n.prototype,r),o&&wk(n,o),e}();function Pk(t){return(Pk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _k(t,e){return!e||"object"!==Pk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Tk(t){return(Tk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ek(t,e){return(Ek=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ck=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_k(this,Tk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ek(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.bottom(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&xk(n.prototype,r),o&&xk(n,o),e}();function $k(t){return($k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Rk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vk(t,e){return!e||"object"!==$k(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ak(t){return(Ak=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Dk(t,e){return(Dk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ik=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Vk(this,Ak(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Dk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"middle"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.middle(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Rk(n.prototype,r),o&&Rk(n,o),e}();function Mk(t){return(Mk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bk(t,e){return!e||"object"!==Mk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zk(t){return(zk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fk(t,e){return(Fk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Gk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Bk(this,zk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"height"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.sameHeight(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Lk(n.prototype,r),o&&Lk(n,o),e}();function Hk(t){return(Hk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yk(t,e){return!e||"object"!==Hk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Nk(t){return(Nk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kk(t,e){return(Kk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Wk=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Yk(this,Nk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"width"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){tk.sameWidth(),this.emit("refreshSelectionStyleView"),this.emit("refreshSelectionTool")}}])&&Xk(n.prototype,r),o&&Xk(n,o),e}();function Uk(t){return(Uk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qk(t,e){return!e||"object"!==Uk(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jk(t){return(Jk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qk(t,e){return(Qk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qk(this,Jk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qk(t,e)}(e,vw),n=e,(r=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){pl.selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:Pr("refreshSelection"),value:function(){this.$el.hide()}}])&&Zk(n.prototype,r),o&&Zk(n,o),e}();function eO(t){return(eO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rO(t,e){return!e||"object"!==eO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oO(t){return(oO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iO(t,e){return(iO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rO(this,oO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.title}},{key:"getTitle",value:function(){return"3. Text"}},{key:"getClassName",value:function(){return"text"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","text")}}])&&nO(n.prototype,r),o&&nO(n,o),e}();function cO(t){return(cO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sO(t,e){return!e||"object"!==cO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lO(t){return(lO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fO(t,e){return(fO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sO(this,lO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.dahaze}},{key:"getIcon",value:function(){return"open-right-panel"}},{key:"getTitle",value:function(){return"Property"}},{key:"clickButton",value:function(t){this.emit("toggleRightPanel"),this.trigger("refreshMenuItem")}},{key:Pr("refreshMenuItem"),value:function(){this.$el.toggleClass("open",editor.openRightPanel)}},{key:Pr("refreshAll"),value:function(){this.trigger("refreshMenuItem")}}])&&uO(n.prototype,r),o&&uO(n,o),e}();function hO(t){return(hO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dO(t,e){return!e||"object"!==hO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vO(t){return(vO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bO(t,e){return(bO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dO(this,vO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.polygon}},{key:"getTitle",value:function(){return"Polygon"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.polygon")}}])&&yO(n.prototype,r),o&&yO(n,o),e}();function mO(t){return(mO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kO(t,e){return!e||"object"!==mO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function OO(t){return(OO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SO(t,e){return(SO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kO(this,OO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.star}},{key:"getTitle",value:function(){return"Star"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.trigger("addStar")}},{key:Pr("addStar"),value:function(){this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPolygonEditor","star")}}])&&wO(n.prototype,r),o&&wO(n,o),e}();function PO(t){return(PO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _O(t,e){return!e||"object"!==PO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TO(t){return(TO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EO(t,e){return(EO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_O(this,TO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.color_lens}},{key:"getTitle",value:function(){return"Theme"}},{key:"clickButton",value:function(t){this.emit("switch.theme")}}])&&xO(n.prototype,r),o&&xO(n,o),e}();function $O(t){return($O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VO(t,e){return!e||"object"!==$O(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AO(t){return(AO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DO(t,e){return(DO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var IO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VO(this,AO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.publish}},{key:"getTitle",value:function(){return"Export"}},{key:"clickButton",value:function(t){this.emit("show.exportView")}}])&&RO(n.prototype,r),o&&RO(n,o),e}();function MO(t){return(MO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BO(t,e){return!e||"object"!==MO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zO(t){return(zO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FO(t,e){return(FO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BO(this,zO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.note}},{key:"getTitle",value:function(){return"Learn"}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&LO(n.prototype,r),o&&LO(n,o),e}();function HO(t){return(HO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YO(t,e){return!e||"object"!==HO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NO(t){return(NO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KO(t,e){return(KO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WO=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YO(this,NO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.cube}},{key:"getTitle",value:function(){return"5. Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","cube")}}])&&XO(n.prototype,r),o&&XO(n,o),e}();function UO(t){return(UO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qO(t,e){return!e||"object"!==UO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JO(t){return(JO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QO(t,e){return(QO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qO(this,JO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QO(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.photo}},{key:"getTitle",value:function(){return"4. Image"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(){this.emit("add.type","image")}}])&&ZO(n.prototype,r),o&&ZO(n,o),e}();function eS(t){return(eS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rS(t,e){return!e||"object"!==eS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oS(t){return(oS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iS(t,e){return(iS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rS(this,oS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.edit}},{key:"getTitle",value:function(){return"6. Path"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.path")}}])&&nS(n.prototype,r),o&&nS(n,o),e}();function cS(t){return(cS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sS(t,e){return!e||"object"!==cS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lS(t){return(lS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fS(t,e){return(fS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sS(this,lS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.storage}},{key:"getTitle",value:function(){return"Save"}},{key:"clickButton",value:function(t){this.emit("save.json")}}])&&uS(n.prototype,r),o&&uS(n,o),e}();function hS(t){return(hS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dS(t,e){return!e||"object"!==hS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vS(t){return(vS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bS(t,e){return(bS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dS(this,vS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.archive}},{key:"getTitle",value:function(){return"Archive"}},{key:"clickButton",value:function(t){this.emit("download.json")}}])&&yS(n.prototype,r),o&&yS(n,o),e}();function mS(t){return(mS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kS(t,e){return!e||"object"!==mS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function OS(t){return(OS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SS(t,e){return(SS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kS(this,OS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return"1. Select a item"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("select.item")}}])&&wS(n.prototype,r),o&&wS(n,o),e}();function PS(t){return(PS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _S(t,e){return!e||"object"!==PS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TS(t){return(TS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ES(t,e){return(ES=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_S(this,TS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ES(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.rect}},{key:"getTitle",value:function(){return"6. SVG Rect"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgrect")}}])&&xS(n.prototype,r),o&&xS(n,o),e}();function $S(t){return($S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VS(t,e){return!e||"object"!==$S(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AS(t){return(AS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DS(t,e){return(DS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var IS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VS(this,AS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.circle}},{key:"getTitle",value:function(){return"6. SVG Circle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgcircle")}}])&&RS(n.prototype,r),o&&RS(n,o),e}();function MS(t){return(MS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BS(t,e){return!e||"object"!==MS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zS(t){return(zS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FS(t,e){return(FS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BS(this,zS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.fullscreen}},{key:"getTitle",value:function(){return"Screen"}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&LS(n.prototype,r),o&&LS(n,o),e}();function HS(t){return(HS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YS(t,e){return!e||"object"!==HS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NS(t){return(NS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KS(t,e){return(KS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WS=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YS(this,NS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.text_rotate}},{key:"getTitle",value:function(){return"10. SVG TextPath"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","svgtextpath")}}])&&XS(n.prototype,r),o&&XS(n,o),e}();function US(t){return(US="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qS(t,e){return!e||"object"!==US(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JS(t){return(JS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QS(t,e){return(QS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tj={AddCylinder:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qS(this,JS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QS(t,e)}(e,vw),n=e,(r=[{key:"getIconString",value:function(){return wm.cube}},{key:"getTitle",value:function(){return"5. Cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("add.type","cylinder")}}])&&ZS(n.prototype,r),o&&ZS(n,o),e}(),AddSVGTextPath:WS,Fullscreen:GS,AddSVGCircle:IS,AddSVGRect:CS,SelectTool:jS,Download:gS,Save:pS,AddCube:WO,AddImage:tS,AddPath:aS,Manual:GO,ExportView:IO,ThemeSwitcher:CO,AddStar:jO,AddPolygon:gO,ToggleRightItem:pO,AddText:aO,CopyItem:tO,SameHeight:Gk,SameWidth:Wk,TopAlign:jk,BottomAlign:Ck,MiddleAlign:Ik,CenterAlign:gk,RightAlign:pk,LeftAlign:ak,AddCircle:Jw,AddRect:Nw,ExportJSFiddle:zw,ExportCodePen:Aw,Github:Ow};function ej(t){return(ej="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rj(t,e){return!e||"object"!==ej(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function oj(t){return(oj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ij(t,e){return(ij=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rj(this,oj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ij(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return tj}},{key:"template",value:function(){return"\n      <div class='tool-menu '>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            \x3c!--<label>CSS</label>--\x3e\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddCube />\n            \x3c!-- AddCylinder / --\x3e\n            \x3c!-- AddSphere / --\x3e\n            <div class='split'></div>\n            \x3c!--<label>SVG</label>--\x3e\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGTextPath />\n            <AddPolygon />\n            <AddStar />\n            \x3c!-- <AddRedGL /> --\x3e\n          </div>\n        </div>\n\n      </div>\n    "}},{key:Pr("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:rn("$items button"),value:function(t){t.$delegateTarget.onlyOneClass("selected")}}])&&nj(n.prototype,r),o&&nj(n,o),e}();function cj(t){return(cj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function sj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lj(t,e){return!e||"object"!==cj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fj(t,e,n){return(fj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=pj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function pj(t){return(pj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hj(t,e){return(hj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lj(this,pj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hj(t,e)}(e,Ev),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new fv({color:t,percent:0,index:0}),new fv({color:t,percent:100,index:1})]})}}],(r=[{key:"getDefaultObject",value:function(){return fj(pj(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new fv({color:"red",percent:0,index:0}),new fv({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){uj(t,e,n[e])})}return t}({},fj(pj(e.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"toString",value:function(){var t=this.json.colorsteps[0].color;return"linear-gradient(to right, ".concat(t," 0%, ").concat(t," 100%)")}},{key:"isStatic",value:function(){return!0}}])&&sj(n.prototype,r),o&&sj(n,o),e}();function dj(t){return(dj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){bj(t,e,n[e])})}return t}function bj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wj(t,e,n){return e&&mj(t.prototype,e),n&&mj(t,n),t}function kj(t,e){return!e||"object"!==dj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oj(t,e,n){return(Oj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Sj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Sj(t){return(Sj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jj(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pj(t,e)}function Pj(t,e){return(Pj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xj=["jpg","jpeg","png","gif","svg"];var _j=function(t){function e(){return gj(this,e),kj(this,Sj(e).apply(this,arguments))}return jj(e,mv),wj(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Oj(Sj(e.prototype),"getDefaultObject",this).call(this,vj({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return vj({},Oj(Sj(e.prototype),"toCloneObject",this).call(this),{url:this.json.url,datauri:this.json.datauri})}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.json;return"url(".concat(t?pl.getFile(e.url):e.url,")")}}],[{key:"parse",value:function(t){return new e({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return xj.includes(t)}}]),e}();function Tj(t){return(Tj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ej(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Cj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){$j(t,e,n[e])})}return t}function $j(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Rj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vj(t,e){return!e||"object"!==Tj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Aj(t,e,n){return(Aj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Dj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Dj(t){return(Dj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ij(t,e){return(Ij=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Mj={0:"to top",45:"to top right",90:"to right",135:"to bottom right",180:"to bottom",225:"to bottom left",270:"to left",315:"to top left"},Lj={"to top":"0","to top right":"45","to right":"90","to bottom right":"135","to bottom":"180","to bottom left":"225","to left":"270","to top left":"315"},Bj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Vj(this,Dj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ij(t,e)}(e,Ev),n=e,o=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new e({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=se(t),r=0,o=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){t.includes("@")?(t=fe(t,n.matches),o.push.apply(o,Ej(fv.parse(t)))):r=E(Lj[t])?He.parse(t):He.deg(+Lj[t])}),new e({angle:r.value,colorsteps:o})}}],(r=[{key:"getDefaultObject",value:function(t){return Aj(Dj(e.prototype),"getDefaultObject",this).call(this,Cj({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Cj({},Aj(Dj(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle})}},{key:"isLinear",value:function(){return!0}},{key:"hasAngle",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t=this.getColorString(),e="";return M(e=this.json.angle||0)&&(e=Mj["".concat(e)]||e),M(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&Rj(n.prototype,r),o&&Rj(n,o),e}();function zj(t){return(zj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Gj(t,e){return!e||"object"!==zj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hj(t,e,n){return(Hj="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Xj(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function Xj(t){return(Xj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yj(t,e){return(Yj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Nj,Kj=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Gj(this,Xj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yj(t,e)}(e,Bj),n=e,o=[{key:"parse",value:function(t){var n=Bj.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return Hj(Xj(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Fj(n.prototype,r),o&&Fj(n,o),e}();function Wj(t){return(Wj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Uj(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Zj(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function qj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){rP(t,e,n[e])})}return t}function Jj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qj(t,e){return!e||"object"!==Wj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tP(t,e,n){return(tP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=eP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function eP(t){return(eP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nP(t,e){return(nP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var oP=(rP(Nj={},"center",!0),rP(Nj,"top",!0),rP(Nj,"left",!0),rP(Nj,"right",!0),rP(Nj,"bottom",!0),Nj),iP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Qj(this,eP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nP(t,e)}(e,Ev),n=e,o=[{key:"parse",value:function(t){var n=se(t),r="ellipse",o=[Fe.CENTER,Fe.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t,n.matches),i.push.apply(i,Zj(fv.parse(t)));else{if(t.includes("at")){var a=Uj(t.split("at").map(function(t){return t.trim()}),2);r=a[0],o=a[1]}else r=t;if(V(o)){var c=o.split(" ");if(1===c.length){var u=He.parse(c[0]);o=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(o=c.map(function(t){var e=He.parse(t);return e.isString()?e.value:e.clone()}))}}}),new e({radialType:r,radialPosition:o,colorsteps:i})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tP(eP(e.prototype),"getDefaultObject",this).call(this,qj({type:"radial-gradient",radialType:"ellipse",radialPosition:[Fe.CENTER,Fe.CENTER]},t))}},{key:"toCloneObject",value:function(){return qj({},tP(eP(e.prototype),"toCloneObject",this).call(this),{radialType:this.json.radialType,radialPosition:L(this.json.radialPosition)})}},{key:"isRadial",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var t,e=this.getColorString(),n=this.json,r=n.radialType,o=n.radialPosition||["center","center"];return t=(o=oP[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&Jj(n.prototype,r),o&&Jj(n,o),e}();function aP(t){return(aP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uP(t,e){return!e||"object"!==aP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sP(t,e,n){return(sP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=lP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function lP(t){return(lP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fP(t,e){return(fP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pP,hP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uP(this,lP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fP(t,e)}(e,iP),n=e,o=[{key:"parse",value:function(t){var n=iP.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return sP(lP(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&cP(n.prototype,r),o&&cP(n,o),e}();function yP(t){return(yP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function vP(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function bP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){SP(t,e,n[e])})}return t}function gP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mP(t,e){return!e||"object"!==yP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wP(t,e,n){return(wP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=kP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function kP(t){return(kP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OP(t,e){return(OP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function SP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var jP=(SP(pP={},"center",!0),SP(pP,"top",!0),SP(pP,"left",!0),SP(pP,"right",!0),SP(pP,"bottom",!0),pP),PP={"to top":0,"to top right":45,"to right":90,"to bottom right":135,"to bottom":180,"to bottom left":225,"to left":270,"to top left":315},xP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mP(this,kP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OP(t,e)}(e,Ev),n=e,o=[{key:"parse",value:function(t){var n=se(t),r="0deg",o=[Fe.CENTER,Fe.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(t.includes("@"))t=fe(t=t.split(" ").map(function(t){return t.trim()}).map(function(t){return t.includes("deg")?He.parse(t).toPercent():t}).join(" "),n.matches),i.push.apply(i,vP(fv.parse(t)));else{if(t.includes("at")){var a=dP(t.split("at").map(function(t){return t.trim()}),2);r=a[0],o=a[1]}else r=t;if(V(o)){var c=o.split(" ");if(1===c.length){var u=He.parse(c[0]);o=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(o=c.map(function(t){var e=He.parse(t);return e.isString()?e.value:e}))}V(r)&&r.includes("from")&&(r=r.split("from")[1],r=E(PP[r])?He.parse(r):He.deg(+PP[r]))}}),new e({angle:r.value,radialPosition:o,colorsteps:i})}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return wP(kP(e.prototype),"getDefaultObject",this).call(this,bP({type:"conic-gradient",angle:0,radialPosition:[Fe.CENTER,Fe.CENTER]},t))}},{key:"toCloneObject",value:function(){return bP({},wP(kP(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:L(this.json.radialPosition)})}},{key:"isConic",value:function(){return!0}},{key:"hasAngle",value:function(){return!0}},{key:"getColorString",value:function(){if(0===this.colorsteps.length)return"";var t=this.colorsteps;return t?(t.sort(function(t,e){return t.percent==e.percent?0:t.percent>e.percent?1:-1}),t.map(function(e,n){return e.prevColorStep=e.cut&&n>0?t[n-1]:null,e}).map(function(t){var e=Math.floor(3.6*t.percent),n="";if(t.cut&&t.prevColorStep){var r=Math.floor(3.6*t.prevColorStep.percent);n="".concat(r,"deg")}return"".concat(t.color," ").concat(n," ").concat(e,"deg")}).join(",")):""}},{key:"toString",value:function(){var t=this.getColorString(),e=[],n=this.json,r=n.angle,o=n.radialPosition||Fe.CENTER;o=jP[o]?o:o.join(" "),C(r)&&(r=+(PP[r]||r),e.push("from ".concat(r,"deg"))),o&&e.push("at ".concat(o));var i=e.length?e.join(" ")+",":"";return"".concat(n.type,"(").concat(i," ").concat(t,")")}}])&&gP(n.prototype,r),o&&gP(n,o),e}();function _P(t){return(_P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EP(t,e){return!e||"object"!==_P(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CP(t,e,n){return(CP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$P(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $P(t){return($P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RP(t,e){return(RP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),EP(this,$P(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RP(t,e)}(e,xP),n=e,o=[{key:"parse",value:function(t){var n=xP.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return CP($P(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Fe.CENTER,Fe.CENTER]})}}])&&TP(n.prototype,r),o&&TP(n,o),e}();function AP(t){return(AP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function IP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){MP(t,e,n[e])})}return t}function MP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BP(t,e){return!e||"object"!==AP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zP(t,e,n){return(zP="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=FP(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function FP(t){return(FP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GP(t,e){return(GP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HP=["repeat","no-repeat","repeat-x","repeat-y"],XP=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,YP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BP(this,FP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GP(t,e)}(e,Gr),n=e,o=[{key:"createImage",value:function(t){return new _j({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=t.angle||e.angle,o=t.radialType||e.radialType,i=t.radialPosition||e.radialPosition,a=e.toJSON();switch(delete a.itemType,delete a.type,t.type){case"static-gradient":return new yj(IP({},a,{colorsteps:n}));case"linear-gradient":return new Bj(IP({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Kj(IP({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new iP(IP({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new hP(IP({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new xP(IP({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new VP(IP({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new Ev}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=se(t),n=null,r=e.str.match(XP);return r?(r.forEach(function(t,r){(t=fe(t,e.matches)).includes("repeating-linear-gradient")?n=Kj.parse(t):t.includes("linear-gradient")?n=Bj.parse(t):t.includes("repeating-radial-gradient")?n=hP.parse(t):t.includes("radial")?n=iP.parse(t):t.includes("repeating-conic-gradient")?n=VP.parse(t):t.includes("conic")?n=xP.parse(t):t.includes("url")&&(n=_j.parse(t))}),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new yj(t);case"linear-gradient":return new Bj(t);case"repeating-linear-gradient":return new Kj(t);case"radial-gradient":return new iP(t);case"repeating-radial-gradient":return new hP(t);case"conic-gradient":return new xP(t);case"repeating-conic-gradient":return new VP(t);case"image-resource":case"url":return new _j(t)}}},{key:"parseStyle",value:function(t){var n=[];if(t["background-image"]){var r=se(t["background-image"]);r.str.match(XP).forEach(function(t,o){var i=null;(t=fe(t,r.matches)).includes("repeating-linear-gradient")?i=Kj.parse(t):t.includes("linear-gradient")?i=Bj.parse(t):t.includes("repeating-radial-gradient")?i=hP.parse(t):t.includes("radial-gradient")?i=iP.parse(t):t.includes("repeating-conic-gradient")?i=VP.parse(t):t.includes("conic-gradient")?i=xP.parse(t):t.includes("url")&&(i=_j.parse(t)),n[o]=new e({type:i.type,image:i})})}return t["background-repeat"]&&t["background-repeat"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){n[e]&&(n[e].repeat=t)}),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){n[e]&&(n[e].blendMode=t)}),t["background-size"]&&t["background-size"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(n[e])if("cover"==t||"contain"===t||"auto"===t)n[e].size=t;else{n[e].size="auto";var r=DP(t.split(" "),2),o=r[0],i=r[1];n[e].width=He.parse(o),n[e].height=He.parse(i)}}),t["background-position"]&&t["background-position"].split(",").map(function(t){return t.trim()}).forEach(function(t,e){if(n[e]){var r=DP(t.split(" "),2),o=r[0],i=r[1];n[e].x=He.parse(o),n[e].y=He.parse(i)}}),n}},{key:"toPropertyCSS",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n={};return t.forEach(function(t){S(t.toCSS(e),function(t,e){n[t]||(n[t]=[]),n[t].push(e)})}),z(n)}},{key:"join",value:function(t){return Y(e.toPropertyCSS(t.map(function(t){return e.parse(t)})))}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:e.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:e.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return zP(FP(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:He.percent(100),height:He.percent(100),x:He.percent(0),y:He.percent(0),image:new yj})}},{key:"toCloneObject",value:function(){var t=this.json;return IP({},zP(FP(e.prototype),"toCloneObject",this).call(this),{checked:t.checked,blendMode:t.blendMode,size:t.size,repeat:t.repeat,width:t.width+"",height:t.height+"",x:t.x+"",y:t.y+"",image:t.image.clone()})}},{key:"convert",value:function(t){return t.x=He.parse(t.x),t.y=He.parse(t.y),t.width&&(t.width=He.parse(t.width)),t.height&&(t.height=He.parse(t.height)),V(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?HP.includes(n):zP(FP(e.prototype),"checkField",this).call(this,t,n)}},{key:"toBackgroundImageCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.image?{"background-image":this.json.image.toString(t)}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return IP({},this.toBackgroundImageCSS(t),this.toBackgroundPositionCSS(),this.toBackgroundSizeCSS(),this.toBackgroundRepeatCSS(),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return j(this.toCSS(),function(t,e){return"".concat(t,": ").concat(e)}).join(";")}},{key:"toBackgroundCSS",value:function(){var t=this.toCSS();return{background:"".concat(t["background-image"]," ")}}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&LP(n.prototype,r),o&&LP(n,o),e}();function NP(t){return(NP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){WP(t,e,n[e])})}return t}function WP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZP(t,e){return!e||"object"!==NP(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qP(t){return(qP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JP(t,e){return(JP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QP=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ZP(this,qP(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JP(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(KP({},t))}},{key:Gn("$miniView"),value:function(){return{style:{"background-image":"linear-gradient(to top right, black, white)","background-repeat":this.state.repeat,"background-size":"7px 7px"}}}},{key:"template",value:function(){return"\n            <div class='background-position-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Pr("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(KP({},t))}}])&&UP(n.prototype,r),o&&UP(n,o),e}();function tx(t){return(tx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ex(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rx(t,e){return!e||"object"!==tx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ox(t){return(ox=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ix(t,e){return(ix=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ax=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),rx(this,ox(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ix(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ex(t,e,n[e])})}return t}({},t))}},{key:Gn("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover"}}}},{key:"template",value:function(){return"\n            <div class='gradient-single-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Pr("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&nx(n.prototype,r),o&&nx(n,o),e}();function cx(t){return(cx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ux(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function sx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lx(t,e){return!e||"object"!==cx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fx(t){return(fx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function px(t,e){return(px=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hx={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(wm.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(wm.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(wm.repeat," Conic")},yx={image:"image","image-resource":"image",url:"image","static-gradient":"gradient","linear-gradient":"gradient","repeating-linear-gradient":"gradient","radial-gradient":"gradient","repeating-radial-gradient":"gradient","conic-gradient":"gradient","repeating-conic-gradient":"gradient"},dx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lx(this,fx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&px(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{GradientSingleEditor:ax,BackgroundPositionEditor:QP}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,images:this.parseBackgroundImage(this.props.value)}}},{key:"parseBackgroundImage",value:function(t){return YP.parseStyle(N(t))}},{key:"setValue",value:function(t){this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='background-image-editor' >\n                <div class='label ".concat(t,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(wm.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        ")}},{key:"getColorStepList",value:function(t){switch(t.type){case"static-gradient":case"linear-gradient":case"repeating-linear-gradient":case"radial-gradient":case"repeating-radial-gradient":case"conic-gradient":case"repeating-conic-gradient":return this.getColorStepString(t.colorsteps)}return""}},{key:"getColorStepString",value:function(t){return t.map(function(t,e){return"\n                    <div class='step' data-index=\"".concat(e,'" data-cut="').concat(t.cut,"\" data-selected='").concat(t.selected,"'>\n                        <div class='color-view' style='background-color:").concat(t.color,";'></div>\n                    </div>\n                ")}).join("")}},{key:zn("$fillList"),value:function(){var t=this;return this.state.images.map(function(e,n){var r=e.image,o=yx[r.type],i=hx[r.type],a=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='fill-item ".concat(a,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true' data-fill-type=\"").concat(o,'" >\n                <BackgroundPositionEditor ').concat(K({key:"background-position",index:n,ref:"$bp".concat(n),x:e.x,y:e.y,width:e.width,height:e.height,repeat:e.repeat,size:e.size,blendMode:e.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(K({index:n,ref:"$gse".concat(n),image:e.image,key:"background-image"})," onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(n,'">').concat(i,"</div>\n                    <div class='colorsteps' ref=\"colorsteps").concat(n,'">\n                      ').concat(t.getColorStepList(r),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(n,"'>").concat(wm.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")})}},{key:"modifyBackgroundImage",value:function(){var t=Y(YP.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Pr("add"),value:function(){this.state.images.push(new YP({image:new Bj({angle:90,colorsteps:[new fv({percent:0,color:"white",index:0}),new fv({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:sn("$fillList .fill-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$fillList .fill-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ux(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:ln("$fillList .fill-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");this.selectItem(this.startIndex,!0),this.sortBackgroundImage(this.startIndex,e),this.refresh(),this.modifyBackgroundImage()}},{key:"getCurrentBackgroundImage",value:function(){return this.state.images[this.selectedIndex]}},{key:rn("$fillList .tools .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.images.forEach(function(e,n){e.selected=n===t})}},{key:Pr("selectFillPopupTab"),value:function(t,e){var n=yx[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Pr("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&sx(n.prototype,r),o&&sx(n,o),e}();function vx(t){return(vx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bx(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mx(t,e){return!e||"object"!==vx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wx(t,e,n){return(wx="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=kx(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function kx(t){return(kx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ox(t,e){return(Ox=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Sx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mx(this,kx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ox(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=se(t);return n=r.str.split(",").filter(function(t){return t.trim()}).map(function(t){var n=t.split(" "),o=n.filter(function(t){return"inset"===t}),i=n.filter(function(t){return t.includes("@")}).map(function(t){return r.matches[+t.replace("@","")].color}),a=n.filter(function(t){return"inset"!==t&&!t.includes("@")});return e.parse({inset:!!o.length,color:i[0]||"rgba(0, 0, 0, 1)",offsetX:He.parse(a[0]||"0px"),offsetY:He.parse(a[1]||"0px"),blurRadius:He.parse(a[2]||"0px"),spreadRadius:He.parse(a[3]||"0px")})})}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(", ")}}],(r=[{key:"getDefaultObject",value:function(){return wx(kx(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),spreadRadius:He.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){var t=this.json;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){bx(t,e,n[e])})}return t}({},wx(kx(e.prototype),"toCloneObject",this).call(this),{inset:t.inset,offsetX:t.offsetX+"",offsetY:t.offsetY+"",blurRadius:t.blurRadius+"",spreadRadius:t.spreadRadius+"",color:t.color})}},{key:"convert",value:function(t){return(t=wx(kx(e.prototype),"convert",this).call(this,t)).offsetX=He.parse(t.offsetX),t.offsetY=He.parse(t.offsetY),t.blurRadius=He.parse(t.blurRadius),t.spreadRadius=He.parse(t.spreadRadius),t}},{key:"toCSS",value:function(){return{"box-shadow":this.toString()}}},{key:"toString",value:function(){var t=this.json;return"".concat(t.inset?"inset ":"").concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.spreadRadius," ").concat(t.color)}}])&&gx(n.prototype,r),o&&gx(n,o),e}();function jx(t){return(jx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Px(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xx(t,e){return!e||"object"!==jx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _x(t){return(_x=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tx(t,e){return(Tx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ex=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xx(this,_x(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tx(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Sx.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="box-shadow-editor" >\n        <div class=\'label '.concat(t,"' >\n            <label>").concat(this.props.title||"",'</label>\n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Box Shadow">').concat(wm.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:zn("$shadowList"),value:function(){var t=this.state.boxShadows.map(function(t,e){return'\n        <div class="shadow-item real" data-index="'.concat(e,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(t.color,'">\n            </div>\n          </div>\n          <div class="inset" data-value="').concat(t.inset,'">').concat(wm.check,'</div>\n          <div class="offset-x">').concat(t.offsetX,'</div>\n          <div class="offset-y">').concat(t.offsetY,'</div>\n          <div class="blur-radius">').concat(t.blurRadius,'</div>\n          <div class="spread-radius">').concat(t.spreadRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(e,'">\n              ').concat(wm.remove2,"\n            </button>\n          </div>\n        </div>\n      ")});return t.length&&t.push('\n      <div class="shadow-item desc">\n        <div class="color"></div>      \n        <div class="inset" >Inset</div>\n\n        <div class="offset-x">X</div>\n        <div class="offset-y">Y</div>\n        <div class="blur-radius">Blur</div>\n        <div class="spread-radius">Spread</div>\n        <div class="tools">\n        </div>\n      </div>\n      '),t.join("")}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Pr("add"),value:function(){this.state.boxShadows.push(new Sx),this.refresh(),this.modifyBoxShadow()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:rn("$shadowList .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:rn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$delegateTarget.closest("shadow-item").attr("data-index"),n=this.state.boxShadows[e];this.viewShadowPopup(n,e)}},{key:"viewShadowPopup",value:function(t,e){this.selectedIndex=e,this.viewBoxShadowPropertyPopup(t)}},{key:"viewBoxShadowPropertyPopup",value:function(t){this.emit("showBoxShadowPropertyPopup",{changeEvent:"changeBoxShadowEditorPopup",color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}},{key:Pr("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:Pr("changeBoxShadowEditorPopup"),value:function(t,e){if(e.id===this.id){var n=this.state.boxShadows[this.selectedIndex];n&&(n.reset(t),this.refresh(),this.modifyBoxShadow())}}}])&&Px(n.prototype,r),o&&Px(n,o),e}();function Cx(t){return(Cx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $x(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Rx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vx(t,e){return!e||"object"!==Cx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ax(t){return(Ax=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Dx(t,e){return(Dx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ix=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Vx(this,Ax(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Dx(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.split||",",e=(this.props.options||"").split(t).map(function(t){return t.trim()}),n=this.props.value;return{splitChar:t,label:this.props.label||"",options:e,value:n}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <select ref='$options'></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:Gn("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:zn("$options"),value:function(){var t=this;return this.state.options.map(function(e){var n=e;if((o=e).includes(":")){var r=$x(o.split(":"),2),o=r[0];n=r[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",o="");var i=o===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(o,'">').concat(n,"</option>")})}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:t.split(this.state.splitChar).map(function(t){return t.trim()})})}},{key:hn("$options"),value:function(){this.updateData({value:this.refs.$options.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&Rx(n.prototype,r),o&&Rx(n,o),e}();function Mx(t){return(Mx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lx(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Bx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zx(t,e){return!e||"object"!==Mx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fx(t){return(Fx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gx(t,e){return(Gx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Hx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zx(this,Fx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gx(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Ix}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var l=u,f=(+s).toString();return"\n        <div ".concat(K({"data-selected-type":a,ref:"$range",class:W(Lx({"range-editor":!0,"has-label":!!o,"has-calc":i,"is-removable":c},l,!0))}),">\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <button type='button' class='type-button' ref='$toggleType'>").concat(wm.autorenew,"</button>\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(this.state.units,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <div class='range-editor-type' data-type='calc'>\n                <div class='area'>\n                    <SelectEditor ref='$varType' key='varType' value=\"").concat(this.state.value.unit,"\" options=\"calc,var\" onchange='changeVarType' />\n\n                    <input type='text' ref='$calc' value='").concat(this.state.value,"' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(wm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:rn("$toggleType"),value:function(t){var e="calc"===this.state.type?"range":"calc";r="";if("calc"===e){r=He.calc(this.refs.$calc.value);var n=r.unit;this.children.$varType.setValue(n)}else{var r=this.getRef("$propertyNumber").value,o=this.children.$unit.getValue();r=new He(r,o)}this.updateData({type:e,value:r}),this.refs.$range.attr("data-selected-type",e)}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$calc"),value:function(){this.updateData({value:new He(this.refs.$calc.value,this.children.$varType.getValue())})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"updateCalc",value:function(){this.refs.$calc.val(this.state.value)}},{key:"initValue",value:function(){""==this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue()))}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())}),this.updateCalc()}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())}),this.updateCalc()}},{key:Pr("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)}),this.updateCalc()}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&Bx(n.prototype,r),o&&Bx(n,o),e}();function Xx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var Yx=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":He.px(0),"border-top-left-radius":He.px(0),"border-top-right-radius":He.px(0),"border-bottom-right-radius":He.px(0),"border-bottom-left-radius":He.px(0)},n=t.split(" ").filter(function(t){return He.parse(t)});return 1===n.length?(e.isAll=!0,e["border-radius"]=n[0]):(e.isAll=!1,e["border-top-left-radius"]=n[0],e["border-top-right-radius"]=n[1],e["border-bottom-right-radius"]=n[2],e["border-bottom-left-radius"]=n[3]),e}}],(n=null)&&Xx(e.prototype,n),r&&Xx(e,r),t}();function Nx(t){return(Nx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wx(t,e){return!e||"object"!==Nx(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ux(t){return(Ux=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zx(t,e){return(Zx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qx=[{key:"border-top-left-radius",title:"Top Left"},{key:"border-top-right-radius",title:"Top Right"},{key:"border-bottom-right-radius",title:"Bottom Right"},{key:"border-bottom-left-radius",title:"Bottom Left"}],Jx=qx.map(function(t){return t.key}),Qx=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Wx(this,Ux(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zx(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"initState",value:function(){return Yx.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Pr("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&Jx.forEach(function(t){n.children["$".concat(t)].setValue(e.clone())}),this.setBorderRadius()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["border-radius"];return'\n      <div class="property-item border-radius-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(wm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(wm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='border-radius' value=\"").concat(n,'" onchange=\'changeBorderRadius\' />\n        </div>\n      </div>\n      <div\n        class="property-item full border-radius-item"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(qx.map(function(e){var n=t.state[e.key];return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:yn("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:hn("$radiusSettingBox select"),value:function(t){this.setBorderRadius()}},{key:"setBorderRadius",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["border-radius"]=this.children.$all.getValue()):(this.state.isAll=!1,Jx.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyBorderRadius()}},{key:"modifyBorderRadius",value:function(){var t=this,e="";e=this.state.isAll?this.state["border-radius"]+"":Jx.map(function(e){return"".concat(t.state[e])}).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&Kx(n.prototype,r),o&&Kx(n,o),e}();function t_(t){return(t_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n_(t,e){return!e||"object"!==t_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r_(t){return(r_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function o_(t,e){return(o_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var i_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),n_(this,r_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:Gn("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='color-single-editor'>\n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ".concat(this.state.color,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{changeEvent:"changeColorSingleEditor",color:this.state.color},{id:this.id})}},{key:Pr("changeColorSingleEditor"),value:function(t,e){e.id===this.id&&(this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t}))}}])&&e_(n.prototype,r),o&&e_(n,o),e}();function a_(t){return(a_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u_(t,e){return!e||"object"!==a_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function s_(t){return(s_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function l_(t,e){return(l_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var f_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),u_(this,s_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{removable:"true"===this.props.removable,label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"changeColor",value:function(t){this.setState({value:t}),this.refs.$miniView.cssText("background-color: ".concat(t)),this.refs.$colorCode.val(t)}},{key:"refresh",value:function(){this.refs.$miniView.cssText("background-color: ".concat(this.state.value)),this.refs.$colorCode.val(this.state.value)}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.removable?"is-removable":"";return"\n            <div class='color-view-editor ".concat(e?"has-label":""," ").concat(n,"'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n                        <div class='color-view' style=\"background-color: ").concat(this.state.value,"\" ref='$miniView'></div>\n                    </div>\n                </div>\n                <div class='color-code'>\n                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,"' />\n                </div>\n                <button type='button' class='remove' ref='$remove' title='Remove'>").concat(wm.remove,"</button>                \n            </div>\n        ")}},{key:Gn("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:Gn("$colorCode"),value:function(){return{value:this.state.value}}},{key:dn("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:bn("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:rn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{changeEvent:"changeColorViewEditor",color:this.state.value},{id:this.id})}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$el .color-code input"),value:function(t){var e=t.$delegateTarget.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:Pr("changeColorViewEditor"),value:function(t,e){e.id===this.id&&(this.refs.$miniView.cssText("background-color: ".concat(t)),this.refs.$colorCode.val(t),this.updateData({value:t}))}}])&&c_(n.prototype,r),o&&c_(n,o),e}();function p_(t){return(p_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h_(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function y_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function d_(t,e){return!e||"object"!==p_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v_(t){return(v_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b_(t,e){return(b_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var g_=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),d_(this,v_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b_(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:tg(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(wm.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(wm.chevron_right,"</div>\n                </div>\n                <div class='animation'>\n                    <canvas \n                        class='animation-canvas' \n                        ref='$animationCanvas' \n                        title='Click and Replay point animation' \n                        width='230px' \n                        height='20px'\n                    ></canvas>\n                </div>\n                <div class='item-list' ref='$itemList' data-selected-value=''>\n                    <div class='item' data-bezier='ease' title='ease'>\n                        <canvas class='item-canvas' ref='$item1Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                    <div class='item' data-bezier='ease-in' title='ease-in'>\n                        <canvas class='item-canvas' ref='$item2Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                    <div class='item' data-bezier='ease-out' title='ease-out'>\n                        <canvas class='item-canvas' ref='$item3Canvas' width=\"30px\" height=\"30px\"></canvas>\n                    </div>\n                </div>\n                <div class='bezier'>\n                    <canvas class='bezier-canvas' ref='$canvas' width='200px' height=\"200px\"></canvas>\n                    <div class='control' ref='$control'>\n                        <div class='pointer1' ref='$pointer1'></div>\n                        <div class='pointer2' ref='$pointer2'></div>\n                    </div>\n                </div>\n            </div>\n        ")}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyCubicBezier()}},{key:"modifyCubicBezier",value:function(){this.emit(this.props.onchange,this.state.key,eg(this.state.currentBezier))}},{key:rn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Qb.length-1:--n;e=Qb[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:rn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Qb.length,e=Qb[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:rn("$text"),value:function(){var t=h_(Qb[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:rn("$itemList .item"),value:function(t){var e=t.$delegateTarget.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=tg(e);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshPointer(),this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.drawBezierCanvas(this.refs.$canvas,this.state.currentBezier,!0)}},{key:"drawBezierCanvas",value:function(t,e){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e=tg(e),t.update(function(){var o=r?30:0,i=r?30:0,a=t.width()-2*o,c=t.height()-2*i,u=t.context();u.lineWidth=1,u.strokeStyle=n.state.baseLineColor,u.beginPath(),u.moveTo(o,c+i),u.lineTo(a+o,i),u.stroke(),u.closePath(),u.strokeStyle=n.state.selectedColor,u.beginPath(),u.moveTo(o,c+i),u.lineTo(e[0]*a+o,(0==e[1]?c:(1-e[1])*c)+i),u.moveTo(a+o,i),u.lineTo(e[2]*a+o,(1==e[3]?0:(1-e[3])*c)+i),u.stroke(),u.closePath(),u.lineWidth=2,u.strokeStyle=n.state.curveColor;var s=e[0]*a,l=0==e[1]?c:(1-e[1])*c,f=e[2]*a,p=1==e[3]?0:(1-e[3])*c,h=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+h,i+0),u.stroke()}),r&&this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var t=tg(this.state.currentBezier),e=this.refs.$control.width(),n=this.refs.$control.height(),r=t[0]*e,o=(1-t[1])*n;this.refs.$pointer1.css({left:He.px(r),top:He.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:He.px(r),top:He.px(o)})}},{key:"drawPoint",value:function(){var t=this;this.timer&&clearTimeout(this.timer),this.animationTimer&&clearTimeout(this.animationTimer),this.timer=setTimeout(function(){t.animationPoint()},100)}},{key:"start",value:function(t){var e=this,n=this.animationCanvasData.func(t),r=10+(this.animationCanvasData.width-20)*n.y,o=this.animationCanvasData.context;o.beginPath(),o.arc(r,10,5,0,2*Math.PI),o.fill(),o.stroke(),o.closePath(),t>=1||(this.animationTimer=setTimeout(function(){e.start(t+.05)},50))}},{key:"animationPoint",value:function(){var t=tg(this.state.currentBezier),e=lg(eg(t));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),o=this.refs.$animationCanvas.context();o.fillStyle=this.state.animatedColor,o.strokeStyle=this.state.selectedColor,o.lineWidth=1,this.animationCanvasData={func:e,width:n,height:r,context:o},this.start(0)}},{key:"setPosition",value:function(t,e){var n=this.refs.$control.width(),r=this.refs.$control.height(),o=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=e,c=a.x;0>c?c=0:a.x>document.body.clientWidth&&(c=document.body.clientWidth),(c-=o)<0&&(c=0),n<c&&(c=n);var u=a.y;return 0>u?u=0:a.y>document.body.clientHeight&&(u=document.body.clientHeight),u-=i,t.css({left:c+"px",top:u+"px"}),{x:div(c,n),y:u==r?0:(r-u)/r}}},{key:kn("$pointer1")+In("movePointer1")+Mn("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer1",value:function(t,e){var n=this.setPosition(this.refs.$pointer1,{x:this.clientX+t,y:this.clientY+e});this.state.currentBezier[0]=n.x,this.state.currentBezier[1]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:kn("$pointer2")+In("movePointer2")+Mn("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer2",value:function(t,e){var n=this.setPosition(this.refs.$pointer2,{x:this.clientX+t,y:this.clientY+e});this.state.currentBezier[2]=n.x,this.state.currentBezier[3]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Pr("showCubicBezierEditor"),value:function(t){var e=tg(t.timingFunction||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh(),this.drawBezierCanvas(this.refs.$item1Canvas,"ease"),this.drawBezierCanvas(this.refs.$item2Canvas,"ease-in"),this.drawBezierCanvas(this.refs.$item3Canvas,"ease-out")}}])&&y_(n.prototype,r),o&&y_(n,o),e}();function m_(t){return(m_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w_(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function k_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){O_(t,e,n[e])})}return t}function O_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function S_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P_(t,e,n){return e&&j_(t.prototype,e),n&&j_(t,n),t}function x_(t,e){return!e||"object"!==m_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function __(t,e,n){return(__="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=T_(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function T_(t){return(T_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E_(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&C_(t,e)}function C_(t,e){return(C_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $_=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,R_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,Gr),P_(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return __(T_(e.prototype),"getDefaultObject",this).call(this,k_({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=X_[t.type];return e?new e(t):new A_({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=se(t);return(r.str.match($_)||[]).forEach(function(t,o){var i=w_(t.split("("),2),a=i[0],c=i[1];if(c=c.split(")")[0],"drop-shadow"===a){var u=c.split(" "),s=u.filter(function(t){return t.includes("@")}).map(function(t){return r.matches[+t.replace("@","")].color}),l=u.filter(function(t){return!t.includes("@")});n[o]=e.parse({type:a,offsetX:He.parse(l[0]),offsetY:He.parse(l[1]),blurRadius:He.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else n[o]=e.parse({type:a,value:He.parse(c)})}),n}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(" ")}}]),e}(),V_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return k_({},__(T_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}}]),e}();V_.spec={title:"Blur",inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:He.px(0)};var A_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return k_({},__(T_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}();A_.spec={title:"SVG",inputType:"select",defaultValue:""};var D_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return k_({},__(T_(e.prototype),"toCloneObject",this).call(this),{value:He.parse(this.json.value)})}}]),e}();D_.spec={title:"Grayscale",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var I_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}();I_.spec={title:"Hue",inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:He.deg(0)};var M_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}();M_.spec={title:"Invert",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var L_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}();L_.spec={title:"Brightness",inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var B_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}();B_.spec={title:"Contrast",inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var z_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}();z_.spec={title:"Opacity",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var F_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}();F_.spec={title:"Saturate",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(100)};var G_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}();G_.spec={title:"Sepia",inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:He.percent(0)};var H_=function(t){function e(){return S_(this,e),x_(this,T_(e).apply(this,arguments))}return E_(e,R_),P_(e,[{key:"getDefaultObject",value:function(){return __(T_(e.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:e.spec.offsetX.defaultValue,offsetY:e.spec.offsetY.defaultValue,blurRadius:e.spec.blurRadius.defaultValue,color:e.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),e}();H_.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:He.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var X_={blur:V_,grayscale:D_,"hue-rotate":I_,invert:M_,brightness:L_,contrast:B_,opacity:z_,saturate:F_,sepia:G_,"drop-shadow":H_,svg:A_},Y_={BlurFilter:V_,GrayscaleFilter:D_,HueRotateFilter:I_,InvertFilter:M_,BrightnessFilter:L_,ContrastFilter:B_,OpacityFilter:z_,SaturateFilter:F_,SepiaFilter:G_,DropshadowFilter:H_,URLSvgFilter:A_};function N_(t){return(N_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function W_(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function U_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z_(t,e){return!e||"object"!==N_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q_(t){return(q_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J_(t,e){return(J_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q_=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],tT={blur:V_.spec,grayscale:D_.spec,"hue-rotate":I_.spec,invert:M_.spec,brightness:L_.spec,contrast:B_.spec,"drop-shadow":H_.spec,opacity:z_.spec,saturate:F_.spec,sepia:G_.spec,svg:A_.spec},eT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Z_(this,q_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J_(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Ix,RangeEditor:Hx,ColorViewEditor:f_}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:R_.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='filter-editor filter-list'>\n          <div class='label ".concat(t,"' >\n              <label>").concat(this.props.title||"",'</label>\n              <div class=\'tools\'>\n                <select ref="$filterSelect"></select>\n                <button type="button" ref="$add" title="add Filter">').concat(wm.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:zn("$filterSelect"),value:function(){var t=Q_.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(W_(t),[{title:"-------",value:""}],W_(e)):W_(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSpec",value:function(t){return tT[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){return'\n      <div class="filter-item">\n        <div class="title" draggable="true" data-index="'.concat(n,'">\n          <label>Drop Shadow</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(wm.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <label>').concat(t.color.title,"</label>\n          <ColorViewEditor ref='$dropShadowColorView").concat(n,"' params=\"").concat(n,'" value="').concat(e.color,'" onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map(function(r){return'        \n            <div class="filter-ui drop-shadow">\n                <label>'.concat(t[r].title,"</label>\n\n                <RangeEditor \n                  ref='$").concat(r).concat(n,"' \n                  key=\"").concat(n,'" \n                  min="').concat(t[r].min,'"\n                  min="').concat(t[r].max,'"\n                  params="').concat(r,'" \n                  value="').concat(e[r].value,'" units="').concat(t[r].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')}).join(""),"\n      </div>\n    ")}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){return{title:"svg - #".concat(t.id),value:t.id}})),e}},{key:"makeOneFilterEditor",value:function(t,e,n){if("svg"===e.type){var r="",o=pl.selection.currentProject;return o&&(r=(r=o.svgfilters.map(function(t){return t.id})).length?","+r.join(","):""),"\n      <SelectEditor \n        ref='$select".concat(t,"' \n        key=\"").concat(t,'" \n        label="SVG Filter"\n        value="').concat(e.value,'" \n        options="').concat(r,'"\n        onchange="changeRangeEditor"  />')}return"\n      <RangeEditor \n        ref='$range".concat(t,"_").concat(e.type,"' \n        key=\"").concat(t,"\" \n        min='").concat(n.min,"'\n        max='").concat(n.max,"'\n        value=\"").concat(e.value,'" \n        units="').concat(n.units.join(","),'"   \n        onchange="changeRangeEditor" />\n      ')}},{key:"makeOneFilterTemplate",value:function(t,e,n){var r="svg"===e.type?" - <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>"):"";return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label>').concat(t.title).concat(r,'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(wm.remove2,"\n            </button>\n          </div>\n        </div>\n        ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"","\n        \n      </div>\n    ")}},{key:"makeFilterTemplate",value:function(t,e){return"drop-shadow"===t.type?this.makeDropShadowFilterTemplate(this.getSpec(t.type),t,e):this.makeOneFilterTemplate(this.getSpec(t.type),t,e)}},{key:zn("$filterList"),value:function(){var t=this;return this.state.filters.map(function(e,n){return t.makeFilterTemplate(e,n.toString())})}},{key:sn("$filterList .filter-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$filterList .filter-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(W_(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:ln("$filterList .filter-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.selection.current&&(this.sortFilter(this.startIndex,e),this.refresh(),this.modifyFilter())}},{key:"modifyFilter",value:function(){var t=this.state.filters.join(" ");this.parent.trigger(this.props.onchange,t)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return R_.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){K_(t,e,n[e])})}return t}({},e,{type:t}))}},{key:rn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=this.state.filters[e],r=pl.selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:Pr("openSVGFilterPopup"),value:function(t){var e=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:Pr("changeSVGFilterRealUpdate"),value:function(t){var e=pl.selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Pr("add"),value:function(t){var e=this;"svg"===t?this.emit("add.assets.svgfilter",function(n,r){e.state.filters.push(e.makeFilter(t,{value:r})),e.refresh(),e.modifyFilter(),e.trigger("openSVGFilterPopup",n)}):(this.state.filters.push(this.makeFilter(t)),this.refresh(),this.modifyFilter())}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:rn("$filterList .filter-menu .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:Pr("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:Pr("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(K_({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&U_(n.prototype,r),o&&U_(n,o),e}();function nT(t){return(nT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function oT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iT(t,e){return!e||"object"!==nT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aT(t){return(aT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cT(t,e){return(cT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),iT(this,aT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Ix}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var l=u,f=(+s).toString();return"\n        <div ".concat(K({"data-selected-type":a,ref:"$range",class:W(rT({"input-range-editor":!0,"has-label":!!o,"has-calc":i,"is-removable":c},l,!0))}),">\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(f,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    \n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(this.state.units,"\" onchange='changeUnit' />\n                    \n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(wm.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:dn("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:bn("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initValue",value:function(){""==this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue()))}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new He(e,this.children.$unit.getValue())})}},{key:Pr("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&oT(n.prototype,r),o&&oT(n,o),e}();function sT(t){return(sT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function fT(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function pT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hT(t,e){return!e||"object"!==sT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yT(t){return(yT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dT(t,e){return(dT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vT=["circle","circle closest-side","circle closest-corner","circle farthest-side","circle farthest-corner","ellipse","ellipse closest-side","ellipse closest-corner","ellipse farthest-side","ellipse farthest-corner"],bT=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],gT={"image-resource":wm.photo},mT={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},wT={top:["50%","0%"],"top left":["0%","0%"],"top right":["100%","0%"],left:["0%","50%"],right:["100%","50%"],bottom:["50%","100%"],"bottom left":["0%","100%"],"bottom right":["100%","100%"]},kT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hT(this,yT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uT,RangeEditor:Hx,SelectEditor:Ix}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:YP.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:YP.parseImage(t)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var t=this.state.image,e=(t=t||{}).type||"static-gradient";return"url"===e&&(e="image-resource"),"\n        <div class='gradient-editor' data-selected-editor='".concat(e,"'>\n            <div class='gradient-preview'>\n              <div class='gradient-view' ref='$gradientView'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(wm.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(wm.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(wm.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(wm.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(wm.chevron_right,'</div>                \n              </div>\n              <div data-editor=\'image-loader\'>\n                <input type=\'file\' accept="image/*" ref=\'$file\' />\n              </div>              \n            </div>\n            <div class="picker-tab">\n              <div class="picker-tab-list" ref="$tab">\n                ').concat(bT.map(function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(gT[t]||"","</span></span>")}).join(""),"\n              </div>\n            </div>\n            <div class='gradient-steps' data-editor='gradient'>\n                <div class=\"hue-container\" ref=\"$back\"></div>            \n                <div class=\"hue\" ref=\"$steps\">\n                    <div class='step-list' ref=\"$stepList\" ></div>\n                </div>\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label>Offset <input type='checkbox' ref='$cut' checked />  connected</label>\n              <InputRangeEditor ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <RangeEditor label='Angle' ref='$angle' calc=\"false\" units=\"deg\" min=\"-720\" max=\"720\" key='angle' onchange='changeKeyValue' />\n              </div>\n              <div data-editor='centerX'>\n                <RangeEditor label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <RangeEditor label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <SelectEditor label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(vT.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:hn("$file"),value:function(t){var e=this;pl.selection.currentProject&&fT(t.target.files).forEach(function(t){e.emit("update.asset.image",t,function(t){e.trigger("setImageUrl",t)})})}},{key:rn("$el .preset-position [data-value]"),value:function(t){var e=t.$delegateTarget.attr("data-value");wT[e]&&(this.state.image.radialPosition=L(wT[e]),this.refresh(),this.updateData())}},{key:on("$gradientView")+Ln,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:kn("$gradientView")+In("moveDragPosition"),value:function(t){var e=this.refs.$dragPosition.parent();this.containerRect=e.rect(),this.startXY=t.xy}},{key:"moveDragPosition",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.containerRect.x>n?n=this.containerRect.x:this.containerRect.x+this.containerRect.width<n&&(n=this.containerRect.x+this.containerRect.width),this.containerRect.y>r?r=this.containerRect.y:this.containerRect.y+this.containerRect.height<r&&(r=this.containerRect.y+this.containerRect.height);var o=He.percent((n-this.containerRect.x)/this.containerRect.width*100),i=He.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[o,i],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(o),this.children.$radialPositionY.setValue(i),this.updateData()}},{key:rn("$tab .picker-tab-item"),value:function(t){var e=t.$delegateTarget.attr("data-editor");this.$el.attr("data-selected-editor",e),this.parent.trigger("changeTabType",e);var n="image-resource"===e?this.state.image.url:this.state.url;this.state.image=YP.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:He.parse(this.children.$angle.getValue()).value,radialType:this.children.$radialType.getValue(),radialPosition:[this.children.$radialPositionX.getValue(),this.children.$radialPositionY.getValue()]}),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(t){"linear-gradient"===(t=this.$el.attr("data-selected-editor"))||"repeating-linear-gradient"===t?this.emit("addStatusBarMessage",""):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Pr("changeKeyValue"),value:function(t,e){"angle"===t&&(e=e.value),this.state.image[t]=e,"radialPositionX"!==t&&"radialPositionY"!==t||(this.state.image.radialPosition=[this.state.image.radialPositionX||"50%",this.state.image.radialPositionY||"50%"]),this.bindData("$gradientView"),this.updateData()}},{key:Pr("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:rn("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,o=t.xy.x;o<n?o=n:o>r&&(o=r);var i=(o-n)/e.width*100;this.state.image.insertColorStep(i),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Gn("$el"),value:function(){var t=this.state.image.type;return"url"===t&&(t="image-resource"),this.parent.trigger("changeTabType",t),{"data-selected-editor":t}}},{key:Gn("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Gn("$gradientView"),value:function(){var t=this.state.image.type,e="auto";return"url"!==t&&"image-resource"!==t||(e="cover"),{style:{"background-image":this.state.image.toString(),"background-size":e,"background-repeat":"no-repeat"}}}},{key:Gn("$dragPosition"),value:function(){var t="50%",e="50%";if(mT[this.state.image.type]){var n=lT(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:zn("$stepList"),value:function(){return(this.state.image.colorsteps||[]).map(function(t,e){var n=pl.selection.isSelectedColorStep(t.id)?"selected":"";return"\n      <div class='step ".concat(n,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>')})}},{key:rn("$cut"),value:function(){this.currentStep&&(this.currentStep.cut=this.refs.$cut.checked(),this.refresh(),this.updateData())}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){this.state.id=t,pl.selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find(function(t){return pl.selection.isSelectedColorStep(t.id)}),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(He.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:kn("$stepList .step")+In(),value:function(t){var e=t.$delegateTarget.attr("data-id");if(t.altKey)return this.removeStep(e),!1;this.selectStep(e),this.startXY=t.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(t,e){var n=this.getStepListRect(),r=n.x,o=n.right,i=this.startXY.x+t;i<r?i=r:i>o&&(i=o);var a=(i-r)/n.width*100;this.currentStep.percent=a,this.children.$range.setValue(He.percent(a)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var t=this.state.image;return"linear-gradient(to right, ".concat(Ev.toColorString(t.colorsteps),")")}},{key:Pr("setColorStepColor"),value:function(t){"static-gradient"===this.state.image.type?(this.state.image.colorsteps[0].color=t,this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=t,this.refresh(),this.updateData())}},{key:Pr("setImageUrl"),value:function(t){this.state.image&&(this.state.url=t,this.state.image.reset({url:t}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}}])&&pT(n.prototype,r),o&&pT(n,o),e}();function OT(t){return(OT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ST(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function jT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function PT(t,e){return!e||"object"!==OT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xT(t,e,n){return(xT="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_T(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function _T(t){return(_T=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TT(t,e){return(TT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ET=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),PT(this,_T(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TT(t,e)}(e,Hx),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new He(0,"infinite"):He.number(t.split("normal")[0]);var n=this.props.units||"px,em,%";return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ST(t,e,n[e])})}return t}({},xT(_T(e.prototype),"initState",this).call(this),{key:this.props.key,params:this.props.params||"",units:n,value:t})}}])&&jT(n.prototype,r),o&&jT(n,o),e}();function CT(t){return(CT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $T(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function RT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function VT(t,e){return!e||"object"!==CT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AT(t){return(AT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DT(t,e){return(DT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var IT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),VT(this,AT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DT(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value.split(";").filter(function(t){return t.trim()}).map(function(t){var e=$T(t.split(":"),2),n=e[0],r=e[1];return{key:n=n.replace("--",""),value:r}});return{hideLabel:"true"==this.props["hide-label"],params:this.props.params||"",values:t}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n        <div class='var-editor var-list'>\n            <div class='label ".concat(t,"' >\n                <label>").concat(this.props.title||"",'</label>\n                <div class=\'tools\'>\n                    <button type="button" ref="$add" title="add Var">').concat(wm.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:Pr("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:zn("$varList"),value:function(){return this.state.values.map(function(t,e){return'\n                <div class=\'var-item\' >\n                    <div>\n                        <input type="text" data-type="key" value="'.concat(t.key,'" data-index="').concat(e,'"  placeholder="variable" />\n                    </div>\n                    <div>\n                        <input type="text" data-type="value" value="').concat(t.value,'" data-index="').concat(e,'"  placeholder="value" />\n                    </div>\n                    <div class="tools">\n                        <button type="button" class="del" data-index="').concat(e,'">\n                        ').concat(wm.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")})}},{key:rn("$varList .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:yn("$varList input"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=t.$delegateTarget.attr("data-type");this.state.values[e][n]=t.$delegateTarget.value,this.updateData()}},{key:"updateData",value:function(t){var e=this.state.values.map(function(t){return"".concat(t.key,":").concat(t.value)}).join(";");this.parent.trigger(this.props.onchange,e,this.props.params)}}])&&RT(n.prototype,r),o&&RT(n,o),e}();function MT(t){return(MT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function BT(t,e){return!e||"object"!==MT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zT(t){return(zT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FT(t,e){return(FT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),BT(this,zT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FT(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=He.parse(this.props.value||He.number(0));return t=t.toUnit("number"),{label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",layout:this.props.layout||"",value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.type,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=o?"has-label":"",s=a,l=(+c).toString();return"\n        <div class='number-input-editor ".concat(u," ").concat(s,"' data-selected-type='").concat(i,"'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" />\n                </div>\n            </div>\n        </div>\n    ')}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&LT(n.prototype,r),o&&LT(n,o),e}();function HT(t){return(HT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function XT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function YT(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function NT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KT(t,e){return!e||"object"!==HT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function WT(t){return(WT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function UT(t,e){return(UT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ZT=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],qT={scale:["X","Y"],translate:["X","Y"],translate3d:["tx","ty","tz"],matrix:["a","b","c","d","tx","ty"],matrix3d:["a1","b1","c1","d1","a2","b2","c2","d2","a3","b3","c3","d3","a4","b4","c4","d4"]},JT=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),KT(this,WT(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UT(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:GT,RangeEditor:Hx}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:to.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(t,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(ZT.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(wm.add,"</button>\n              </div>\n          </div>\n          <div class='transform-list' ref='$transformList'></div>\n      </div>")}},{key:"getLabel",value:function(t,e){switch(t){case"scale":case"translate":case"translate3d":case"matrix":case"matrix3d":return qT[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-1e3,max:1e3,step:1,units:"px,%,em"};case"matrix":case"matrix3d":return{min:-100,max:100,step:.01,units:"number"};case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad"};case"perspective":return{min:0,max:1e4,step:1,units:"px,%,em"};case"scale":case"scaleX":case"scaleY":return{min:0,max:10,step:.1,units:"number"}}return{min:0,max:100,step:1,units:"px,%,em"}}},{key:"makeOneTransformTemplate",value:function(t,e,n){var r=this;return'\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label><span>').concat(+n+1,"</span> ").concat(t,'</label>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(wm.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(t,"\">\n          <div class='").concat(t,"'>\n          ").concat(e.value.map(function(e,o){var i=r.getLabel(t,o),a=r.getRange(t),c=a.min,u=a.max,s=a.step,l=a.units;return"\n              <div>\n                <RangeEditor \n                      ref='$range_".concat(t,"_").concat(n,"_").concat(o,"' \n                      min=\"").concat(c,'" \n                      max="').concat(u,'" \n                      step="').concat(s,'" \n                      label="').concat(i,'"\n                      key="').concat(n,"\" \n                      params='").concat(o,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')}).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeMultiTransformTemplate",value:function(t,e,n){var r=this;return'\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" draggable="true" data-index="').concat(n,'">\n          <label><span>').concat(+n+1,"</span> ").concat(t,'</label>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(wm.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(t,'">\n\n          ').concat("translate3d"===t?"\n            <pre>\n  1 | 0 | 0 | tx\n  0 | 1 | 0 | ty\t\n  0 | 0 | 1 | tz\t\n  0 | 0 | 0 | 1</pre>\n          ":"","\n\n          ").concat("matrix"===t?"\n            <pre>\n  a | c | tx\t\n  b | d | ty\t\n  0 | 0 | 1</pre>\n          ":"","    \n          \n          ").concat("matrix3d"===t?"\n            <pre>\n  a1 | a2 | a3 | a4\t\n  b1 | b2 | b3 | b4\t\n  c1 | c2 | c3 | c4\t\n  d1 | d2 | d3 | d4</pre>\n          ":"","     \n          \n          <div class='").concat(t,"'>\n          ").concat(e.value.map(function(e,o){var i=r.getLabel(t,o),a=r.getRange(t),c=a.min,u=a.max,s=a.step,l=a.units;return"\n              <div>\n                <NumberInputEditor \n                      ref='$range_".concat(t,"_").concat(n,"_").concat(o,"' \n                      min=\"").concat(c,'" \n                      max="').concat(u,'" \n                      step="').concat(s,'" \n                      label="').concat(i,'"\n                      key="').concat(n,"\" \n                      params='").concat(o,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')}).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:zn("$transformList"),value:function(){var t=this;return this.state.transforms.map(function(e,n){return t.makeTransformTemplate(e,n.toString())})}},{key:sn("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$transformList .transform-item")+Ln,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(YT(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:ln("$transformList .transform-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.selection.current&&(this.sortTransform(this.startIndex,e),this.refresh(),this.modifyTransform())}},{key:"modifyTransform",value:function(){var t=this.state.transforms.join(" ");this.parent.trigger(this.props.onchange,t)}},{key:"getDefaultValue",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":return[He.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[He.deg(0)];case"translate":return[He.px(0),He.px(0)];case"translate3d":return[He.px(0),He.px(0),He.px(0)];case"scale":return[He.number(1),He.number(1)];case"scaleX":case"scaleY":return[He.number(1)];case"matrix":return[He.number(1),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0)];case"matrix3d":return[He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1),He.number(0),He.number(0),He.number(0),He.number(0),He.number(1)]}return[He.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return to.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){XT(t,e,n[e])})}return t}({},e,{type:t,value:n}))}},{key:Pr("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:rn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:rn("$transformList .transform-menu .del"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:Pr("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&NT(n.prototype,r),o&&NT(n,o),e}();function QT(t){return(QT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function eE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nE(t,e){return!e||"object"!==QT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rE(t){return(rE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oE(t,e){return(oE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var iE=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],aE=iE.map(function(t){return t.key}),cE={top:"50% 0%","top left":"0% 0%","top right":"100% 0%",left:"0% 50%",center:"50% 50%",right:"100% 50%",bottom:"50% 100%","bottom left":"0% 100%","bottom right":"100% 100%"},uE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),nE(this,rE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":He.percent(50),"transform-origin-x":He.percent(50),"transform-origin-y":He.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=He.parse(t[0]),e["transform-origin-x"]=He.parse(t[0]),e["transform-origin-y"]=He.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=He.parse(t[0]),e["transform-origin-y"]=He.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='transform-origin-editor'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top left'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom left'></div>\n          <div class='pos' data-value='bottom right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='center'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:rn("$direction .pos"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.state.isAll=!1;var n=tE(cE[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=He.parse(r),this.state["transform-origin-y"]=He.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:Pr("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&aE.forEach(function(t){n.children["$".concat(t)].setValue(e.toString())}),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["transform-origin"];return'\n      <div class="transform-origin-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(wm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(wm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='transform-origin' value=\"").concat(n,'" onchange=\'changeTransformOrigin\' />\n        </div>\n      </div>\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(iE.map(function(e){return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")}).join(""),"\n\n          <div>\n            <RangeEditor ref='$transform-origin-z' label='Z' key='transform-origin-z' value=\"").concat(this.state["transform-origin-z"]||"","\" onchange='changeTransformOrigin' />\n          </div>  \n        </div>\n      </div>\n    ")}},{key:"setTransformOrigin",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["transform-origin"]=this.children.$all.getValue()):(this.state.isAll=!1,aE.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyTransformOrigin()}},{key:"modifyTransformOrigin",value:function(){var t="";this.state.isAll?t="".concat(this.state["transform-origin"]):(t="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]),this.state["transform-origin-z"]&&(t="".concat(t," ").concat(this.state["transform-origin-z"]))),this.parent.trigger(this.props.onchange,t)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&eE(n.prototype,r),o&&eE(n,o),e}();function sE(t){return(sE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function fE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pE(t,e){return!e||"object"!==sE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hE(t){return(hE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yE(t,e){return(yE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dE=[{key:"perspective-origin-x",title:"Origin X"},{key:"perspective-origin-y",title:"Origin Y"}],vE=dE.map(function(t){return t.key}),bE={top:"50% 0%","top left":"0% 0%","top right":"100% 0%",left:"0% 50%",center:"50% 50%",right:"100% 50%",bottom:"50% 100%","bottom left":"0% 100%","bottom right":"100% 100%"},gE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pE(this,hE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":He.px(0),"perspective-origin-x":He.px(0),"perspective-origin-y":He.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=He.parse(t[0]),e["perspective-origin-x"]=He.parse(t[0]),e["perspective-origin-y"]=He.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=He.parse(t[0]),e["perspective-origin-y"]=He.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='perspective-origin-editor' ref='$body'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top left'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom left'></div>\n          <div class='pos' data-value='bottom right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='center'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:rn("$direction .pos"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.state.isAll=!1;var n=lE(bE[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=He.parse(r),this.state["perspective-origin-y"]=He.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Pr("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&vE.forEach(function(t){n.children["$".concat(t)].setValue(e.toString())}),this.setPerspectiveOrigin()}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state["perspective-origin"];return'\n      <div class="property-item perspective-origin-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(wm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(wm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='perspective-origin' value=\"").concat(n,'" onchange=\'changePerspectiveOrigin\' />\n        </div>\n      </div>\n      <div\n        class="property-item full perspective-origin-item"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          ').concat(dE.map(function(e){return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changePerspectiveOrigin' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:"setPerspectiveOrigin",value:function(){var t=this;"all"===this.refs.$selector.attr("data-selected-value")?(this.state.isAll=!0,this.state["perspective-origin"]=this.children.$all.getValue()):(this.state.isAll=!1,vE.forEach(function(e){t.state[e]=t.children["$".concat(e)].getValue()})),this.modifyPerspectiveOrigin()}},{key:"modifyPerspectiveOrigin",value:function(){var t="";t=this.state.isAll?"".concat(this.state["perspective-origin"]):"".concat(this.state["perspective-origin-x"]," ").concat(this.state["perspective-origin-y"]),this.parent.trigger(this.props.onchange,t)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&fE(n.prototype,r),o&&fE(n,o),e}();function mE(t){return(mE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kE(t,e){return!e||"object"!==mE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function OE(t){return(OE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SE(t,e){return(SE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kE(this,OE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='clip-path-editor'></div>\n        "}},{key:zn(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:rn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Pr("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&wE(n.prototype,r),o&&wE(n,o),e}();function PE(t){return(PE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _E(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function TE(t,e){return!e||"object"!==PE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function EE(t,e,n){return(EE="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=CE(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function CE(t){return(CE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $E(t,e){return($E=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),TE(this,CE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$E(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=se(t);return n.str.split(",").filter(function(t){return t.trim()}).map(function(t){var r=t.split(" "),o=r.filter(function(t){return t.includes("@")}).map(function(t){return n.matches[+t.replace("@","")].color}),i=r.filter(function(t){return!t.includes("@")});return e.parse({color:o[0]||"rgba(0, 0, 0, 1)",offsetX:He.parse(i[0]||"0px"),offsetY:He.parse(i[1]||"0px"),blurRadius:He.parse(i[2]||"0px")})})}},{key:"join",value:function(t){return t.map(function(t){return e.parse(t)}).join(", ")}}],(r=[{key:"getDefaultObject",value:function(){return EE(CE(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){xE(t,e,n[e])})}return t}({},EE(CE(e.prototype),"toCloneObject",this).call(this),{offsetX:this.json.offsetX+"",offsetY:this.json.offsetY+"",blurRadius:this.json.blurRadius+"",color:this.json.color})}},{key:"convert",value:function(t){return(t=EE(CE(e.prototype),"convert",this).call(this,t)).offsetX=He.parse(t.offsetX),t.offsetY=He.parse(t.offsetY),t.blurRadius=He.parse(t.blurRadius),t}},{key:"toCSS",value:function(){return{"text-shadow":this.toString()}}},{key:"toString",value:function(){var t=this.json;return"".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color)}}])&&_E(n.prototype,r),o&&_E(n,o),e}();function VE(t){return(VE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DE(t,e){return!e||"object"!==VE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IE(t){return(IE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ME(t,e){return(ME=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DE(this,IE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ME(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:RE.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="text-shadow-editor" >\n        <div class=\'label '.concat(t,"' >\n            <label>").concat(this.props.title||"",'</label>        \n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Text Shadow">').concat(wm.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:zn("$shadowList"),value:function(){var t=this.state.textShadows.map(function(t,e){return'\n        <div class="shadow-item real" data-index="'.concat(e,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(t.color,'">\n            </div>\n          </div>\n          <div class="offset-x">').concat(t.offsetX,'</div>\n          <div class="offset-y">').concat(t.offsetY,'</div>\n          <div class="blur-radius">').concat(t.blurRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(e,'">\n              ').concat(wm.remove2,"\n            </button>\n          </div>\n        </div>\n      ")});return t.length&&t.push('\n      <div class="shadow-item desc">\n            <div class="color"></div>\n            <div class="offset-x">X</div>\n            <div class="offset-y">Y</div>\n            <div class="blur-radius">Blur</div>\n            <div class="tools">\n            </div>\n          </div>\n      '),t.join("")}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Pr("add"),value:function(){this.state.textShadows.push(new RE),this.refresh(),this.modifyTextShadow()}},{key:rn("$add"),value:function(){this.trigger("add")}},{key:rn("$shadowList .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:rn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$delegateTarget.closest("shadow-item").attr("data-index"),n=this.state.textShadows[e];this.viewShadowPopup(n,e)}},{key:"viewShadowPopup",value:function(t,e){this.setState({selectedIndex:e},!1),this.viewTextShadowPropertyPopup(t)}},{key:"viewTextShadowPropertyPopup",value:function(t){console.log(t),this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:Pr("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&AE(n.prototype,r),o&&AE(n,o),e}();function BE(t){return(BE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FE(t,e){return!e||"object"!==BE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GE(t){return(GE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HE(t,e){return(HE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FE(this,GE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HE(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:xm}}},{key:"initState",value:function(){var t=this.props.value||" ";return{value:t=t.split(" ").map(function(t){return+t})}}},{key:"template",value:function(){return"<div class='stroke-dasharray-editor' ref='$body'></div>"}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"setValue",value:function(t){$(t)||(t=t.split(" ").map(function(t){return+t})),this.setState({value:t})}},{key:zn("$body"),value:function(){return this.state.value.map(function(t,e){var n=e+1;return"\n        <div>\n          <NumberRangeEditor \n            ref='$".concat(n,"' \n            label='").concat(n,"' \n            key='").concat(e,'\' \n            value="0" \n            min="0"\n            max="1000"\n            step="1"\n            calc="false"\n            unit="number" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      ')}).join(" ")}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&zE(n.prototype,r),o&&zE(n,o),e}();function YE(t){return(YE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function KE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function WE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UE(t,e){return!e||"object"!==YE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZE(t){return(ZE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qE(t,e){return(qE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JE=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UE(this,ZE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qE(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{parser:new Xd(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map(function(t){var e=t.$(".command"),n=e.attr("data-command");return"Z"===n&&"false"===e.attr("data-toggle")?null:{command:n,values:t.$$(".values input[type=number]").map(function(t){return+t.value})}}).filter(function(t){return t})}},{key:"updateData",value:function(){var t=this.makeSegments();this.state.parser.resetSegments(t),this.modifyPathData()}},{key:"modifyPathData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(t){this.setState({parser:new Xd(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:zn("$data"),value:function(){var t=this,e=[];this.state.parser.segments.forEach(function(n,r){var o=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){KE(t,e,n[e])})}return t}({},n);e.push(o);var i=t.state.parser.segments[r+1];i&&"M"===i.command&&("Z"!==o.command?e.push({command:"Z",toggle:!1,values:[]}):o.toggle=!0)});var n=this.state.parser.segments[this.state.parser.segments.length-1];n&&"Z"!==n.command&&e.push({command:"Z",toggle:!1,values:[]});var r=e.map(function(t){var e="M"===t.command?"m":"";return"\n                <div class='segment ".concat(e,"'>\n                    <div class='command' data-command='").concat(t.command,"' data-toggle=\"").concat(t.toggle,"\" title='Toggle'>").concat(t.command,"</div>\n                    <div class='values'>\n                        ").concat(t.values.map(function(t){return'<input type="number" value="'.concat(t,'" />')}).join(""),"\n                    </div>\n                </div>\n            ")});return r.unshift("\n            <div class='segment-empty'>\n                <div class='command'></div>\n                <div class='values'>\n                    <span>X</span>\n                    <span>Y</span>\n                </div>\n            </div>\n        "),r}},{key:yn("$data input[type=number]")+An(300),value:function(t){this.updateData()}},{key:rn("$data .command[data-toggle]"),value:function(t){var e=NE(t.$delegateTarget.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$delegateTarget.attr("data-toggle",r),this.updateData())}}])&&WE(n.prototype,r),o&&WE(n,o),e}();function QE(t){return(QE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eC(t,e){return!e||"object"!==QE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nC(t){return(nC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rC(t,e){return(rC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eC(this,nC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rC(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{parser:new zg(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map(function(t){return{x:+t.$('[data-key="x"]').value,y:+t.$('[data-key="y"]').value}})}},{key:"updateData",value:function(){var t=this.makeSegments();this.state.parser.resetSegments(t),this.modifyPolygonData()}},{key:"modifyPolygonData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(t){this.setState({parser:new zg(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:zn("$data"),value:function(){return this.state.parser.segments.map(function(t){return'\n                <div class=\'segment\'>\n                    <div class=\'values\'>\n                        <label>X <input type="number" data-key="x" value="'.concat(t.x,'" /></label>\n                        <label>Y <input type="number" data-key="y" value="').concat(t.y,'" /></label>\n                    </div>\n                </div>\n            ')})}},{key:yn("$data input[type=number]")+An(300),value:function(t){this.updateData()}}])&&tC(n.prototype,r),o&&tC(n,o),e}();function iC(t){return(iC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aC(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function cC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uC(t,e){return!e||"object"!==iC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sC(t){return(sC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lC(t,e){return(lC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uC(this,sC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx,SelectEditor:Ix}}},{key:"initState",value:function(){var t=aC((this.props.value||"").split(",").map(function(t){return t.trim()}),4);return{id:t[0],distance:t[1]||"0%",rotateStatus:t[2]||"auto",rotate:t[3]||"0deg"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyOffsetPath()}},{key:"getValue",value:function(){var t=this;return Object.keys(this.state).map(function(e){return t.state[e]}).join(",")}},{key:"refresh",value:function(){this.load()}},{key:"setValue",value:function(t){var e=aC((t||"").split(",").map(function(t){return t.trim()}),4),n=e[0],r=e[1],o=e[2],i=e[3];this.setState({id:n,distance:r,rotateStatus:o,rotate:i},!1),this.refresh()}},{key:"modifyOffsetPath",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"template",value:function(){return"\n            <div class='offset-path-editor'></div>\n        "}},{key:"getOptions",value:function(){var t=pl.selection.currentArtboard,e={};return t&&t.allLayers.filter(function(t){return t.is("svg-path","svg-polygon")}).filter(function(t){return t["motion-based"]}).forEach(function(t){e[t.id]=t}),{options:Object.keys(e).map(function(t){return"".concat(t,":").concat(e[t].name)}).join(","),paths:e}}},{key:zn(),value:function(){var t=this.getOptions(),e=","+t.options,n=t.paths||{},r=this.state,o=r.id,i=r.rotateStatus,a=r.rotate,c=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <SelectEditor ref='$path' label='Path' key=\"id\" value=\"".concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>Total Length: <span ref='$totalLength'>").concat(n[o]&&n[o].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <RangeEditor ref='$distance' label='distance' min=\"0\" max=\"100\" value=\"").concat(c||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <SelectEditor ref='$status' label='direction' key='rotateStatus' value=\"").concat(i,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <RangeEditor ref='$rotate' label='rotate' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:Gn("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.bindData("$totalLength")}}])&&cC(n.prototype,r),o&&cC(n,o),e}();function pC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var hC={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},yC=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,r;return e=t,r=[{key:"parseStyle",value:function(t){return N(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter(function(t){return t.trim()}).forEach(function(t){hC[t]?e=t:Ee.isColor(t)?r=t:n=t}),{style:e,color:r,width:n}}},{key:"joinValue",value:function(t){return"".concat(t.width," ").concat(t.style," ").concat(t.color)}},{key:"join",value:function(t){return[t.border?"border: ".concat(t.border):"",t["border-top"]?"border-top: ".concat(t["border-top"]):"",t["border-left"]?"border-left: ".concat(t["border-left"]):"",t["border-right"]?"border-right: ".concat(t["border-right"]):"",t["border-bottom"]?"border-bottom: ".concat(t["border-bottom"]):""].filter(function(t){return t}).join(";")}}],(n=null)&&pC(e.prototype,n),r&&pC(e,r),t}();function dC(t){return(dC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bC(t,e){return!e||"object"!==dC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gC(t){return(gC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mC(t,e){return(mC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wC=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),kC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bC(this,gC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uT,RangeEditor:Hx,SelectEditor:Ix,ColorViewEditor:f_,ColorSingleEditor:i_}}},{key:"initState",value:function(){return{value:yC.parseValue(this.props.value)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return yC.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=yC.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||He.px(0)),this.children.$style.setValue(this.state.value.style||"none"),this.children.$color.setValue(this.state.value.color||"rgba(0, 0, 0, 1)")}},{key:"template",value:function(){var t=this.state.value,e=t.width,n=t.style,r=t.color;return'\n      <div class="border-value-editor">\n        <label>'.concat(this.props.label,'</label>\n        <div class=\'editor-area\'>\n          <InputRangeEditor ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="').concat(e,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <SelectEditor ref='$style' key='style' options='").concat(wC,"' value=\"").concat(n,"\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <ColorSingleEditor ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    ')}},{key:Pr("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&vC(n.prototype,r),o&&vC(n,o),e}();function OC(t){return(OC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jC(t,e){return!e||"object"!==OC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PC(t){return(PC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xC(t,e){return(xC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _C=["border","border-top","border-right","border-bottom","border-left"],TC={border:"Border","border-top":"Top","border-right":"Right","border-bottom":"Bottom","border-left":"Left"},EC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jC(this,PC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{BorderValueEditor:kC}}},{key:"initState",value:function(){var t=yC.parseStyle(this.props.value);return{direction:Object.keys(t)[0]||"border",borders:t}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return yC.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=yC.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:zn("$editorArea"),value:function(){var t=this;return _C.map(function(e){var n=TC[e]||e;return"\n      <div>\n        <BorderValueEditor ref='$".concat(e,"' label='").concat(n,"' key=\"").concat(e,'" value="').concat(t.state.borders[e],'" onchange="changeKeyValue" />\n      </div>\n      ')})}},{key:"template",value:function(){return"\n      <div class=\"border-editor\">\n        <div class='header'>\n          <div></div>\n          <label>Width</label>\n          <label>Style</label>\n          <label></label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    "}},{key:Pr("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&SC(n.prototype,r),o&&SC(n,o),e}();function CC(t){return(CC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $C(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RC(t,e){return!e||"object"!==CC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VC(t){return(VC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AC(t,e){return(AC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DC=["","normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),IC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RC(this,VC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{BorderEditor:EC,NumberRangeEditor:xm,SelectEditor:Ix,TextShadowEditor:LE,BoxShadowEditor:Ex,FilterEditor:eT,ColorViewEditor:f_,RangeEditor:Hx,StrokeDashArrayEditor:XE,BackgroundImageEditor:dx,TransformEditor:JT,TransformOriginEditor:uE,PerspectiveOriginEditor:gE,VarEditor:IT,BorderRadiusEditor:Qx,ClipPathEditor:jE,PathDataEditor:JE,PolygonDataEditor:oC,OffsetPathListEditor:fC}}},{key:"initState",value:function(){return{hideTitle:"true"===this.props["hide-title"],hideRefresh:"true"===this.props["hide-refresh"],properties:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.modifyProperty()}},{key:"modifyProperty",value:function(){this.parent.trigger(this.props.onchange,this.state.properties)}},{key:"template",value:function(){return"\n      <div class='css-property-editor ".concat(W({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>Properties</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(wm.add,"</button>\n          </div>\n        </div>\n        <div class='input grid-1 css-property-list' ref='$property'></div>\n      </div>\n    ")}},{key:"getPropertyDefaultValue",value:function(t){switch(t){case"animation-timing-function":case"box-shadow":case"text-shadow":case"color":case"background-image":case"background-color":case"text-fill-color":case"text-stroke-color":case"filter":case"backdrop-filter":case"var":case"transform":case"transform-origin":case"perspective-origin":return He.string("");case"offset-distance":return He.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return He.px(0)}}},{key:rn("$addProperty"),value:function(t){var e=this.getRef("$propertySelect").value;if(this.state.properties.find(function(t){return t.key===e}))alert("".concat(e," is already added."));else{var n=this.getPropertyDefaultValue(e),r=pl.selection.current;r&&(n=r[e]),this.state.properties.push({key:e,value:n}),this.refresh(),this.modifyProperty()}}},{key:"makeIndivisualPropertyColorEditor",value:function(t,e){var n=t.key.split("-").join("");return"\n      <div class='property-editor'>\n        <ColorViewEditor ref='$".concat(n).concat(e,"' value=\"").concat(t.value,'" key="').concat(t.key,'" onChange="changeColorProperty" />\n      </div>\n    ')}},{key:"makeCustomePropertyEditor",value:function(t,e){return"\n      <div class='property-editor'>\n        <".concat(t.editor," ").concat(K({onchange:"changeSelect",ref:"$customProperty".concat(e),key:t.key,value:t.value})," />\n      </div>\n    ")}},{key:"makeIndivisualPropertyEditor",value:function(t,e){return"background-image"===t.key?"\n        <div class='property-editor'>\n          <BackgroundImageEditor ref='$backgroundImage".concat(e,"' key=\"").concat(t.key,'" hide-title="').concat(this.state.hideTitle,'" value="').concat(t.value,'" onChange="changeBackgroundImageProperty" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <FilterEditor ref='$filter".concat(e,"' value=\"").concat(t.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <FilterEditor ref='$backdropFilter".concat(e,"' value=\"").concat(t.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===t.key?"\n        <div class='property-editor'>\n          <BoxShadowEditor ref='$boxshadow".concat(e,"' value=\"").concat(t.value,'" hide-label="false" onChange="changeBoxShadowProperty" />\n        </div>\n      '):"text-shadow"===t.key?"\n        <div class='property-editor'>\n          <TextShadowEditor ref='$textshadow".concat(e,"' value=\"").concat(t.value,'" hide-label="false" onChange="changeTextShadowProperty" />\n        </div>\n      '):"var"===t.key?"\n        <div class='property-editor'>\n          <VarEditor ref='$var".concat(e,"' value=\"").concat(t.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===t.key?"\n        <div class='property-editor'>\n          <TransformEditor ref='$transform".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===t.key?"\n        <div class='property-editor'>\n          <TransformOriginEditor ref='$transformOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===t.key?"\n        <div class='property-editor'>\n          <PerspectiveOriginEditor ref='$perspectiveOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$fillRule".concat(e,'\' \n          key=\'fill-rule\' \n          icon="true" \n          options="nonzero,evenodd" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linecap"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$strokeLinecap".concat(e,'\' \n          key=\'stroke-linecap\' \n          icon="true" \n          options="butt,round,square" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linejoin"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$strokeLinejoin".concat(e,'\' \n          key=\'stroke-linejoin\' \n          icon="true" \n          options="miter,arcs,bevel,miter-clip,round" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"mix-blend-mode"===t.key?"\n        <div class='property-editor'>\n          <SelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \n          options=\"").concat(DC,'" \n          value="').concat(t.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-dasharray"===t.key?"\n        <StrokeDashArrayEditor \n          ref='$strokeDashArray".concat(e,"' \n          key='stroke-dasharray'\n          value='").concat(t.value,"' \n          onchange='changeSelect' \n        />\n      "):"border-radius"===t.key?"\n        <BorderRadiusEditor \n          ref='$borderRadius".concat(e,"' \n          key='border-radius'\n          value='").concat(t.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===t.key?"\n        <BorderEditor \n          ref='$border".concat(e,"' \n          key='border'\n          value='").concat(t.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===t.key?"\n        <ClipPathEditor \n          ref='$clipPath".concat(e,"' \n          key='clip-path'\n          value='").concat(t.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===t.key?"\n        <PathDataEditor ref='$pathData".concat(e,"' key='d' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"points"===t.key?"\n        <PolygonDataEditor ref='$polygonData".concat(e,"' key='points' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"offset-path"===t.key?"\n        <OffsetPathListEditor ref='$offsetPathList".concat(e,"' key='offset-path' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Pr("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:Pr("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:Pr("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Pr("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:Pr("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:Pr("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:Pr("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:Pr("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:Pr("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:Pr("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:Pr("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:Pr("changeSelect"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:"makePropertyEditor",value:function(t,e){if(t.editor)return this.makeCustomePropertyEditor(t,e);switch(t.key){case"animation-timing-function":case"box-shadow":case"text-shadow":case"background-image":case"filter":case"backdrop-filter":case"var":case"transform":case"transform-origin":case"perspective-origin":case"mix-blend-mode":case"border":case"border-radius":case"clip-path":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"stroke-dasharray":case"d":case"points":case"offset-path":return this.makeIndivisualPropertyEditor(t,e);case"color":case"background-color":case"text-fill-color":case"text-stroke-color":case"stroke":case"fill":return this.makeIndivisualPropertyColorEditor(t,e);case"opacity":case"fill-opacity":case"stroke-dashoffset":case"offset-distance":return"\n          <div class='property-editor'>\n            <NumberRangeEditor \n              ref='$opacity".concat(e,"' \n              key='").concat(t.key,'\' \n              min="0"\n              max="1"\n              step="0.01"\n              value="').concat(t.value||1,'"\n              selected-unit=\'number\'\n              removable="true"\n              onchange="changeRangeEditor" />\n          </div>\n        ');case"left":case"margin-top":case"margin-bottom":case"margin-left":case"margin-right":case"padding-top":case"padding-bottom":case"padding-left":case"padding-right":case"font-size":case"font-stretch":case"width":case"height":case"perspective":case"offset-distance":case"text-stroke-width":default:return"\n          <div class='property-editor'>\n            <RangeEditor ref='rangeEditor".concat(e,"' key='").concat(t.key,"' value='").concat(t.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:Pr("changeRangeEditor"),value:function(t,e){this.modifyPropertyValue(t,e+"")}},{key:"searchKey",value:function(t,e){this.state.properties.filter(function(e){return e.key===t}).forEach(e)}},{key:"modifyPropertyValue",value:function(t,e){this.searchKey(t,function(t){t.value=e}),this.modifyProperty()}},{key:"makePropertySelect",value:function(){return"\n      <select class='property-select' ref='$propertySelect'>\n        <optgroup label='--'>\n          <option value='var'>var</option>\n        </optgroup>            \n        <optgroup label='Motion'>\n          <option value='offset-distance'>offset-distance</option>\n        </optgroup>      \n        <optgroup label='Size'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-radius'>border-radius</option>\n        </optgroup>        \n        <optgroup label='Style'>\n          <option value='background-color'>background-color</option>\n          <option value='background-image'>background-image</option>\n          <option value='box-shadow'>box-shadow</option>\n          <option value='text-shadow'>text-shadow</option>\n          <option value='filter'>filter</option>      \n          <option value='backdrop-filter'>backdrop-filter</option>\n          <option value='mix-blend-mode'>mix-blend-mode</option>\n        </optgroup>            \n        <optgroup label='Transform'>\n          <option value='transform'>transform</option>\n          <option value='transform-origin'>transform-origin</option>\n          <option value='perspective'>perspective</option>\n          <option value='perspective-origin'>perspective-origin</option>\n        </optgroup>\n        <optgroup label='Font'>\n          <option value='font-size'>font-size</option>\n          <option value='font-weight'>font-weight</option>          \n          <option value='font-stretch'>font-stretch</option>\n        </optgroup>\n        <optgroup label='Animation'>\n          <option value='animation-timing-function'>timing-function</option>\n        </optgroup>        \n      </select>\n    "}},{key:zn("$property"),value:function(){var t=this;return this.state.properties.map(function(e,n){return"\n        <div class='css-property-item'>\n          <div class='title'>\n            <label>".concat(e.key,"</label>\n            <div class='tools'>\n              <button type=\"button\" class='remove' data-index=\"").concat(n,'">').concat(wm.remove2,"</button>\n            </div>\n          </div>\n          <div class='title-2'>\n            <div class='tools'>\n              <label><button type=\"button\" class='refresh' data-index=\"").concat(n,'">').concat(wm.refresh,"</button> Refresh</label>\n            </div>\n          </div>\n          <div class='value-editor'>\n            ").concat(t.makePropertyEditor(e,n),"\n          </div>\n        </div>\n      ")})}},{key:Pr("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:rn("$property .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:rn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&$C(n.prototype,r),o&&$C(n,o),e}();function MC(t){return(MC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LC(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function BC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zC(t,e){return!e||"object"!==MC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FC(t){return(FC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GC(t,e){return(GC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zC(this,FC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uT,RangeEditor:Hx,CSSPropertyEditor:IC}}},{key:"initState",value:function(){return{offsets:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.modifyOffset()}},{key:"modifyOffset",value:function(){this.emit("changeOffsetEditor",this.state)}},{key:"template",value:function(){return"\n    <div class='editor offset-editor' ref='$editor'>\n        ".concat(this.templateForOffset(),"\n        ").concat(this.templateForOffsetInput(),"\n        ").concat(this.templateForProperty(),"        \n    </div>")}},{key:"templateForOffsetInput",value:function(){return"\n      <div class='offset-input' >\n        <div class='title'>\n          <label>Offset</label>\n          <div class='tools'>\n            <InputRangeEditor key='offset' calc='false' min='0' max='100' step=\"0.01\" ref='$offsetInput' options=\"%\" onchange='changeRangeEditor' />\n          </div>\n        </div>\n      </div>\n    "}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=this.state.offsets[this.selectedIndex];n&&(n.offset=e.clone(),this.refresh(),this.modifyOffset())}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$offsetPropertyEditor' hide-refresh=\"true\" onchange='changeCSSPropertyEditor' />"}},{key:"templateForOffset",value:function(){return"<div class='offset' ref='$offset' data-selected-value=\"-1\"></div>"}},{key:"makeOffset",value:function(t,e){return"<div class='offset-item' style='left: ".concat(t.offset,";' data-offset-index='").concat(e.toString(),"'></div>")}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(E(t)){t=-1;for(var e=0,n=this.state.offsets.length;e<n;e++)if(this.state.offsets[e].selected){t=e;break}-1===t&&(t=0)}this.getRef("$offset").attr("data-selected-value",t),this.selectedIndex=t,this.state.offsets.forEach(function(e,n){e.selected=n===t});var r=this.state.offsets.filter(function(t){return t.selected});this.selectedOffsetItem=r.length?r[0]:{},this.refreshOffsetInput()}},{key:"refreshOffsetInput",value:function(){var t=this.state.offsets[this.selectedIndex];t&&this.children.$offsetInput.setValue(t.offset)}},{key:zn("$offset"),value:function(){var t=this;return this.state.offsets.map(function(e,n){return t.makeOffset(e,n)})}},{key:"isNotOffsetItem",value:function(t){return!Ke.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:rn("$offset")+En("isNotOffsetItem")+Ln,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=He.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new $s({offset:n})),this.selectItem(this.state.offsets.length-1,!0),this.refresh(),this.modifyOffset()}},{key:"refreshOffsetProperty",value:function(){this.emit("showCSSPropertyEditor",this.selectedOffsetItem.properties)}},{key:kn("$offset .offset-item")+In("moveOffset")+Mn("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=He.parse(t.$delegateTarget.css("left")),this.currentOffset=t.$delegateTarget,this.currentOffsetIndex=+t.$delegateTarget.attr("data-offset-index"),this.currentOffsetXY=t.xy,this.baseOffsetMin=this.baseOffsetArea.left,this.baseOffsetMax=this.baseOffsetArea.left+this.baseOffsetWidth,this.isRemoveOffset=!1,t.altKey?this.isRemoveOffset=!0:(this.selectItem(this.currentOffsetIndex,!0),this.refreshOffsetInput())}},{key:"moveOffset",value:function(t,e){if(!this.isRemoveOffset){var n=this.currentOffsetXY.x+t;n<this.baseOffsetMin&&(n=this.baseOffsetMin),n>this.baseOffsetMax&&(n=this.baseOffsetMax);var r=He.percent((n-this.baseOffsetMin)/this.baseOffsetWidth*100).round(100);this.state.offsets[this.currentOffsetIndex].offset.set(r.value),this.currentOffset.css("left",r),this.refreshOffsetInput(),this.modifyOffset()}}},{key:"removeOffset",value:function(t){this.state.offsets.splice(t,1),this.selectItem(0),this.refresh(),this.modifyOffset()}},{key:"endOffset",value:function(t,e){var n=this;this.isRemoveOffset?setTimeout(function(){n.currentOffset=null,n.removeOffset(n.currentOffsetIndex)},10):setTimeout(function(){n.currentOffset=null,n.refreshOffsetInput(),n.refreshOffsetProperty(),n.modifyOffset()},10)}},{key:"refresh",value:function(){this.load(),this.refreshOffsetProperty()}},{key:Pr("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:Pr("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=LC(t)),this.modifyOffset()}}])&&BC(n.prototype,r),o&&BC(n,o),e}();function XC(t){return(XC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NC(t,e){return!e||"object"!==XC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KC(t){return(KC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WC(t,e){return(WC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UC=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NC(this,KC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WC(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{SelectEditor:Ix}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=He.parse(this.props.value||He.px(0));return{removable:"true"===this.props.removable,calc:"false"!==this.props.calc,label:this.props.label||"",min:+this.props.min||0,max:+this.props.max||100,step:+this.props.step||1,key:this.props.key,params:this.props.params||"",units:t,type:"calc"===e.unit||"var"===e.unit?"calc":"range",value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.calc,a=t.type,c=t.removable,u=+this.state.value.value.toString();isNaN(u)&&(u=0);var s=o?"has-label":"",l=i?"has-calc":"",f=c?"is-removable":"",p=(+u).toString();return"\n        <div class='range-editor ".concat(s," ").concat(l," ").concat(f,"' data-selected-type='").concat(a,"' ref='$range'>\n            ").concat(o?"<label>".concat(o,"</label>"):"","\n            <button type='button' class='type-button' ref='$toggleType'>").concat(wm.autorenew,"</button>\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='range' ref='$property' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" />\n                    <label>').concat(this.props["selected-unit"]||this.state.units[0]||this.state.value.unit,"</label>\n                </div>\n            </div>\n            <div class='range-editor-type' data-type='calc'>\n                <div class='area'>\n                    <SelectEditor ref='$varType' key='varType' value=\"").concat(this.state.value.unit,"\" options=\"calc,var\" onchange='changeVarType' />\n                    <input type='text' ref='$calc' value='").concat(this.state.value,"' />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove'>").concat(wm.close,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:He.parse(t)})}},{key:rn("$toggleType"),value:function(t){var e="calc"===this.state.type?"range":"calc";n="";if("calc"===e)n=He.calc(this.refs.$calc.value);else{var n=this.getRef("$propertyNumber").value,r=this.children.$unit.getValue();n=new He(n,r)}this.updateData({type:e,value:n}),this.refs.$range.attr("data-selected-type",e)}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:yn("$calc"),value:function(){this.updateData({value:new He(this.refs.$calc.value,this.children.$varType.getValue())})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"updateCalc",value:function(){this.refs.$calc.val(this.state.value)}},{key:yn("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)}),this.updateCalc()}},{key:yn("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=new He(0,this.children.$unit.getValue())),this.updateData({value:this.state.value.set(e)}),this.updateCalc()}},{key:Pr("changeUnit"),value:function(t,e){this.updateData({value:this.state.value.toUnit(e)}),this.updateCalc()}},{key:Pr("changeVarType"),value:function(t,e){this.updateData({value:new He(this.refs.$calc.value,e)})}}])&&YC(n.prototype,r),o&&YC(n,o),e}();function ZC(t){return(ZC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qC(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function JC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QC(t,e){return!e||"object"!==ZC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function t$(t){return(t$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function e$(t,e){return(e$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var n$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QC(this,t$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&e$(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new He("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=qC(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=qC(n.split(" "),2),i=o[0],a=o[1];return E(a)&&(a=i),{radius:e,x:i=He.parse(i),y:a=He.parse(a)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <RangeEditor \n                ref='$range' \n                label='Radius' \n                key='radius' \n                value='".concat(this.state.radius,"' \n                min=\"0\" \n                max=\"100\" \n                step=\"0.1\" \n                units=\"%,closest-side,farthest-side\" \n                onchange='changeRangeEditor' \n            />\n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' ref='$pointer' style='left: ").concat(this.state.x,";top: ").concat(this.state.y,";'></div>\n                <div class='clip-area circle' ref='$clipArea'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:kn("$area")+In()+Mn(),value:function(t){this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=He.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:o,top:i}),this.updateData({x:o,y:i}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radius,o="".concat(e," ").concat(n),i=r+"";return i.includes("closest-side")?i="closest-side":i.includes("farthest-side")&&(i="farthest-side"),r?"".concat(i," at ").concat(o):"".concat(o)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Pr("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new He("","closest-side"):r.includes("farthest-side")&&(n=new He("","farthest-side")),this.updateData({radius:n})}}}])&&JC(n.prototype,r),o&&JC(n,o),e}();function r$(t){return(r$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i$(t,e){return!e||"object"!==r$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a$(t){return(a$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function c$(t,e){return(c$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var u$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),i$(this,a$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='text-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <input type='text' ref='$text' />\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:Gn("$text"),value:function(){return{value:this.state.value}}},{key:yn("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&o$(n.prototype,r),o&&o$(n,o),e}();function s$(t){return(s$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function l$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f$(t,e){return!e||"object"!==s$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p$(t){return(p$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h$(t,e){return(h$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),f$(this,p$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{values:this.props.values.split(" ").map(function(t){return+t}),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:Gn("$body"),value:function(){return{cssText:"\n                display: grid;\n                grid-template-columns: repeat(".concat(this.state.column,", 1fr);\n                grid-column-gap: 2px;\n                grid-row-gap: 2px;\n            ")}}},{key:zn("$body"),value:function(){return this.state.values.map(function(t,e){return'\n                <div class=\'number-editor\'>\n                    <input type="number" value="'.concat(t,'" step="0.01" data-index="').concat(e,'" />\n                </div>\n            ')})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:yn("$body input"),value:function(t){var e=t.$delegateTarget,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&l$(n.prototype,r),o&&l$(n,o),e}();function d$(t){return(d$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||m$(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function b$(t,e){return w$(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||g$()}function g$(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function m$(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function w$(t){if(Array.isArray(t))return t}function k$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){O$(t,e,n[e])})}return t}function O$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function S$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j$(t,e){return!e||"object"!==d$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function P$(t){return(P$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function x$(t,e){return(x$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),j$(this,P$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&x$(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{TextEditor:u$,NumberRangeEditor:xm,SelectEditor:Ix}}},{key:"initState",value:function(){return k$({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e,n=t.split(" "),r=w$(e=n)||m$(e)||g$(),o=r[0],i=r.slice(1);if("linear"===o)var a=b$(i,2),c=a[0],u=a[1];else if("gamma"===o)var s=b$(i,3),l=s[0],f=s[1],p=s[2];return{type:o,values:i,slop:c,intercept:u,amplitude:l,exponent:f,offset:p}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,o=r?"has-label":"";return'\n        <SelectEditor label="'.concat(r,'" key="type" value="').concat(this.state.type,'" options="identity,table,discrete,linear,gamma" onchange="changeType" />\n        <div class=\'func-filter-editor ').concat(o,"' ref='$container' data-selected-type='").concat(n,"'>\n            ").concat(r?"<label></label>":"","\n            <div data-type='identity'>\n            </div>\n            <div data-type='table'>\n                <TextEditor label='tableValues' ref='$values' key='values' value=\"").concat(this.state.values.join(" "),'" onchange="changeValues" />\n            </div>\n            <div data-type=\'linear\'>\n                ').concat(["slop","intercept"].map(function(e){return"\n                        <div>\n                            <NumberRangeEditor label='".concat(e,"' ref='$").concat(e,"' key='").concat(e,"' value=\"").concat(t.state[e],'" onchange="changeLinear" />\n                        </div>                    \n                    ')}).join(""),"\n            </div>\n            <div data-type='gamma'>\n                ").concat(["amplitude","exponent","offset"].map(function(e){return"\n                        <div>\n                            <NumberRangeEditor label='".concat(e,"' ref='$").concat(e,"' key='").concat(e,"' value=\"").concat(t.state[e],'" onchange="changeGamma" />\n                        </div>                    \n                    ')}).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:Pr("changeType"),value:function(t,e){this.updateData({type:e}),this.refresh()}},{key:"getValue",value:function(){switch(this.state.type){case"table":case"discrete":return[this.state.type].concat(v$(this.state.values)).join(" ");case"linear":return[this.state.type,this.state.slop,this.state.intercept].join(" ");case"gamma":return[this.state.type,this.state.amplitude,this.state.exponent,this.state.offset].join(" ")}return"identity"}},{key:"setValue",value:function(t){this.setState(k$({},this.parse(t)))}},{key:Pr("changeValues"),value:function(t,e){this.updateData(O$({},t,e.split(" ")))}},{key:Pr("changeLinear"),value:function(t,e){this.updateData(O$({},t,e))}},{key:Pr("changeGamma"),value:function(t,e){this.updateData(O$({},t,e))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&S$(n.prototype,r),o&&S$(n,o),e}(),T$={red:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   0   0   0\n0   0   0   1   0\n",green:"\n0   0   0   0   0\n0   1   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",blue:"\n0   0   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",yellow:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",magenta:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",cyan:"\n0   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",alpha:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   0   .5  0 \n",BlueMagenta2:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1  .5   0\n0   0   0   1   0 \n",BlueShadowMagentHightlight:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1   1   0\n0   0   0   1   0 \n",darken:"\n.5   0   0   0   0\n0  .5   0   0   0\n0   0  .5   0   0\n0   0   0   1   0 \n",ElimBlue:"\n1   0   0   0   0\n0   1   0   0   0\n0   0   1   0   0\n0   0   -2   1   0 \n",GrayOnDark:"\n0   0   1   0   0\n0   0   1   0   0\n0   0   1   0   0\n0   0   0   1   0  \n",GrayOnLight:"\n1   0   0   0   0\n1   0   0   0   0\n1   0   0   0   0\n0   0   0   1   0 \n",GrayOnMid:"\n0   1   0   0   0\n0   1   0   0   0\n0   1   0   0   0\n0   0   0   1   0 \n",HardGreen:"\n1   0   0   0   0\n0   1   0   1   0\n0   0   1   0   0\n0   0   0   1   0 \n",HardYellow:"\n1   0   0   1   0\n0   1   0   1   0\n0   0   1   0   0\n0   0   0   1   0 \n",IdenticalRedOverlay:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   0   0   0\n0   0   0   1   0 \n",lighten:"\n1.5   0   0   0   0\n0   1.5   0   0   0\n0   0   1.5   0   0\n0   0   0   1   0 \n",lime:"\n1   0   0   0   0\n0   2   0   0   0\n0   0   0  .5   0\n0   0   0   1   0 \n",NoGreenMagenta:"\n1   1   0   0   0\n0   0   0   0   0\n0   1   1   0   0\n0   0   0   1   0 \n",NoGreenRed:"\n1   1   0   0   0\n0   0   0   0   0\n0   0   1   0   0\n0   0   0   1   0 \n",peachy:"\n1   0   0   0   0\n0  .5   0   0   0\n0   0   0  .5   0\n0   0   0   1   0 \n",RedOverlay:"\n1   0   0   0   0\n0   0   0   0   0\n0   0   1  -1   0\n0   0   0   1   0 \n",YesGreenColorizedMagenta:"\n1   1   0   0   0\n0   1   0   0   0\n0   1   1   0   0\n0   0   0   1   0 \n"};function E$(t){return(E$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function C$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $$(t,e){return!e||"object"!==E$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R$(t){return(R$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function V$(t,e){return(V$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var A$=Object.keys(T$).map(function(t){return{title:t,values:T$[t]}}),D$=/[\b\t \,\n]/g,I$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),$$(this,R$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{values:this.normalize(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='small-editor color-matrix-editor' >\n                <div ref='$body'></div>\n                <div class='title'> Mix Color Template </div>\n                <div class='color-matrix-template' ref='$sample'></div>\n            </div>\n        "}},{key:Gn("$body"),value:function(){return{cssText:"\n                display: grid;\n                grid-template-columns: repeat(".concat(6,", 1fr);\n                grid-column-gap: 2px;\n                grid-row-gap: 2px;\n                text-align: center; \n            ")}}},{key:zn("$sample"),value:function(){return A$.map(function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")})}},{key:"normalize",value:function(t){return t.trim().split(D$).filter(function(t){return t}).map(function(t){return+t})}},{key:rn("$sample .sample-item"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=A$[e];this.updateData({values:this.normalize(n.values)}),this.load("$body")}},{key:zn("$body"),value:function(){var t=this.state.values,e=["R","G","B","A"];return"\n            <div></div>\n            <div>R</div>\n            <div>G</div>\n            <div>B</div>\n            <div>A</div>\n            <div>M</div>\n        "+t.map(function(t,n){var r="";return n%5==0&&(r="<div>".concat(e[Math.floor(n/5)],"</div>")),"\n                ".concat(r,'\n                <div class=\'number-editor\'>\n                    <input type="number" value="').concat(t,'" step="0.01" data-index="').concat(n,'" />\n                </div>\n            ')})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:yn("$body input"),value:function(t){var e=t.$delegateTarget,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&C$(n.prototype,r),o&&C$(n,o),e}(),M$={dancingStroke:[{type:"SourceAlpha",id:"strokeSource",bound:{x:100,y:100},connected:[{id:"morphology"}]},{type:"Morphology",id:"morphology",operator:"dilate",radius:"3 3",bound:{x:100,y:200},in:[{id:"strokeSource"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"#30597E",opacity:1,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"morphology"}],operator:"in",connected:[{id:"composite2"}]},{type:"SourceAlpha",id:"strokeSourceAlpha2",bound:{x:400,y:200},connected:[{id:"composite2"}]},{type:"Composite",id:"composite2",bound:{x:400,y:150},in:[{id:"composite"},{id:"strokeSourceAlpha2"}],operator:"out",connected:[{id:"displacementMap"}]},{type:"Turbulence",id:"turbulence",filterType:"fractalNoise",baseFrequency:"0.01 0.02",numOctaves:1,seed:0,stitchTiles:"stitch",bound:{x:400,y:200},connected:[{id:"displacementMap"}]},{type:"DisplacementMap",id:"displacementMap",scale:17,xChannelSelector:"A",yChannelSelector:"A",bound:{x:400,y:200},in:[{id:"composite2"},{id:"turbulence"}],connected:[{id:"merge"}]},{type:"SourceGraphic",id:"strokeSourceGraphic",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"strokeSourceGraphic"},{id:"displacementMap"}]}],stroke:[{type:"SourceAlpha",id:"strokeSource",bound:{x:100,y:100},connected:[{id:"morphology"}]},{type:"Morphology",id:"morphology",operator:"delite",radius:"3 3",bound:{x:100,y:200},in:[{id:"strokeSource"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"#30597E",opacity:1,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"morphology"}],operator:"in",connected:[{id:"merge"}]},{type:"SourceGraphic",id:"strokeSourceGraphic",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"composite"},{id:"strokeSourceGraphic"}]}],grayscale:[{type:"Saturate",values:"0"}],shadow:[{type:"SourceAlpha",id:"shadowSource",bound:{x:100,y:100},connected:[{id:"offset"}]},{type:"Offset",id:"offset",bound:{x:200,y:100},dx:10,dy:10,in:[{id:"shadowSource"}],connected:[{id:"blur"}]},{type:"GaussianBlur",id:"blur",bound:{x:300,y:100},stdDeviationX:5,stdDeviationY:5,in:[{id:"offset"}],connected:[{id:"composite"}]},{type:"Flood",id:"flood",bound:{x:100,y:200},color:"black",opacity:.7,connected:[{id:"composite"}]},{type:"Composite",id:"composite",bound:{x:400,y:150},in:[{id:"flood"},{id:"blur"}],operator:"in",connected:[{id:"merge"}]},{type:"SourceAlpha",id:"shadowSource2",bound:{x:400,y:200},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:500,y:150},in:[{id:"composite"},{id:"shadowSource2"}]}],innerShadow:[{type:"Flood",id:"flood",bound:{x:100,y:200},color:"black",opacity:1,connected:[{id:"composite1"}]},{type:"SourceAlpha",id:"shadowSource",bound:{x:100,y:100},connected:[{id:"composite1"}]},{type:"Composite",id:"composite1",bound:{x:200,y:150},in:[{id:"flood"},{id:"shadowSource"}],operator:"out",connected:[{id:"offset"}]},{type:"Offset",id:"offset",bound:{x:300,y:150},dx:4,dy:4,in:[{id:"composite1"}],connected:[{id:"blur"}]},{type:"GaussianBlur",id:"blur",bound:{x:400,y:150},stdDeviationX:4,stdDeviationY:4,edge:"none",in:[{id:"offset"}],connected:[{id:"composite2"}]},{type:"SourceAlpha",id:"shadowSource2",bound:{x:400,y:250},connected:[{id:"composite2"}]},{type:"Composite",id:"composite2",bound:{x:500,y:150},in:[{id:"blur"},{id:"shadowSource2"}],operator:"out",connected:[{id:"merge"}]},{type:"SourceGraphic",id:"shadowSource3",bound:{x:500,y:250},connected:[{id:"merge"}]},{type:"Merge",id:"merge",bound:{x:600,y:150},in:[{id:"composite2"},{id:"shadowSource3"}]}]};function L$(t){return(L$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function z$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function F$(t,e){return!e||"object"!==L$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function G$(t){return(G$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function H$(t,e){return(H$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X$=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),F$(this,G$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&H$(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='image-select-editor' ref='$body'></div>\n        "}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:zn("$body"),value:function(){return"\n            <div class='preview-container'>\n                <img src=\"".concat(this.state.value,"\" />\n                <input type='file' ref='$file' accept=\"image/*\" />\n            </div>\n            <div class='select-container'>\n                <button type=\"button\" ref='$select'>Select a image</button>\n            <div>\n        ")}},{key:hn("$file"),value:function(t){var e=this,n=B$(t.target.files);n.length&&this.emit("update.asset.image",n[0],function(t){e.trigger("changeImageSelectEditor",t)})}},{key:rn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Pr("changeImageSelectEditor"),value:function(t){this.updateData({value:t}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&z$(n.prototype,r),o&&z$(n,o),e}();function Y$(t){return(Y$="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N$(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function K$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function W$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function U$(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z$(t,e){return!e||"object"!==Y$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q$(t){return(q$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J$(t,e){return(J$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q$=[{label:"GRAPHIC REFERENCES",items:[{label:"Source Graphic",value:"SourceGraphic"},{label:"Source Alpha",value:"SourceAlpha"},{label:"Background Image",value:"BackgroundImage"},{label:"Background Alpha",value:"BackgroundAlpha"},{label:"Fill Paint",value:"FillPaint"},{label:"Stroke Paint",value:"StrokePaint"}]},{label:"SOURCES",items:[{label:"Flood",value:"Flood"},{label:"Turbulence",value:"Turbulence"},{label:"Image",value:"Image"}]},{label:"MODIFIER",items:[{label:"Color Matrix",value:"ColorMatrix"},{label:"Saturate",value:"Saturate"},{label:"HueRotate",value:"HueRotate"},{label:"LuminanceToAlpha",value:"LuminanceAlpha"},{label:"Drop Shadow",value:"DropShadow"},{label:"Morphology",value:"Morphology"},{label:"Convolve Matrix",value:"ConvolveMatrix"},{label:"Offset",value:"Offset"},{label:"Gaussian Blur",value:"GaussianBlur"},{label:"Tile",value:"Tile"}]},{label:"LIGHTING",items:[{label:"Specular Lighting",value:"SpecularLighting"},{label:"Diffuse Lighting",value:"DiffuseLighting"},{label:"Point Light",value:"PointLight"},{label:"Spot Light",value:"SpotLight"},{label:"Distant Light",value:"DistantLight"}]},{label:"COMBINERS",items:[{label:"Blend",value:"Blend"},{label:"Composite",value:"Composite"},{label:"Merge",value:"Merge"},{label:"DisplacementMap",value:"DisplacementMap"}]}],tR=[{label:"Template",items:[{label:"Grayscale",value:"grayscale"},{label:"Shadow",value:"shadow"},{label:"Inner Shadow",value:"innerShadow"},{label:"Stroke",value:"stroke"},{label:"Dancing Stroke",value:"dancingStroke"}]}];function eR(t){switch(t){case"SpecularLighting":return wm.specular;case"DiffuseLighting":return wm.diffuse;case"SourceGraphic":case"SourceAlpha":return wm.image;case"BackgroundImage":case"BackgroundAlpha":return wm.outline_image;case"Flood":return wm.palette;case"Image":return wm.landscape;case"GaussianBlur":return wm.blur;case"ColorMatrix":return wm.blur_linear;case"Turbulence":return wm.waves;case"Saturate":return wm.vintage;case"HueRotate":return wm.looks;case"LuminanceAlpha":return wm.opacity;case"DropShadow":return wm.shadow;case"Morphology":return wm.broken_image;case"ConvolveMatrix":return wm.camera_roll;case"Offset":return wm.transform;case"Tile":return wm.view_comfy;case"Blend":return wm.gradient;case"Composite":return wm.settings_input_component;case"Merge":return wm.merge;case"DisplacementMap":return wm.texture}return""}function nR(t){switch(t){case"SourceGraphic":case"SourceAlpha":case"BackgroundImage":case"BackgroundAlpha":case"FillPaint":case"StrokePaint":return"graphic";case"Flood":case"Turbulence":case"Image":return"source";case"GaussianBlur":case"ColorMatrix":case"Saturate":case"HueRotate":case"LuminanceAlpha":case"DropShadow":case"Morphology":case"ConvolveMatrix":case"Offset":case"Tile":return"modifier";case"SpecularLighting":case"DiffuseLighting":case"SpotLight":case"PointLight":case"DistantLight":return"lighting";case"Blend":case"Composite":case"Merge":case"DisplacementMap":return"combiner"}return""}var rR=[45],oR=[20],iR={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},aR={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(aR).forEach(function(t){aR[t]=aR[t].map(function(t){return t+20})});var cR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Z$(this,q$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J$(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ColorMatrixEditor:I$,InputArrayEditor:y$,NumberRangeEditor:xm,RangeEditor:Hx,ColorViewEditor:f_,SelectEditor:Ix,TextEditor:u$,FuncFilterEditor:_$,ImageSelectEditor:X$}}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedIndex:-1,selectedFilter:null}}},{key:"template",value:function(){return'\n      <div class=\'svg-filter-editor filter-list\'>\n        <div class=\'left\'>\n          <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>Filter</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>Preset</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>Asset</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content" data-value="1">\n                '.concat("\n\n  <div class='filter-item-list' ref=\"$filterSelect\">\n\n    ".concat(Z(Q$,function(t){return"\n        <div class='group' label=\"".concat(t.label,'">\n          ').concat(Z(t.items,function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(eR(t.value)," ").concat(t.label,"</div>")}),"\n        </div>\n      ")}),"\n  </div>\n  "),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat("\n\n  <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n\n    ".concat(Z(tR,function(t){return"\n        <div class='group' label=\"".concat(t.label,'">\n          ').concat(Z(t.items,function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(t.label,"</div>")}),"\n        </div>\n      ")}),"\n  </div>\n  "),"\n              </div>\n                     \n            </div>\n          </div>\n        </div>\n        <div  class='center'>\n          <div class='graph'>\n            <div class='drag-line-panel' ref='$dragLinePanel'></div>          \n            <div class='connected-line-panel' ref='$connectedLinePanel'></div>\n            <div class='graph-panel' ref='$graphPanel' droppable=\"true\"></div>\n          </div>\n        </div>\n        <div class='right'>\n          <div class='filter-list' ref='$filterList'></div>\n        </div>\n      </div>")}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:sn("$filterSelect .item"),value:function(t){var e=t.$delegateTarget.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:fn("$connectedLinePanel")+Ln,value:function(){}},{key:ln("$connectedLinePanel")+Ln,value:function(t){var e={x:t.offsetX,y:t.offsetY},n=t.dataTransfer.getData("filter/type");this.makeFilterNode(n,{bound:e})}},{key:"makeFilterNode",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.filters.push(this.makeFilter(t,e)),this.state.selectedIndex=this.state.filters.length-1,this.state.selectedFilter=this.state.filters[this.state.selectedIndex],this.refresh(),this.modifyFilter()}},{key:"applyTemplate",value:function(t){var e=M$[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return ks[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r="".concat(e.type).concat(n).concat(this.state.selectedIndex).concat(Date.now());if("color-matrix"===t.inputType)return"\n        <div>\n          <ColorMatrixEditor \n            ref='$colorMatrix".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"       \n            column='").concat(t.column,"' \n            values='").concat(e[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("input-array"===t.inputType)return"\n        <div>\n          <InputArrayEditor \n            ref='$inputArray".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,'"       \n            column-label="R,G,B,A,M",\n            row-label="R,G,B,A",\n            column=\'').concat(t.column,"' \n            values='").concat(e[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return I(t.options)&&(o=t.options(this.state.filters)),"\n        <div>\n          <SelectEditor \n            ref='$select".concat(r,"' \n            label=\"").concat(t.title,"\"\n            options='").concat(o,"' \n            key=\"").concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ')}return"text"===t.inputType?"\n        <div>\n          <TextEditor \n            ref='$text".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeTextEditor"\n          />\n        </div>\n        '):"number-range"===t.inputType?" \n        <div>\n          <NumberRangeEditor \n            ref='$numberrange".concat(r,"' \n            label=\"").concat(t.title,'" \n            min="').concat(t.min,'"\n            max="').concat(t.max,'"\n            step="').concat(t.step,'"\n            key="').concat(n,'" \n            value="').concat(e[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"color"===t.inputType?"\n        <div>\n          <ColorViewEditor \n            ref='$colorview".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeSVGFilterColorViewEditor" \n          />\n        </div>\n      '):"FuncFilter"===t.inputType?"\n        <div>\n          <FuncFilterEditor \n            ref='$funcFilter".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeFuncFilterEditor" \n          />\n        </div>\n      '):"ImageSelectEditor"===t.inputType?"\n        <div>\n          <ImageSelectEditor \n            ref='$imageSelect".concat(r,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"\n      <div>\n        <RangeEditor \n          ref='$range".concat(r,"' \n          layout='block' \n          calc='false' \n          label=\"").concat(t.title,'" \n          min="').concat(t.min,'"\n          max="').concat(t.max,'"\n          step="').concat(t.step,'"\n          key="').concat(n,'" \n          value="').concat(e[n].toString(),'" \n          units="').concat(t.units.join(","),'" \n          onchange="changeRangeEditor" \n        />\n      </div>\n    ')}},{key:"makeOneFilterTemplate",value:function(t,e){var n=this;return'\n    <div class="filter-item">\n      <div class="title">\n        <label>'.concat(e.type,'</label>\n        <div class="filter-menu">\n          <button type="button" class="del">').concat(wm.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(P(t,function(t,r){return n.makeFilterEditorTemplate(r,e,t)}),"\n\n      </div>\n    </div>\n  ")}},{key:"makeFilterTemplate",value:function(t){return this.makeOneFilterTemplate(this.getSpec(t.type),t)}},{key:zn("$filterList"),value:function(){return this.state.selectedFilter&&!1===this.state.selectedFilter.isSource()?this.makeFilterTemplate(this.state.selectedFilter):""}},{key:"modifyFilter",value:function(){var t=this;this.state.filters.forEach(function(e){e.isLight()&&e.connected.length&&e.connected.forEach(function(n){t.state.filters.filter(function(t){return t.id===n.id}).forEach(function(t){t.reset({lightInfo:e.toLightString()})})})}),this.parent.trigger(this.props.onchange,this.props.key,this.state.filters)}},{key:"parseFilter",value:function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(function(t){return ms.parse(t)})}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return ms.parse(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){W$(t,e,n[e])})}return t}({},e,{type:t}))}},{key:rn("$filterSelect .item[value]"),value:function(t){var e=t.$delegateTarget.attr("value");this.makeFilterNode(e)}},{key:rn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$delegateTarget.attr("value");this.applyTemplate(e)}},{key:rn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:zn("$graphPanel"),value:function(){return this.makeGraphPanel()}},{key:"selectFilter",value:function(t){this.setState({selectedIndex:t,selectedFilter:this.state.filters[t]},!1),this.load("$filterList")}},{key:kn("$graphPanel .filter-node")+In()+Mn(),value:function(t){this.$target=t.$delegateTarget,this.$point=null,this.pointType="object",this.pointIndex=0;var e=this.refs.$graphPanel.rect();this.rect=e;var n=+this.$target.attr("data-index");this.selectFilter(n),this.$target.onlyOneClass("selected");var r=Ke.create(t.target);if(r.hasClass("out"))this.$point=r,this.pointType="out",this.pointIndex=0;else if(r.hasClass("in"))this.$point=r,this.pointType="in",this.pointIndex=+r.attr("data-index");else{var o=this.state.selectedFilter;this.startXY=L(o.bound)}if("in"===this.pointType||"out"===this.pointType){var i=r.rect(),a=i.x-e.x,c=i.y-e.y,u=a+i.width/2,s=c+i.height/2;this.startXY={x:u,y:s}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:zn("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var t=this.startXY,e=t.x,n=t.y,r=t.dx,o=t.dy;return"\n      <svg>\n        <path ".concat(K({class:"drag-line",fill:"transparent","stroke-width":1,d:"M".concat(e,",").concat(n,"L").concat(e+r,",").concat(n+o,"Z")})," />\n      </svg>\n      ")}return""}},{key:"makeConnectedPath",value:function(t){var e=new Nd,n=t[0],r=t[t.length-1];if(!n)return"";if(!r)return"";var o=Math.abs(n.x-r.x)/2;return e.M(n).C({x:n.x+o,y:n.y},{x:r.x-o,y:r.y},r),e.d}},{key:"createPath",value:function(t,e){if(e.path)return e.path;var n=t.bound.x+rR[0],r=t.bound.y+oR[0],o=this.state.filters.map(function(t,e){return{it:t,index:e}}).find(function(t){return!!t&&(!!t.it&&(t&&t.it.id===e.id))}),i="".concat(o.it.getInCount()),a=o.it.in.map(function(t,e){return{it:t,index:e}}).find(function(e){return!!e&&(!!e.it&&e.it.id===t.id)});if(!a)return[];var c=a.index;return[{x:n,y:r},{x:o.it.bound.x+iR[i][0],y:o.it.bound.y+aR[i][c]}]}},{key:zn("$connectedLinePanel"),value:function(){var t=this;return"\n      <svg>\n        ".concat(this.state.filters.map(function(e){return e.connected.map(function(n){var r=t.createPath(e,n),o=nR(e.type);return"\n              <path ".concat(K({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(K({"data-source-type":o,"data-target-id":n.id,"data-source-id":e.id,class:"connected-remove-circle",cx:(r[0].x+r[1].x)/2,cy:(r[0].y+r[1].y)/2})," />\n              "),"\n              \n            ")}).join("")}).join(""),"\n      </svg>\n    ")}},{key:rn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=K$(t.$delegateTarget.attrs("data-target-id","data-source-id"),2),n=e[0],r=e[1],o=this.state.filters;o.filter(function(t){return t.id===r}).forEach(function(t){t.connected=t.connected.filter(function(t){return t.id!=n})}),o.filter(function(t){return t.id===n}).forEach(function(t){t.in=t.in.map(function(t){return t&&t.id==r?null:t})}),this.refresh(),this.modifyFilter()}},{key:"getCenterXY",value:function(t){var e=t.rect(),n=e.x-this.rect.x,r=e.y-this.rect.y;return{x:n+e.width/2,y:r+e.height/2}}},{key:"end",value:function(t,e){if("in"===this.pointType||"out"===this.pointType){this.startXY.dx=t,this.startXY.dy=e;var n=this.state.selectedFilter,r=pl.config.get("bodyEvent"),o=Ke.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in"))if(c=this.state.filters[+i.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var a=+o.attr("data-index");c.in[a]||(c.setIn(a,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(o.hasClass("out"))(c=this.state.filters[+i.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType?this.load("$dragLinePanel"):"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:He.px(n.bound.x),top:He.px(n.bound.y)}),this.load("$connectedLinePanel")))}},{key:"makeGraphPanel",value:function(){var t=this;return this.state.filters.map(function(e,n){return"\n        <div class='filter-node ".concat(W({selected:n===t.state.selectedIndex}),"' data-type=\"").concat(e.type,'" data-index="').concat(n,'" data-filter-id="').concat(e.id,"\" style='left: ").concat(e.bound.x,"px;top: ").concat(e.bound.y,"px;'>\n          <div class='label'>").concat(e.type,"</div>\n          <div class='remove'>").concat(wm.close,"</div>\n          <div class='preview' data-source-type=\"").concat(nR(e.type),'">').concat(eR(e.type),"</div>\n          <div class='in-list'>\n            ").concat(N$(Array(e.getInCount())).map(function(t,e){return"<div class='in' data-index='".concat(e,"'></div>")}).join(""),"\n          </div>\n          \n          <div class='out' data-index=\"0\">").concat(wm.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")})}},{key:Pr("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:Pr("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(W$({},t,e)),this.modifyFilter()}},{key:Pr("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(W$({},t,e)),this.modifyFilter()}},{key:Pr("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(W$({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter(function(e){return e.id!=t});e.forEach(function(e){e.connected=e.connected.filter(function(e){return e.id!=t}),e.in=e.in.filter(function(e){return e.id!=t})}),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:rn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$delegateTarget.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&U$(n.prototype,r),o&&U$(n,o),e}();function uR(t){return(uR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lR(t,e){return!e||"object"!==uR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fR(t){return(fR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pR(t,e){return(pR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lR(this,fR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor list-view-editor' ref='$body'></div>"}},{key:Gn("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:zn("$body"),value:function(){var t=this;return Object.keys(wm).map(function(e){var n=wm[e],r=e===t.state.value?"selected":"";return"<div class='list-view-item ".concat(r,"'  data-key='").concat(e,"'>").concat(n,"</div>")})}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.state.value=t,this.refresh()}},{key:rn("$body .list-view-item"),value:function(t){var e=t.$delegateTarget.attr("data-key");t.$delegateTarget.onlyOneClass("selected"),this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&sR(n.prototype,r),o&&sR(n,o),e}();function yR(t){return(yR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vR(t,e){return!e||"object"!==yR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bR(t){return(bR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gR(t,e){return(gR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vR(this,bR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{IconListViewEditor:hR}}},{key:"initState",value:function(){return{fit:!!this.props.value.fit,icon:this.props.value.icon||""}}},{key:"template",value:function(){var t=this.state.fit?'checked="checked"':"";return"\n      <div class='svg-clip-path-editor clippath-list'>\n          <div class='label' >\n              <label>".concat(this.props.title||"","</label>\n              <div class='tools'>\n              </div>\n          </div>\n          <div>\n            <label>Fit to size <input type='checkbox' ref='$fit' ").concat(t,"  /> </label>\n          </div>\n          <div>\n            <IconListViewEditor ref='$svg' key='svg' value=\"").concat(this.state.icon,'" column="6" onchange=\'changeClipPath\' />\n          </div>\n      </div>')}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyClipPath()}},{key:rn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Pr("changeClipPath"),value:function(t,e){this.updateData({icon:e})}},{key:"modifyClipPath",value:function(){var t=this.state,e=t.icon,n=t.fit;this.parent.trigger(this.props.onchange,this.props.key,{icon:e,fit:n})}}])&&dR(n.prototype,r),o&&dR(n,o),e}();function wR(t){return(wR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function OR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SR(t,e){return!e||"object"!==wR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jR(t){return(jR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PR(t,e){return(PR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],_R=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SR(this,jR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"initState",value:function(){var t=kR(Xy.parse(this.props.value),5),e=t[0],n=t[1],r=t[2],o=t[3],i=t[4];return{isAll:1===e,all:n.clone(),top:n.clone(),right:r.clone(),bottom:o.clone(),left:i.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:Pr("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&xR.forEach(function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())}),this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:zn("$body"),value:function(){var t=this,e=this.state.isAll?"all":"partitial",n=this.state.all,r="all"===e?"display:none":"display:block";return'\n      <div class="property-item direction-item">\n        <div class="radius-selector" data-selected-value="'.concat(e,'" ref="$selector">\n          <button type="button" data-value="all">').concat(wm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(wm.border_inner,"\n          </button>\n        </div>\n        <div class=\"radius-value\">\n          <RangeEditor ref='$all' key='all' value=\"").concat(n,'" onchange=\'changeBorderRadius\' />\n        </div>\n      </div>\n      <div\n        class="property-item full direction-item"\n        ref="$partitialSetting"\n        style="').concat(r,'"\n      >\n        <div class="radius-setting-box">\n          ').concat(xR.map(function(e){var n=t.state[e.key];return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(n,"\" onchange='changeBorderRadius' />\n              </div>  \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=[];e=this.state.isAll?[1,this.state.all,this.state.all,this.state.all,this.state.all]:[4,this.state.top,this.state.right,this.state.bottom,this.state.left],this.parent.trigger(this.props.onchange,e)}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.updateData({isAll:"all"===e})}}])&&OR(n.prototype,r),o&&OR(n,o),e}();function TR(t){return(TR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ER(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CR(t,e){return!e||"object"!==TR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $R(t){return($R=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RR(t,e){return(RR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CR(this,$R(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RR(t,e)}(e,_r),n=e,(r=[{key:"afterRender",value:function(){var t=this;this.colorPicker=Rh.create({type:"sketch",position:"inline",container:this.refs.$color.el,color:this.props.value||"rgba(0, 0, 0, 1)",onChange:function(e){t.changeColor(e)}})}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'<div ref="$color"></div>'}},{key:"changeColor",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:"setValue",value:function(t){this.colorPicker.initColorWithoutChangeEvent(t)}},{key:"refresh",value:function(){this.colorPicker.initColorWithoutChangeEvent(this.state.color)}}])&&ER(n.prototype,r),o&&ER(n,o),e}();function AR(t){return(AR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IR(t,e){return!e||"object"!==AR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MR(t){return(MR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LR(t,e){return(LR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IR(this,MR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.split||",",e=(this.props.options||"").split(t).map(function(t){return t.trim()}),n=(this.props.icons||"").split(t).map(function(t){return t.trim()}),r=this.props.value||"";return{label:this.props.label||"",options:e,icons:n,value:r}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:rn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.state.value=t+"";var e=this.refs.$options.$('[data-value="'.concat(this.state.value,'"]'));e&&e.onlyOneClass("selected")}},{key:"refresh",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0]){var t=this.refs.$options.$('[data-value="'.concat(this.state.value,'"]'));t&&t.onlyOneClass("selected")}else this.load()}},{key:zn("$options"),value:function(){var t=this;return this.state.options.map(function(e,n){var r=e===t.state.value?"selected":"",o=e;if(""===e)var i=wm.close;else{var a=t.state.icons[n];i=wm[a]||a||e}return"<div class='select-icon-item ".concat(r,"' data-value=\"").concat(o,"\" title='").concat(o,"'>").concat(i,"</div>")})}},{key:rn("$options .select-icon-item"),value:function(t){var e=t.$delegateTarget.attr("data-value");t.$delegateTarget.onlyOneClass("selected"),this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&DR(n.prototype,r),o&&DR(n,o),e}();function zR(t){return(zR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GR(t,e){return!e||"object"!==zR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HR(t){return(HR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XR(t,e){return(XR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YR=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GR(this,HR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XR(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,image:$b.parseImage(this.props.image||"transparent")}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.state.index)}},{key:"getValue",value:function(){return this.state.image.toString()}},{key:"setValue",value:function(t){this.setState({image:$b.parseImage(t)})}},{key:Gn("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:Gn("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:Gn("$colors"),value:function(){var t=this.state.image;if(!t)return{fill:"transparent"};var e="url"!=t.type?"".concat(t.colorsteps[0].color):"transparent";return(t.type.includes("linear")||t.type.includes("radial"))&&(e=t.colorsteps.map(function(t){return"<span class='color' style='background-color: ".concat(t.color,"' title='").concat(t.color,"'></span>")}).join("")),{innerHTML:"<div> ".concat(e," </div>")}}},{key:"template",value:function(){var t=this.state,e=t.label;t.removable;return"\n            <div class='fill-single-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='preview' ref='$preview'>\n                    <div class='mini-view'>\n\n                        <svg class='color-view' ref='$miniView'>\n                            <defs ref='$fillView'></defs>\n                            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" ref='$fillColor' fill='url(#").concat(this.fillId,")' />\n                        </svg>\n                    </div>\n                </div>\n                <div class='colors' ref='$colors'></div>\n            </div>\n        ")}},{key:rn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Pr("changeFillSingle"),value:function(t,e){this.updateData({image:$b.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&FR(n.prototype,r),o&&FR(n,o),e}();function NR(t){return(NR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function WR(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function UR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZR(t,e){return!e||"object"!==NR(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qR(t){return(qR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JR(t,e){return(JR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QR=["static-gradient","linear-gradient","radial-gradient","image-resource"],tV={"image-resource":wm.photo},eV={top:{x1:"0%",y1:"100%",x2:"0%",y2:"0%"},"top left":{x1:"100%",y1:"100%",x2:"0%",y2:"0%"},"top right":{x1:"0%",y1:"100%",x2:"100%",y2:"0%"},left:{x1:"100%",y1:"0%",x2:"0%",y2:"0%"},right:{x1:"0%",y1:"0%",x2:"100%",y2:"0%"},bottom:{x1:"0%",y1:"0%",x2:"0%",y2:"100%"},"bottom left":{x1:"100%",y1:"0%",x2:"0%",y2:"100%"},"bottom right":{x1:"0%",y1:"0%",x2:"100%",y2:"100%"}},nV=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],rV=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],oV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ZR(this,qR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JR(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uT,RangeEditor:Hx,SelectIconEditor:BR,SelectEditor:Ix}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:$b.parseImage(this.props.value||"transparent")||fb.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:$b.parseImage(t)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var t=this,e=this.state.image,n=(e=e||{}).type||"static-gradient";return"url"===n&&(n="image-resource"),"\n        <div class='fill-editor' data-selected-editor='".concat(n,"'>\n            <div class='gradient-preview'>\n              <div class='gradient-view' ref='$gradientView'>\n                <div class='drag-pointer' ref='$dragPosition'></div>\n              </div>\n              <svg class='pointer-draw' ref='$pointerDrawArea'>\n                <line data-type='line' ref='$line' />\n                <circle r='5' data-type='start' ref='$startPoint' />\n                <circle r='5' data-type='end' ref='$endPoint' />\n                <circle r='5' data-type='center' ref='$centerPoint' />\n                <circle r='5' data-type='f' ref='$fPoint' />\n              </svg>              \n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(wm.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(wm.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(wm.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(wm.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(wm.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(wm.chevron_right,'</div>                \n              </div>\n              <div data-editor=\'image-loader\'>\n                <input type=\'file\' accept="image/*" ref=\'$file\' />\n              </div>              \n            </div>\n            <div class="picker-tab">\n              <div class="picker-tab-list" ref="$tab">\n                ').concat(QR.map(function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(tV[t]||"","</span></span>")}).join(""),"\n              </div>\n            </div>\n            <div class='gradient-steps' data-editor='gradient'>\n                <div class=\"hue-container\" ref=\"$back\"></div>            \n                <div class=\"hue\" ref=\"$steps\">\n                    <div class='step-list' ref=\"$stepList\" ></div>\n                </div>\n            </div>\n            <div class='tools' data-editor='tools'>\n              <RangeEditor label='Offset' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='Spread' ref='$spreadMethod' value=\"pad\" options='pad,reflect,repeat' key='spreadMethod' onchange='changeKeyValue' />\n                </div>  \n                <div data-editor='patternUnits'>\n                  <SelectEditor label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(rV.map(function(n){return"\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(n,"' ref='$").concat(n,"' value=\"").concat(t.getImageFieldValue(e,n),"\" key='").concat(n,"' onchange='changeKeyValue' />\n                    </div>\n                  ")}).join(""),"\n                                                                                                                                \n            </div>            \n        </div>\n      ")}},{key:"getImageFieldValue",value:function(t,e){var n=t[e];if(E(n))switch(e){case"cx":case"cy":case"r":case"fx":case"fy":return"50%";case"x1":case"y1":case"y2":case"fr":case"imageX":case"imageY":return"0%";case"x2":case"patternWidth":case"patternHeight":case"imageWidth":case"imageHeight":return"100%"}return n}},{key:hn("$file"),value:function(t){var e=this;pl.selection.currentProject&&WR(t.target.files).forEach(function(t){e.emit("update.asset.image",t,function(t){e.trigger("setImageUrl",t)})})}},{key:rn("$el .preset-position [data-value]"),value:function(t){var e=t.$delegateTarget.attr("data-value");eV[e]&&(this.state.image.reset(eV[e]),this.refresh(),this.refreshFieldValue(),this.updateData())}},{key:"refreshFieldValue",value:function(){this.children.$x1.setValue(this.state.image.x1),this.children.$y1.setValue(this.state.image.y1),this.children.$x2.setValue(this.state.image.x2),this.children.$y2.setValue(this.state.image.y2),this.children.$cx.setValue(this.state.image.cx),this.children.$cy.setValue(this.state.image.cy),this.children.$r.setValue(this.state.image.r),this.children.$fx.setValue(this.state.image.fx),this.children.$fy.setValue(this.state.image.fy),this.children.$fr.setValue(this.state.image.fr),this.children.$spreadMethod.setValue(this.state.image.spreadMethod),this.children.$patternUnits.setValue(this.state.image.patternUnits),this.children.$patternWidth.setValue(this.state.image.patternWidth),this.children.$patternHeight.setValue(this.state.image.patternHeight),this.children.$imageX.setValue(this.state.image.imageX),this.children.$imageY.setValue(this.state.image.imageY),this.children.$imageWidth.setValue(this.state.image.imageWidth),this.children.$imagenHeight.setValue(this.state.image.imageHeight)}},{key:"getDrawAreaRect",value:function(){return{width:198,height:150}}},{key:"getFieldValue",value:function(t){return He.parse(this.getImageFieldValue(this.state.image,t))}},{key:Gn("$line"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{x1:this.getFieldValue("x1").toPx(e),y1:this.getFieldValue("y1").toPx(n),x2:this.getFieldValue("x2").toPx(e),y2:this.getFieldValue("y2").toPx(n)}}},{key:Gn("$startPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("x1").toPx(e),cy:this.getFieldValue("y1").toPx(n)}}},{key:Gn("$endPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("x2").toPx(e),cy:this.getFieldValue("y2").toPx(n)}}},{key:Gn("$centerPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("cx").toPx(e),cy:this.getFieldValue("cy").toPx(n)}}},{key:Gn("$fPoint"),value:function(){var t=this.getDrawAreaRect(),e=t.width,n=t.height;return{cx:this.getFieldValue("fx").toPx(e),cy:this.getFieldValue("fy").toPx(n)}}},{key:kn("$pointerDrawArea circle[data-type]")+In("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$delegateTarget.attr("data-type"),this.state.cachedRect=null}},{key:"getRectRate",value:function(t,e,n){var r=t.width,o=t.height,i=t.x,a=t.y;return i>e?e=i:i+r<e&&(e=i+r),a>n?n=a:a+o<n&&(n=a+o),{left:He.percent((e-i)/r*100),top:He.percent((n-a)/o*100)}}},{key:"moveDragPointer",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e,o=this.getRectRate(this.containerRect,n,r),i=o.left,a=o.top;"start"==this.type?(this.state.image.reset({x1:i,y1:a}),this.children.$x1.setValue(i),this.children.$y1.setValue(a),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:i,y2:a}),this.children.$x2.setValue(i),this.children.$y2.setValue(a),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:i,cy:a}),this.children.$cx.setValue(i),this.children.$cy.setValue(a),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:i,fy:a}),this.children.$fx.setValue(i),this.children.$fy.setValue(a),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:rn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$delegateTarget.attr("data-editor");this.$el.attr("data-selected-editor",n),this.parent.trigger("changeTabType",n);var r="image-resource"===n?this.state.image.url:this.state.url,o={};nV.forEach(function(t){o[t]=e.children["$".concat(t)].getValue()}),this.state.image=$b.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){KR(t,e,n[e])})}return t}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},o)),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(t){"linear-gradient"===(t=this.$el.attr("data-selected-editor"))?this.emit("addStatusBarMessage",""):"url"===t||"image-resource"===t?this.emit("addStatusBarMessage","Click the preview area if you want to select a image"):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Pr("changeKeyValue"),value:function(t,e){this.state.image.reset(KR({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Pr("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:rn("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,o=t.xy.x;o<n?o=n:o>r&&(o=r);var i=(o-n)/e.width*100;this.state.image.insertColorStep(i),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Gn("$el"),value:function(){var t=this.state.image.type;return"url"===t&&(t="image-resource"),this.parent.trigger("changeTabType",t),{"data-selected-editor":t}}},{key:Gn("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Gn("$gradientView"),value:function(){return{innerHTML:'\n        <svg x="0" y="0" width="100%" height="100%">\n          <defs>\n            '.concat(this.state.image.toSVGString(this.fillId),'\n          </defs>\n          <rect x="0" y="0" width="100%" height="100%" fill="').concat(this.state.image.toFillValue(this.fillId),'" />\n        </svg>\n      ')}}},{key:zn("$stepList"),value:function(){return(this.state.image.colorsteps||[]).map(function(t,e){var n=pl.selection.isSelectedColorStep(t.id)?"selected":"";return"\n      <div class='step ".concat(n,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>')})}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){this.state.id=t,pl.selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find(function(t){return pl.selection.isSelectedColorStep(t.id)}),this.children.$range.setValue(He.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:kn("$stepList .step")+In(),value:function(t){var e=t.$delegateTarget.attr("data-id");if(t.altKey)return this.removeStep(e),!1;this.selectStep(e),this.startXY=t.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(t,e){var n=this.getStepListRect(),r=n.x,o=n.right,i=this.startXY.x+t;i<r?i=r:i>o&&(i=o);var a=(i-r)/n.width*100;this.currentStep.percent=a,this.children.$range.setValue(He.percent(a)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var t=this.state.image;return"linear-gradient(to right, ".concat(Ev.toColorString(t.colorsteps),")")}},{key:Pr("setColorStepColor"),value:function(t){"static-gradient"===this.state.image.type?(this.state.image.setColor(t),this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=t,this.refresh(),this.updateData())}},{key:Pr("setImageUrl"),value:function(t){this.state.image&&(this.state.url=t,this.state.image.reset({url:t}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}},{key:"fillId",get:function(){return this.id+"fill"}}])&&UR(n.prototype,r),o&&UR(n,o),e}();function iV(t){return(iV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function cV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uV(t,e){return!e||"object"!==iV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sV(t){return(sV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lV(t,e){return(lV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uV(this,sV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lV(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='svg-filter-select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","\n                <select ref='$options'></select>\n                <button type='button' class='open thin' ref='$open' title='Open SVG Filter Editor'>").concat(wm.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(wm.remove,"</button>\n            </div>\n        ")}},{key:rn("$remove"),value:function(t){this.updateData({value:""})}},{key:rn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=pl.selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:Gn("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:zn("$options"),value:function(){var t=this,e=pl.selection.currentProject,n="";return e&&(n=(n=e.svgfilters.map(function(t){return t.id})).length?","+n.join(","):""),(n=(n+=",-,new").split(",")).map(function(e){var n=e;if((o=e).includes(":")){var r=aV(o.split(":"),2),o=r[0];n=r[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",o="");var i=o===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(o,'">').concat(n,"</option>")})}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:t.split(this.state.splitChar).map(function(t){return t.trim()})})}},{key:"sendMessage",value:function(t){"new"===t?this.emit("addStatusBarMessage","Create new svg filter"):"-"===t?this.emit("addStatusBarMessage","Select a filter"):this.emit("addStatusBarMessage","")}},{key:hn("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("add.assets.svgfilter",function(e,n){t.updateData({value:n}),t.refresh(),t.trigger("openSVGFilterPopup",e)}):"-"===e||this.updateData({value:e})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$options")}},{key:Pr("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:Pr("changeSVGFilterEditorRealUpdate"),value:function(t){var e=pl.selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&cV(n.prototype,r),o&&cV(n,o),e}();function pV(t){return(pV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yV(t,e){return!e||"object"!==pV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dV(t){return(dV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vV(t,e){return(vV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bV={TextAreaEditor:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yV(this,dV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vV(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:He.px(100),value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.height,r=t.value;return"\n            <div class='text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <textarea ref='$text' style='height:").concat(n,"'>").concat(r,"</textarea>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t,e){this.setState({value:t},!1),e&&this.setState({height:e},!1),this.refresh()}},{key:Gn("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:yn("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}])&&hV(n.prototype,r),o&&hV(n,o),e}(),ColorMatrixEditor:I$,FuncFilterEditor:_$,SVGFilterSelectEditor:fV,FillEditor:oV,FillSingleEditor:YR,BorderEditor:EC,BorderValueEditor:kC,GradientSingleEditor:ax,BackgroundPositionEditor:QP,OffsetPathListEditor:fC,PolygonDataEditor:oC,PathDataEditor:JE,StrokeDashArrayEditor:XE,InputRangeEditor:uT,SelectIconEditor:BR,ImageSelectEditor:X$,EmbedColorPicker:VR,IconListViewEditor:hR,InputArrayEditor:y$,DirectionEditor:_R,SVGClipPathEditor:mR,NumberRangeEditor:xm,TextEditor:u$,SVGFilterEditor:cR,CircleEditor:n$,BackgroundImageEditor:dx,BoxShadowEditor:Ex,BorderRadiusEditor:Qx,ColorSingleEditor:i_,ColorViewEditor:f_,CubicBezierEditor:g_,FilterEditor:eT,GradientEditor:kT,IterationCountEditor:ET,OffsetEditor:HC,CSSPropertyEditor:IC,PerspectiveOriginEditor:gE,RangeEditor:Hx,SelectEditor:Ix,SingleRangeEditor:UC,TextShadowEditor:LE,TransformEditor:JT,TransformOriginEditor:uE,VarEditor:IT};function gV(t){return(gV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wV(t,e){return!e||"object"!==gV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kV(t){return(kV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OV(t,e){return(OV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wV(this,kV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OV(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return bV}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title' ref=\"$title\">\n                <label> ".concat(this.hasKeyframe()?"<span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>"):""," <span ref='$propertyTitle'>").concat(this.getTitle(),'</span></label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body'>").concat(this.getBody(),"</div>\n            ").concat(this.getFooter()?"<div class='property-footer'>".concat(this.getFooter(),"</div>"):"","\n        </div>\n        ")}},{key:"setTitle",value:function(t){this.refs.$propertyTitle.text(t)}},{key:"hasKeyframe",value:function(){return!1}},{key:"isHideHeader",value:function(){return!1}},{key:"isFirstShow",value:function(){return!0}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:rn("$title label"),value:function(t){var e=t.$delegateTarget.parent(),n=Ke.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:rn("$title .icon"),value:function(t){t.$delegateTarget.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:rn("$el .property-body .add-timeline-property")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-property"),n=t.$delegateTarget.attr("data-editor");this.emit("add.timeline.current.property",{property:e,editor:n})}},{key:rn("$el .property-title .add-timeline-property")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-property"),n=t.$delegateTarget.attr("data-editor");this.emit("add.timeline.current.property",{property:e,editor:n})}},{key:"isPropertyShow",value:function(){return this.$el.hasClass("show")}},{key:"toggle",value:function(t){this.$el.toggle(t)}},{key:"hide",value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show()}},{key:"onShowTitle",value:function(t){}},{key:"refreshShowIsNot",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=pl.selection.current;n&&(t.includes(n.itemType)?this.hide():(this.show(),e&&this.refresh()))}},{key:"refreshShow",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=pl.selection.current;n&&(t.includes(n.itemType)?(this.show(),e&&this.refresh()):this.hide())}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}}])&&mV(n.prototype,r),o&&mV(n,o),e}();function jV(t){return(jV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xV(t,e){return!e||"object"!==jV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _V(t){return(_V=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TV(t,e){return(TV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xV(this,_V(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TV(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Common"}},{key:"getBody",value:function(){return"\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n          <ColorViewEditor ref='$color' label=\"color\" key='background-color' onchange=\"changeColor\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='opacity'></span>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='opacity'\n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeSelect\" />\n        </div>\n        \n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          <SelectEditor \n            label='blend'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            options=\"".concat(lc,'" \n            onchange="changeSelect" />\n        </div>        \n      ')}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)"),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]))}},{key:Pr("changeSelect"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}},{key:Pr("changeColor"),value:function(t,e){this.trigger("changeSelect",t,e)}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}}])&&PV(n.prototype,r),o&&PV(n,o),e}();function CV(t){return(CV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $V(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RV(t,e){return!e||"object"!==CV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VV(t){return(VV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AV(t,e){return(AV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DV=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),IV=["all","top","right","bottom","left"],MV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RV(this,VV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AV(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Border"}},{key:"afterRender",value:function(){this.refresh()}},{key:zn("$borderDirection"),value:function(){var t=pl.selection.current||{border:{}};return IV.map(function(e){return'<button type="button" data-value="'.concat(e,'" ref="$').concat(e,"\" has-value='").concat(!!t.border[e],"'></button>")})}},{key:"getTemplateForBorderProperty",value:function(){return"\n      <div class=\"property-item border-item\">\n        <div\n          class=\"border-direction\"\n          ref=\"$borderDirection\"\n          data-selected-value=\"all\"\n        ></div>\n        <div class='editor-area'>\n          <RangeEditor label='width' ref='$width' min=\"0\" max=\"100\" step=\"1\" key='width' onchange='changeRangeEditor' />\n        </div>\n        <div class='editor-area'>\n          <SelectEditor label='style' ref='$style' key='style' options='".concat(DV,"' onchange=\"changeRangeEditor\" />\n        </div>\n        <div class='editor-area'>\n          <ColorViewEditor ref='$color' label='color'  onchange=\"changeBorderColor\" />\n        </div>\n      </div>\n    ")}},{key:"getBody",value:function(){return"\n        ".concat(this.getTemplateForBorderProperty(),"\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){this.refreshBorderInfo()}},{key:Pr("changeBorderColor"),value:function(){this.refreshBorderInfo()}},{key:"refreshBorderInfo",value:function(){var t=this.refs.$borderDirection.attr("data-selected-value"),e={width:this.children.$width.getValue().clone(),style:this.children.$style.getValue(),color:this.children.$color.getValue()};pl.selection.each(function(n){n.setBorder(t,e)}),this.refresh(),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:rn("$borderDirection button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$borderDirection.attr("data-selected-value",e);var n=pl.selection.current;if(n){n.setBorder(e);var r=n.getBorder(e);r&&(this.children.$width.setValue(r.width||He.px(0)),this.children.$style.setValue(r.style||"none"),this.children.$color.setValue(r.color||"rgba(0, 0, 0, 1)"))}this.refresh()}}])&&$V(n.prototype,r),o&&$V(n,o),e}();function LV(t){return(LV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zV(t,e){return!e||"object"!==LV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FV(t){return(FV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GV(t,e){return(GV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zV(this,FV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GV(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Border Radius"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeBorderRadius"),value:function(t){pl.selection.reset({"border-radius":t}),this.emit("refreshSelectionStyleView")}}])&&BV(n.prototype,r),o&&BV(n,o),e}();function XV(t){return(XV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NV(t,e){return!e||"object"!==XV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KV(t){return(KV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WV(t,e){return(WV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UV=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NV(this,KV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WV(t,e)}(e,SV),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx,SelectEditor:Ix}}},{key:"getTitle",value:function(){return"Size"}},{key:Pr("refreshSelection","refreshRect"),value:function(){this.refreshShowIsNot("project")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='width'></span>\n        <RangeEditor ref='$width' label='Width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='height'></span>      \n        <RangeEditor ref='$height' label='Height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n      </div>      \n    "}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView"),this.emit("setSize")}}])&&YV(n.prototype,r),o&&YV(n,o),e}();function ZV(t){return(ZV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qV(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JV(t,e){return!e||"object"!==ZV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QV(t){return(QV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tA(t,e){return(tA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),JV(this,QV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadows"}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"box-shadow"}},{key:zn("$shadowList"),value:function(){var t=pl.selection.current||{};return"\n      <BoxShadowEditor ref='$boxshadow' value=\"".concat(t["box-shadow"]||"",'" hide-label="true" onChange="changeBoxShadow" />\n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(wm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeBoxShadow"),value:function(t){pl.selection.reset({"box-shadow":t}),this.emit("refreshSelectionStyleView")}}])&&qV(n.prototype,r),o&&qV(n,o),e}();function nA(t){return(nA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oA(t,e){return!e||"object"!==nA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iA(t){return(iA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aA(t,e){return(aA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function cA(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var uA=[];["margin","padding"].forEach(function(t){uA.push.apply(uA,cA(["-top","-bottom","-left","-right"].map(function(e){return t+e})))});var sA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oA(this,iA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Box Model"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"getBody",value:function(){return'<div class="property-item box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||He.px(0);return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" />')}},{key:zn("$boxModelItem"),value:function(){var t=pl.selection.current;return t?'\n      <div>\n        <div class="margin">\n          <div data-value="top">\n            '.concat(this.templateInput("margin-top",t),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("margin-bottom",t),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("margin-left",t),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("margin-right",t),'\n          </div>\n        </div>\n        <div class="padding">\n          <div data-value="top">\n            ').concat(this.templateInput("padding-top",t),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("padding-bottom",t),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("padding-left",t),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("padding-right",t),"\n          </div>\n        </div>\n      </div>\n    "):""}},{key:yn("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};uA.forEach(function(n){e[n]=He.px(t.getRef("$",n).value)});var n=pl.selection.current;n&&(n.reset(e),this.emit("refreshElement",n))}}])&&rA(n.prototype,r),o&&rA(n,o),e}();function lA(t){return(lA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pA(t,e){return!e||"object"!==lA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hA(t){return(hA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yA(t,e){return(yA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pA(this,hA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Content"}},{key:Pr("refreshSelection","refreshContent")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:Gn("$contentItem"),value:function(){var t=pl.selection.current;return t?{value:t.content||""}:""}},{key:yn("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=pl.selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvas",{id:t.id,content:e.content,itemType:t.itemType})}}}])&&fA(n.prototype,r),o&&fA(n,o),e}();function vA(t){return(vA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gA(t,e){return!e||"object"!==vA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mA(t){return(mA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wA(t,e){return(wA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gA(this,mA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Font"}},{key:"getClassName",value:function(){return"item"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$color.setValue(t.color||"rgba(0, 0, 0, 1)"),this.children.$size.setValue(t["font-size"]),this.children.$stretch.setValue(t["font-stretch"]||"0%"),this.children.$style.setValue(t["font-style"]),this.children.$family.setValue(t["font-family"]))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='color'></span>\n        <ColorViewEditor ref='$color' label='Color' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-size'></span>\n        <RangeEditor \n          ref='$size' \n          label='Size' \n          key=\"font-size\" \n          removable=\"true\" \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-stretch'></span>\n        <RangeEditor \n          ref='$stretch' \n          label='Stretch' \n          key=\"font-stretch\" \n          removable=\"true\" \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-weight'></span>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='Weight' \n          key='font-weight' \n          removable=\"true\"\n          value=\"400\" \n          min=\"100\"\n          max=\"900\"\n          step=\"1\"\n          calc=\"false\"\n          unit=\"number\" \n          onchange=\"changeRangeEditor\" \n          />\n      </div>              \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$style' \n          label='Style' \n          key=\"font-style\" \n          options=\"normal,italic\" \n          icons='I,I'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='Family' \n          key=\"font-family\" \n          options=\",serif,sans-serif,monospace,cursive,fantasy,system-ui\" \n          onchange=\"changeRangeEditor\" \n        />\n      </div> \n         \n    "}},{key:Pr("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:Pr("changeRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&bA(n.prototype,r),o&&bA(n,o),e}();function OA(t){return(OA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jA(t,e){return!e||"object"!==OA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PA(t){return(PA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xA(t,e){return(xA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _A=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jA(this,PA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadows"}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(wm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:zn("$shadowList"),value:function(){var t=pl.selection.current||{};return"\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    ')}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:Pr("changeTextShadow"),value:function(t){pl.selection.reset({"text-shadow":t}),this.emit("refreshSelectionStyleView")}}])&&SA(n.prototype,r),o&&SA(n,o),e}();function TA(t){return(TA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function EA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CA(t,e){return!e||"object"!==TA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $A(t){return($A=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RA(t,e){return(RA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CA(this,$A(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Text Style"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$align.setValue(t["text-align"]),this.children.$transform.setValue(t["text-transform"]),this.children.$decoration.setValue(t["text-decoration"]))}},{key:"getBody",value:function(){return"\n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$align' \n          label='Align' \n          key='text-align' \n          value='left' \n          options=\"left,center,right,justify\" \n          icons=\"align_left,align_center,align_right,align_justify\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$transform' \n          label='Transform' \n          key='text-transform' \n          options=\"uppercase,lowercase,capitalize\"\n          icons='A,a,Aa'\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='Decoration' \n          key='text-decoration' \n          options=\"none,underline,overline,line-through\" \n          icons=\"A,U,O,S\"\n          onchange='changeTextValue' />        \n      </div>                    \n    "}},{key:Pr("changeTextValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&EA(n.prototype,r),o&&EA(n,o),e}();function AA(t){return(AA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IA(t,e){return!e||"object"!==AA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MA(t){return(MA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LA(t,e){return(LA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IA(this,MA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Font Spacing"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||He.number(1)),this.children.$letter.setValue(t["letter-spacing"]||"0px"),this.children.$word.setValue(t["word-spacing"]||"0px"),this.children.$indent.setValue(t["text-indent"]||"0px"))}},{key:"getBody",value:function(){return'\n\n    <div class=\'property-item\'>\n      <RangeEditor \n        ref=\'$lineHeight\' \n        label=\'line-height\' \n        removable="true" \n        key="line-height" \n        units=",px,%,em"\n        onchange="changeRangeEditor" />\n    </div>       \n      <div class="property-item font-item">\n        <RangeEditor ref=\'$letter\' label=\'Letter\' removable=\'true\' key="letter-spacing" onchange="changeRangeEditor" />\n      </div>\n\n      <div class="property-item font-item">\n        <RangeEditor ref=\'$word\' label=\'Word\' removable=\'true\' key="word-spacing" onchange="changeRangeEditor" />\n      </div>\n\n      <div class="property-item font-item">\n        <RangeEditor ref=\'$indent\' label=\'Indent\' removable=\'true\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    '}},{key:Pr("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=He.number(e.value)),pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&DA(n.prototype,r),o&&DA(n,o),e}();function zA(t){return(zA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function GA(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function HA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XA(t,e){return!e||"object"!==zA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function YA(t){return(YA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function NA(t,e){return(NA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KA=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],WA=KA.map(function(t){return t.key}),UA={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(wm.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(wm.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(wm.repeat," Conic")},ZA=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),XA(this,YA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&NA(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Border Image"}},{key:Pr("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(pl.selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:rn("$apply"),value:function(){var t=pl.selection.current;if(t){var e=this.refs.$apply.checked();t.reset({applyBorderImage:e}),this.emit("refreshElement",t)}}},{key:"getColorStepList",value:function(t){switch(t.type){case"static-gradient":case"linear-gradient":case"repeating-linear-gradient":case"radial-gradient":case"repeating-radial-gradient":case"conic-gradient":case"repeating-conic-gradient":return this.getColorStepString(t.colorsteps)}return""}},{key:"getColorStepString",value:function(t){return t.map(function(t){return"<div class='step' data-colorstep-id=\"".concat(t.id,"\" data-selected='").concat(t.selected,"' style='background-color:").concat(t.color,";'></div>")}).join("")}},{key:zn("$borderImageView"),value:function(){var t=(pl.selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?UA[t.type]:"",n="background-image: ".concat(t.image.toString(),"; background-size: cover;");return" \n      <div class='preview' ref=\"$preview\">\n        <div class='mini-view'>\n          <div class='color-view'  style=\"".concat(n,"\" ref=\"$miniView\"></div>\n        </div>\n      </div> \n      <div class='fill-info'>\n        <div class='gradient-info'>\n          <div class='fill-title' ref=\"$fillTitle\">").concat(e,"</div>\n          <div class='colorsteps' ref=\"$colorsteps\">\n            ").concat(this.getColorStepList(t.image),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&WA.forEach(function(t){n.children["$".concat(t,"Slice")].setValue(e)}),this.setBorderImageProperty()}},{key:"getBody",value:function(){pl.selection.current;return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(wm.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(wm.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <RangeEditor ref=\'$allSlice\' key=\'border-image-slice\' onchange=\'changeBorderImage\' />\n        </div>\n      </div>\n      <div\n        class="property-item border-slice-item full has-list"\n        ref="$partitialSetting"\n        style="display: none;"\n      >\n        <div class="slice-setting-box" ref="$sliceSettingBox">\n          ').concat(KA.map(function(t){return"\n              <div>\n                <label class='title'>".concat(t.title,"</label>\n              </div>\n              <div>\n                <RangeEditor ref='$").concat(t.key,"Slice' label='Slice' key='border-image-slice-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <RangeEditor ref='$").concat(t.key,"Width' label='Width' key='border-image-width-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>                \n            ")}).join(""),"\n        </div>\n      </div>\n    ")}},{key:hn("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:rn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:rn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$delegateTarget.attr("data-colorstep-id");t.$delegateTarget.attr("data-selected",!0);var n=t.$delegateTarget.closest("border-image-item").$(".preview");this.viewFillPopup(n,e)}},{key:"getFillData",value:function(t){var e={type:t.type};switch(e.type){case"image":e.url=t.image?t.image.url:"";break;default:if(t.image){var n=t.image;e.type=n.type,e.colorsteps=GA(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Fe.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Fe.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=pl.selection.current;n&&this.emit("showFillPopup",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){FA(t,e,n[e])})}return t}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=pl.selection.current;if(e){var n,r=e.borderImage;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(UA.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty()}}},{key:"setImage",value:function(t){var e=pl.selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=pl.selection.current;if(e){var n,r=e.borderImage;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(UA[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps))}}},{key:"setGradient",value:function(t){var e=pl.selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:Pr("changeBorderImageFillPopup"),value:function(t){switch(t.type){case"image":this.setImage(t);break;default:this.setGradient(t)}}},{key:"setBorderImageProperty",value:function(){var t=this,e=pl.selection.current;if(e){var n=e.borderImage;if("all"===this.refs.$selector.attr("data-selected-value")){var r=this.children.$allSlice.getValue();n.reset({slice:{top:r.clone(),right:r.clone(),bottom:r.clone(),left:r.clone()}})}else WA.forEach(function(e){n.slice[e]=t.children["$".concat(e,"Slice")].getValue(),n.width[e]=t.children["$".concat(e,"Width")].getValue()});this.emit("refreshElement",e)}}},{key:rn("$selector button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&HA(n.prototype,r),o&&HA(n,o),e}();function qA(t){return(qA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function JA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tD(t,e){return!e||"object"!==qA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eD(t){return(eD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nD(t,e){return(nD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var rD=["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"],oD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tD(this,eD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Outline"}},{key:"isFirstShow",value:function(){return!1}},{key:"afterRender",value:function(){this.refresh()}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("layer")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item\">\n        <RangeEditor ref='$width' label='Width' min=\"0\" max=\"0\" value=\"0px\" key='width' onchange='changeOutlineValue' />\n      </div>\n      <div class=\"property-item\">\n        <SelectEditor ref='$style' label='Style' key='style' value=\"none\" options=\"".concat(rD,"\" onchange='changeOutlineValue' />        \n      </div>        \n      <div class=\"property-item\">        \n        <ColorViewEditor ref='$color' key='color', onChange=\"changeOutlineColor\" />\n      </div> \n    ")}},{key:"updateData",value:function(t){this.setState(t),this.refreshOutlineInfo()}},{key:Pr("changeOutlineColor"),value:function(t,e){this.updateData(JA({},t,e))}},{key:Pr("changeOutlineValue"),value:function(t,e){this.updateData(JA({},t,e))}},{key:"refreshOutlineInfo",value:function(){var t=pl.selection.current;t&&(t.setOutline(this.state),this.emit("refreshElement",t))}}])&&QA(n.prototype,r),o&&QA(n,o),e}();function iD(t){return(iD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uD(t,e){return!e||"object"!==iD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function sD(t){return(sD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lD(t,e){return(lD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),uD(this,sD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Animation"}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(wm.add,"</button>\n    ")}},{key:zn("$animationList"),value:function(){var t=this,e=pl.selection.current;return e?e.animations.map(function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' data-index='").concat(n,"' ref=\"animationIndex").concat(n,"\" draggable='true' >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,"'>\n              <canvas class='item-canvas' ref='$itemCanvas").concat(n,"' width=\"30px\" height=\"30px\"></canvas>\n            </div>\n            <div class='name'>\n              <div class='title' ref=\"animationName").concat(n,'">\n                ').concat(e.name?e.name:"&lt; select a keyframe &gt;","\n              </div>\n              <div class='labels'>\n                <label class='count' title='Iteration Count'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='Delay'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='Duration'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='Direction'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='Fill Mode'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='Play State' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(wm.play,"</small>\n                  <small data-play-state-value='paused'>").concat(wm.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(wm.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")}):""}},{key:"drawBezierCanvas",value:function(t,e){e=tg(e),t.update(function(){var n=t.width(),r=t.height(),o=t.context();o.lineWidth=2,o.strokeStyle="white",o.beginPath(),o.moveTo(0,r),o.bezierCurveTo(e[0]*n,0==e[1]?r:(1-e[1])*r,e[2]*n,1==e[3]?0:(1-e[3])*r,n,0),o.stroke()})}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=pl.selection.current;e&&e.animations.forEach(function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)})}},{key:rn("$add"),value:function(t){var e=pl.selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:sn("$animationList .animation-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$animationList .animation-item")+Ln,value:function(t){}},{key:ln("$animationList .animation-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(this.selectItem(this.startIndex,!0),n.sortAnimation(this.startIndex,e),this.emit("refreshElement",n),this.refresh(),this.viewAnimationPicker(this.getRef("$preview",this.selectedIndex)))}},{key:"getCurrentAnimation",value:function(){return this.current.animations[this.selectedIndex]}},{key:rn("$animationList .tools .del"),value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$animationList .play-state"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$delegateTarget.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["animationIndex".concat(t)].addClass("selected"):this.refs["animationIndex".concat(t)].removeClass("selected"),this.current&&this.current.animations.forEach(function(e,n){e.selected=n===t})}},{key:"viewAnimationPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentAnimation=this.current.animations[this.selectedIndex];var e=this.currentAnimation,n=e.name,r=e.direction,o=e.duration,i=e.timingFunction,a=e.delay,c=e.iterationCount,u=e.playState,s=e.fillMode;this.emit("showAnimationPropertyPopup",{name:n,position:t,direction:r,duration:o,timingFunction:i,delay:a,iterationCount:c,playState:u,fillMode:s})}}},{key:rn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$delegateTarget)}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.refs[e.join("")]}},{key:"refreshAnimationPropertyInfo",value:function(t,e){if(e.name)(n=this.getRef("animationName",this.selectedIndex)).text(e.name);else if(e.width||e.height||e.size){var n=this.getRef("size",this.selectedIndex);switch(t.size){case"contain":case"cover":var r=t.size;break;default:r="".concat(t.width,"/").concat(t.height)}n.text(r)}else if(e.repeat){(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat)}else e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:Pr("changeAnimationPropertyPopup"),value:function(t){this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){aD(t,e,n[e])})}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&cD(n.prototype,r),o&&cD(n,o),e}();function pD(t){return(pD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yD(t,e){return!e||"object"!==pD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dD(t){return(dD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vD(t,e){return(vD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yD(this,dD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Keyframes"}},{key:"getBody",value:function(){return"<div class='keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(wm.add,"</button>\n    ")}},{key:"makeProperty",value:function(t){var e=t.key;return"x"===e?e="left":"y"===e&&(e="top"),"\n      <div class='offset-property-item'>\n        <label>".concat(e,":</label>\n        <div class='value'>").concat(t.value,"</div>\n      </div>\n    ")}},{key:"makeOffset",value:function(t){var e=this;return"\n      <div class='offset'>\n        <label>".concat(t.offset,"</label>\n        <div class='properties'>\n          ").concat(t.properties.map(function(t){return e.makeProperty(t)}).join(""),"\n        </div>        \n      </div>\n    ")}},{key:"makeKeyframeTemplate",value:function(t,e){var n=this;return e=e.toString(),"\n      <div class='keyframe-item' data-selected-value='".concat(t.selectedType,"' ref='$keyframeIndex").concat(e,"' data-index='").concat(e,"'>\n        <div class='title'>\n          <div class='name'>").concat(t.name,"</div>\n          <div class='tools'>\n            <div class='group'>\n              <button type=\"button\" data-type='list'>").concat(wm.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(wm.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(wm.remove2,"</button>\n          </div>\n        </div>\n        <div class='offset-list'>\n          <div class='container'>\n            ").concat(t.offsets.map(function(t){return"\n              <div class='offset' style='left: ".concat(t.offset,"; background-color: ").concat(t.color,"'></div>\n              ")}).join(""),"\n          </div>\n        </div>\n        <div class='keyframe-code' data-type='list'>\n          ").concat(t.offsets.map(function(t){return n.makeOffset(t)}).join(""),"\n        </div>\n        <div class='keyframe-code' data-type='code'>\n          <pre>").concat(t.toString().trim(),"</pre>\n        </div>        \n      </div>\n    ")}},{key:rn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$delegateTarget.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$delegateTarget.attr("data-type"),o=pl.selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:rn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$delegateTarget.closest("keyframe-item").attr("data-index");pl.selection.currentProject&&this.viewKeyframePicker(e)}},{key:rn("$keyframeList .del")+Ln,value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshStyleView",n),this.refresh())}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:zn("$keyframeList"),value:function(){var t=this,e=pl.selection.currentProject;if(!e)return"";var n=e.keyframe?Hs.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map(function(e,n){return t.makeKeyframeTemplate(e,n)})}},{key:rn("$add"),value:function(){var t=pl.selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshStyleView",t)):alert("Please select a project.")}},{key:"viewKeyframePicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t,this.selectItem(this.selectedIndex,!0),this.current=pl.selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.getRef("$keyframeIndex",t).addClass("selected"):this.getRef("$keyframeIndex",t).removeClass("selected"),this.current&&this.current.keyframes.forEach(function(e,n){e.selected=n===t})}},{key:"viewKeyframePropertyPopup",value:function(t){if(this.current=pl.selection.currentProject,this.current){this.currentKeyframe=this.current.keyframes[this.selectedIndex];var e=this.currentKeyframe,n=e.name,r=e.offsets;this.emit("showKeyframePopup",{position:t,name:n,offsets:r})}}},{key:Pr("changeKeyframePopup"),value:function(t){var e=pl.selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshStyleView",e))}}])&&hD(n.prototype,r),o&&hD(n,o),e}();function gD(t){return(gD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wD(t,e){return!e||"object"!==gD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kD(t){return(kD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OD(t,e){return(OD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wD(this,kD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Background"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>\n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(wm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:zn("$property"),value:function(){var t=(pl.selection.current||{})["background-image"]||"";return"<BackgroundImageEditor \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(t,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("changeBackgroundImage")+An(10),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}}])&&mD(n.prototype,r),o&&mD(n,o),e}();function jD(t){return(jD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PD(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function xD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _D(t,e){return!e||"object"!==jD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TD(t){return(TD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ED(t,e){return(ED=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CD=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],$D=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_D(this,TD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ED(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Filter"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getBody",value:function(){return"<div class='full filter-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$filterSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Filter">'.concat(wm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:zn("$filterSelect"),value:function(){var t=CD.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(PD(t),[{title:"-------",value:""}],PD(e)):PD(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}})),e}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Pr("changeFilterEditor"),value:function(t){pl.selection.reset({filter:t}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("refreshSVGArea")+An(1e3),value:function(){this.load("$filterSelect")}}])&&xD(n.prototype,r),o&&xD(n,o),e}();function RD(t){return(RD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VD(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function AD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DD(t,e){return!e||"object"!==RD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ID(t){return(ID=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MD(t,e){return(MD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DD(this,ID(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"CodeView"}},{key:Pr("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+An(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:"filterKeyName",value:function(t){return t.split(";").filter(function(t){return t.trim()}).map(function(t){var e=VD((t=t.trim()).split(":"),2),n=e[0],r=e[1];return"<strong>".concat(n,"</strong>:").concat(r,";\n")}).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:zn("$body"),value:function(){var t=this,e=pl.selection.currentProject,n=e?e.toKeyframeString():"",r=e?Y(e.toRootVariableCSS()):"",o=e?e.toSVGString():"";r=this.filterKeyName(r.trim()),n=this.modifyNewLine(n.trim()),o=o.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var i=pl.selection.current,a=i?U(i.toExport()):"",c=i?i.toNestedCSS().map(function(e){return"".concat(e.selector," { \n").concat(t.filterKeyName(U(e.cssText)),"\n}")}):[],u=i?U(i.toExportSVGCode()):"",s=i?i.selectors:[];return a=this.filterKeyName(a.trim()),"\n      <div class=''>\n       \n        ".concat(a?"<div>\n          <pre title='CSS'>".concat(a,"</pre>\n          </div>"):"","\n        \n        ").concat(c.map(function(t){return"<div>\n          <pre title='CSS'>".concat(t,"</pre>\n          </div>")}).join(""),"\n\n        ").concat(u?"<div>\n          <pre title='SVG'>".concat(u,"</pre>\n          </div>"):"","        \n\n        ").concat(s.length?"<div>\n            ".concat(s.map(function(t){return"<pre title='".concat(t.selector,"'>").concat(t.toPropertyString(),"</pre>")}).join(""),"\n            \n          </div>"):"","\n\n        ").concat(n?"<div>\n          <pre title='Keyframe'>".concat(n,"</pre>\n        </div>"):"","\n        ").concat(r?"<div>\n          <label>:root</label>\n          <pre>".concat(r,"</pre>\n          </div>"):"","\n        ").concat(o?"<div>\n            <pre title='SVG'>".concat(o,"</pre>\n          </div>"):"","\n\n      </div>\n    ")}}])&&AD(n.prototype,r),o&&AD(n,o),e}();function BD(t){return(BD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zD(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function FD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GD(t,e){return!e||"object"!==BD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HD(t){return(HD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XD(t,e){return(XD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YD=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],ND=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GD(this,HD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Backdrop Filter"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBody",value:function(){return"<div class='full filter-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$filterSelect"></select>\n      <button type="button" ref="$add" title="add Filter">'.concat(wm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:zn("$filterSelect"),value:function(){var t=YD.map(function(t){return{title:t,value:t}}),e=this.getSVGFilterList();return(e.length?[].concat(zD(t),[{title:"-------",value:""}],zD(e)):zD(t)).map(function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")})}},{key:"getSVGFilterList",value:function(){var t=pl.selection.currentProject,e=[];return t&&(e=t.svgfilters.map(function(t){return{title:"svg - #".concat(t.id),value:t.id}})),e}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Pr("changeFilterEditor"),value:function(t){pl.selection.reset({"backdrop-filter":t}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Pr("refreshCanvas")+An(1e3),value:function(){this.load("$filterSelect")}}])&&FD(n.prototype,r),o&&FD(n,o),e}();function KD(t){return(KD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WD(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UD(t,e){return!e||"object"!==KD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZD(t){return(ZD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qD(t,e){return(qD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JD=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UD(this,ZD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qD(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Variables"}},{key:"getClassName",value:function(){return"item"}},{key:"getBody",value:function(){return"<div class='property-item full var-property' ref='$body'></div>"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(wm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$varEditor.trigger("add")}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).variable||"";return"<VarEditor ref='$varEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeVarEditor' />")}},{key:Pr("changeVarEditor"),value:function(t){var e=pl.selection.current;e&&(e.reset({variable:t}),this.emit("refreshElement"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot()}}])&&WD(n.prototype,r),o&&WD(n,o),e}();function QD(t){return(QD="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eI(t,e){return!e||"object"!==QD(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nI(t){return(nI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rI(t,e){return(rI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eI(this,nI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Root Variables"}},{key:"getClassName",value:function(){return"item"}},{key:"getBody",value:function(){return"<div class='property-item full var-property' ref='$body'></div>"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(wm.add,"</button>")}},{key:rn("$add"),value:function(){this.children.$varEditor.trigger("add")}},{key:zn("$body"),value:function(){var t=(pl.selection.currentProject||{}).rootVariable||"";return"<VarEditor ref='$varEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeVarEditor' />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("artboard")}},{key:Pr("changeVarEditor"),value:function(t){var e=pl.selection.currentProject;e&&(e.reset({rootVariable:t}),this.emit("refreshStyleView",e))}}])&&tI(n.prototype,r),o&&tI(n,o),e}();function iI(t){return(iI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cI(t,e){return!e||"object"!==iI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uI(t){return(uI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sI(t,e){return(sI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],fI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cI(this,uI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Transform"}},{key:"getBody",value:function(){return"<div class='full transform-property' ref='$body'></div>"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform"}},{key:"getTools",value:function(){return'\n      <select ref="$transformSelect">\n      '.concat(lI.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(wm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).transform;return"<TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />")}},{key:Pr("changeTransformEditor"),value:function(t){pl.selection.reset({transform:t}),pl.selection.each(function(e){e.reset({transform:to.replaceAll(e.transform,t)})}),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection","refreshSelectionStyleView","refreshStyleView")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&aI(n.prototype,r),o&&aI(n,o),e}();function pI(t){return(pI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yI(t,e){return!e||"object"!==pI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dI(t){return(dI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vI(t,e){return(vI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bI=["circle","ellipse","inset","polygon","path","svg"],gI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yI(this,dI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Clip Path"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(bI.map(function(t){return"<option value='".concat(t,"'>").concat(t,"</option>")}).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Clip Path">').concat(wm.add,"</button>\n    ")}},{key:"makeClipPathTemplate",value:function(t){return"\n      <div class='clippath-item'>\n        <div class='title'>\n          <div class='name'>".concat(t,'</div>\n          <div class=\'tools\'>\n              <button type="button" class="del">\n                ').concat(wm.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$clippathList .clippath-item"),value:function(t){pl.selection.current&&this.viewClipPathPicker()}},{key:rn("$clippathList .del")+Ln,value:function(t){var e=pl.selection.current;e&&(e["clip-path"]="",this.refresh(),this.emit("refreshElement",e),this.emit("hideClipPathPopup"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:zn("$clippathList"),value:function(){var t=pl.selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:rn("$add"),value:function(){var t=pl.selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("refreshElement",t)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=pl.selection.current;if(t){var e=ed.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"draw";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:t,d:n,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":t["clip-path"]})}}}},{key:Pr("updateClipPathString"),value:function(t){var e=pl.selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("refreshElement",e))}},{key:Pr("changeClipPathPopup"),value:function(t){var e=pl.selection.current;e&&(e.reset(t),this.refresh(),this.emit("refreshElement",e))}}])&&hI(n.prototype,r),o&&hI(n,o),e}();function mI(t){return(mI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function kI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OI(t,e){return!e||"object"!==mI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SI(t){return(SI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jI(t,e){return(jI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),OI(this,SI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"getBody",value:function(){return"<div class='transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(wm.add,"</button>\n    ")}},{key:zn("$transitionList"),value:function(){var t=this,e=pl.selection.current;return e?e.transitions.map(function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\" draggable='true' >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,"'>\n              <canvas class='item-canvas' ref='$itemCanvas").concat(n,"' width=\"30px\" height=\"30px\"></canvas>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <label class='property' title='Property'>").concat(e.property,"</label>                              \n                <label class='duration' title='Duration'><small>Duration: ").concat(e.duration,"</small></label>\n                <label class='delay' title='Delay'><small>Delay: ").concat(e.delay,'</small></label>                \n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(wm.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")}):""}},{key:"drawBezierCanvas",value:function(t,e){e=tg(e),t.update(function(){var n=t.width(),r=t.height(),o=t.context();o.lineWidth=2,o.strokeStyle="white",o.beginPath(),o.moveTo(0,r),o.bezierCurveTo(e[0]*n,0==e[1]?r:(1-e[1])*r,e[2]*n,1==e[3]?0:(1-e[3])*r,n,0),o.stroke()})}},{key:Pr("refreshSelection"),value:function(){this.refreshShowIsNot(),this.emit("hideTransitionPropertyPopup")}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=pl.selection.current;e&&e.transitions.forEach(function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)})}},{key:rn("$add"),value:function(t){var e=pl.selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:sn("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$transitionList .transition-item")+Ln,value:function(t){}},{key:ln("$transitionList .transition-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(this.selectItem(this.startIndex,!0),n.sortTransition(this.startIndex,e),this.emit("refreshElement",n),this.refresh(),this.viewTransitionPicker(this.getRef("$preview",this.selectedIndex)))}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:rn("$transitionList .tools .del"),value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$transitionList .play-state"),value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$delegateTarget.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.refs["transitionIndex".concat(t)].addClass("selected"):this.refs["transitionIndex".concat(t)].removeClass("selected"),this.current&&this.current.transitions.forEach(function(e,n){e.selected=n===t})}},{key:"viewTransitionPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentTransition=this.current.transitions[this.selectedIndex];var e=this.currentTransition,n=e.property,r=e.duration,o=e.timingFunction,i=e.delay;this.emit("showTransitionPropertyPopup",{property:n,duration:r,timingFunction:o,delay:i})}}},{key:rn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$delegateTarget)}},{key:"getRef",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.refs[e.join("")]}},{key:Pr("changeTransitionPropertyPopup"),value:function(t){this.currentTransition&&(this.currentTransition.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){wI(t,e,n[e])})}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&kI(n.prototype,r),o&&kI(n,o),e}();function xI(t){return(xI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _I(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function TI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EI(t,e){return!e||"object"!==xI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CI(t){return(CI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $I(t,e){return($I=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),EI(this,CI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$I(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Computed CodeView"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refresh()}},{key:"isHideHeader",value:function(){return!0}},{key:Pr("refreshComputedStyleCode"),value:function(t){this.setState({css:t})}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:"filterKeyName",value:function(t){return t.split(";").filter(function(t){return t.trim()}).map(function(t){var e=_I((t=t.trim()).split(":"),2),n=e[0],r=e[1];return"<strong>".concat(n,"</strong>:").concat(r,";\n")}).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n")}},{key:zn("$body"),value:function(){var t=pl.selection.current,e=t?t.toExport().replace(/;/gi,";\n"):"",n=this.state.css?Y(this.state.css):e,r=t?t.toKeyframeString():"";return n=this.filterKeyName(n.trim()),r=this.modifyNewLine(r.trim()),"\n      <div class=''>\n        ".concat(r?'<div>\n          <pre title="Keyframe">'.concat(r,"</pre>\n        </div>"):"","\n\n        ").concat(n?'<div>\n          <pre title="CSS">'.concat(n,"</pre>\n          </div>"):"","\n\n      </div>\n    ")}}])&&TI(n.prototype,r),o&&TI(n,o),e}();function VI(t){return(VI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DI(t,e){return!e||"object"!==VI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function II(t){return(II=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MI(t,e){return(MI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DI(this,II(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Perspective Origin"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(wm.remove,"</button>\n    ")}},{key:rn("$remove"),value:function(){this.trigger("changePerspectiveOrigin","")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item full perspective-origin-item\" ref='$body'></div>\n    "}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:Pr("changePerspectiveOrigin"),value:function(t){pl.selection.reset({"perspective-origin":t}),this.emit("refreshSelectionStyleView")}}])&&AI(n.prototype,r),o&&AI(n,o),e}();function BI(t){return(BI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FI(t,e){return!e||"object"!==BI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function GI(t){return(GI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HI(t,e){return(HI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),FI(this,GI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Perspective"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(wm.remove,"</button>\n    ")}},{key:rn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:zn("$perspective"),value:function(){var t=(pl.selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Pr("changePerspective"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}}])&&zI(n.prototype,r),o&&zI(n,o),e}();function YI(t){return(YI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KI(t,e){return!e||"object"!==YI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function WI(t){return(WI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function UI(t,e){return(UI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ZI=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),KI(this,WI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UI(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Transform Origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(wm.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:rn("$remove"),value:function(){this.trigger("changeTransformOrigin","")}},{key:"getBody",value:function(){return"\n      <div class=\"property-item full transform-origin-item\" ref='$body'></div>\n    "}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:Pr("refreshSelection","refreshSelectionStyleView")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Pr("changeTransformOrigin"),value:function(t){pl.selection.reset({"transform-origin":t}),this.emit("refreshSelectionStyleView")}}])&&NI(n.prototype,r),o&&NI(n,o),e}();function qI(t){return(qI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function JI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QI(t,e){return!e||"object"!==qI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tM(t){return(tM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eM(t,e){return(eM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QI(this,tM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:zn("$backgroundClip"),value:function(){var t=(pl.selection.current||{})["background-clip"]||"";return"<SelectEditor ref='$1' key='background-clip' icon=\"true\" value=\"".concat(t,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}}])&&JI(n.prototype,r),o&&JI(n,o),e}();function rM(t){return(rM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iM(t,e){return!e||"object"!==rM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aM(t){return(aM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cM(t,e){return(cM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uM=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),sM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),iM(this,aM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Selector"}},{key:"getBody",value:function(){return"<div class='selector-list' ref='$selectorList'></div>"}},{key:"getTools",value:function(){return"\n      <div style='display:inline-block;'>\n        <SelectEditor ref='$select' key='selector' icon=\"true\" none-value=\"selector\" options=\"".concat(uM,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(wm.add,"</button>\n    ")}},{key:"makeSelectorTemplate",value:function(t,e){return e=e.toString(),"\n      <div class='selector-item' draggable='true' ref='$selectorIndex".concat(e,"' data-index='").concat(e,"'>\n        <div class='title'>\n          <div class='name'>\n            <span>").concat(t.selector||"&lt;none selector&gt;",'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(wm.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$selectorList .selector-item .name"),value:function(t){var e=+t.$delegateTarget.closest("selector-item").attr("data-index");pl.selection.current&&this.viewSelectorPicker(e)}},{key:rn("$selectorList .selector-item .del")+Ln+Bn,value:function(t){var e=t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:zn("$selectorList"),value:function(){var t=this,e=pl.selection.current;if(!e)return"";var n=e.selector?Gy.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map(function(e,n){return t.makeSelectorTemplate(e,n)})}},{key:sn("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$delegateTarget.attr("data-index")}},{key:fn("$selectorList .selector-item")+Ln,value:function(t){}},{key:ln("$selectorList .selector-item")+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index"),n=pl.selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:rn("$add"),value:function(){var t=pl.selection.current;t&&(t.createSelector({selector:this.children.$select.getValue()}),this.emit("refreshElement",t)),this.refresh()}},{key:"viewSelectorPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t,this.selectItem(this.selectedIndex,!0),this.current=pl.selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?this.getRef("$selectorIndex",t).addClass("selected"):this.getRef("$selectorIndex",t).removeClass("selected"),this.current&&this.current.selectors.forEach(function(e,n){e.selected=n===t})}},{key:"viewSelectorPropertyPopup",value:function(t){if(this.current=pl.selection.current,this.current){this.currentSelector=this.current.selectors[this.selectedIndex];var e=this.currentSelector,n=e.selector,r=e.properties;this.emit("showSelectorPopup",{position:t,selector:n,properties:r})}}},{key:Pr("changeSelectorPopup"),value:function(t){this.current=pl.selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&oM(n.prototype,r),o&&oM(n,o),e}();function lM(t){return(lM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pM(t,e){return!e||"object"!==lM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hM(t){return(hM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function yM(t,e){return(yM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),pM(this,hM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Position"}},{key:Pr("refreshSelection","refreshRect")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:zn("$positionItem"),value:function(){var t=pl.selection.current;return t?"\n      <div class='property-item'>\n        <SelectIconEditor ref='$position' icon=\"true\" key='position' value='".concat(t.position,"' options='absolute,relative,fixed,static' onchange=\"changRangeEditor\" />\n      </div>    \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='x'></span>\n        <RangeEditor ref='$x' label='X' key='x' value='").concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n      </div>\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='y'></span>\n        <RangeEditor ref='$y' label='Y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n      </div>\n    "):""}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&fM(n.prototype,r),o&&fM(n,o),e}();function vM(t){return(vM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gM(t,e){return!e||"object"!==vM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mM(t){return(mM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wM(t,e){return(wM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),gM(this,mM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Projects"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(wm.add,"</button>\n    ")}},{key:rn("$add"),value:function(){this.emit("add.project")}},{key:"getBody",value:function(){return'\n      <div class="project-list" ref="$projectList"></div>\n    '}},{key:zn("$projectList")+Vn,value:function(){return(pl.projects||[]).map(function(t,e){var n=t===pl.selection.currentProject?"selected":"";return"\n        <div class='project-item ".concat(n,"'>\n          <div class='detail'>\n            <label data-index='").concat(e,"'>").concat(t.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(e,"\" title='Remove'>").concat(wm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})}},{key:on("$projectList .project-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(t,e){var n=pl.projects[t];n&&n.reset({name:e})})}},{key:cn("$projectList .project-item label")+Cn("Enter")+Ln+Bn,value:function(t){return this.modifyDoneInputEditing(t.$delegateTarget),!1}},{key:vn("$projectList .project-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectProject",value:function(t){t&&(pl.selection.selectProject(t),t.artboards.length&&(pl.selection.selectArtboard(t.artboards[0]),pl.selection.select())),this.emit("refreshAllSelectProject")}},{key:rn("$projectList .project-item label"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.selectProject(pl.projects[e])}},{key:rn("$projectList .project-item .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");pl.projects.splice(e);var n=pl.projects[e]||pl.projects[e-1];this.selectProject(n)}},{key:Pr("refreshProjectList"),value:function(){this.refresh()}}])&&bM(n.prototype,r),o&&bM(n,o),e}();function OM(t){return(OM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jM(t,e){return!e||"object"!==OM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PM(t){return(PM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xM(t,e){return(xM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _M=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jM(this,PM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"ArtBoards"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(wm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list" ref="$artboardList"></div>\n    '}},{key:zn("$artboardList")+Vn,value:function(){var t=pl.selection.currentProject;return t?t.artboards.map(function(t,e){var n=t===pl.selection.currentArtboard?"selected":"";return"\n        <div class='artboard-item ".concat(n,"'>\n          <div class='preview'>").concat(wm.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(e,"'>").concat(t.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(e,"\" title='Remove'>").concat(wm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}):""}},{key:on("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,function(t,n){var r=pl.selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}})}},{key:cn("$artboardList .artboard-item label")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$artboardList .artboard-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectArtboard",value:function(t){t&&(pl.selection.selectArtboard(t),pl.selection.select(t)),this.emit("refreshAllSelectArtBoard")}},{key:rn("$add"),value:function(t){this.emit("add.artboard")}},{key:rn("$artboardList .artboard-item .remove"),value:function(t){var e=pl.selection.currentProject;if(e){var n=+t.$delegateTarget.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.selectArtboard(r)}}},{key:rn("$artboardList .artboard-item label"),value:function(t){var e=pl.selection.currentProject;if(e){t.$delegateTarget.closest("artboard-item").onlyOneClass("selected");var n=+t.$delegateTarget.attr("data-index"),r=e.artboards[n];this.selectArtboard(r)}}},{key:Pr("refreshArtBoardList"),value:function(){this.refresh()}}])&&SM(n.prototype,r),o&&SM(n,o),e}();function TM(t){return(TM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function EM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CM(t,e){return!e||"object"!==TM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $M(t){return($M=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RM(t,e){return(RM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CM(this,$M(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RM(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"<span>".concat(wm.account_tree,"</span> Layers")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(wm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="layer-list" ref="$layerList"></div>\n    '}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return wm.circle;case"image":return wm.photo;case"text":case"svg-textpath":return wm.title;case"cube":return wm.cube;case"svg-path":case"svg-polygon":var e=0===t.width.value?0:24/t.width.value,n=e>1?1:1/(0===e?1:e);switch(t.itemType){case"svg-path":return'<svg viewBox="0 0 '.concat(t.width.value," ").concat(t.height.value,'"><path d="').concat(t.d,'" stroke-width="').concat(n,'" /></svg>');case"svg-polygon":return'<svg viewBox="0 0 '.concat(t.width.value," ").concat(t.height.value,'"><polygon points="').concat(t.points,'" stroke-width="').concat(n,'" /></svg>')}default:return wm.rect}}},{key:"makeLayerList",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return t.layers?t.layers.map(function(t,r){var o=pl.selection.check(t)?"selected":"",i=t.name;return t.is("text")&&(i=t.text||t.name),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label> \n            <span class='icon' data-item-type=\"").concat(t.itemType,'">').concat(e.getIcon(t),"</span> \n            <span class='name'>").concat(i,'</span>\n          </label>\n          <div class="tools">\n            <button type="button" class="lock" data-lock="').concat(t.lock,"\" title='Lock'>").concat(t.lock?wm.lock:wm.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(wm.visible,'</button>\n            <button type="button" class="copy" title=\'Copy\'>').concat(wm.copy,'</button>\n            <button type="button" class="remove" title=\'Remove\'>').concat(wm.remove2,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")}).join(""):""}},{key:Pr("refreshContent"),value:function(t){this.refresh()}},{key:zn("$layerList")+Vn,value:function(){var t=pl.selection.currentArtboard;return t?this.makeLayerList(t,0):""}},{key:sn("$layerList .layer-item"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id");t.dataTransfer.setData("layer/id",e)}},{key:fn("$layerList .layer-item")+Ln,value:function(t){}},{key:ln("$layerList .layer-item"),value:function(t){var e=t.dataTransfer.getData("layer/id");console.log(e)}},{key:on("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(e,n){var r=t.closest("layer-item").attr("data-layer-id"),o=pl.selection.currentArtboard;if(o){var i=o.searchById(r);i&&i.reset({name:n})}})}},{key:cn("$layerList .layer-item .name")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$layerList .layer-item .name")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:"selectLayer",value:function(t){t&&pl.selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(pl.selection.select(t),this.emit("refreshAllSelectArtBoard"))}},{key:rn("$add"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=e.add(new kd({"background-color":Ee.random(),width:He.px(200),height:He.px(100)}));this.addLayer(n)}}},{key:rn("$layerList .layer-item .remove"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id");e.searchById(n).remove(),this.emit("refreshAllSelectArtBoard")}}},{key:rn("$layerList .layer-item label"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);pl.selection.select(o),this.emit("refreshSelection")}}},{key:rn("$layerList .layer-item .visible"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.toggle("visible"),t.$delegateTarget.attr("data-visible",r.visible),this.emit("refreshElement",r)}}},{key:rn("$layerList .layer-item .lock"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.toggle("lock"),t.$delegateTarget.attr("data-lock",r.lock),this.emit("refreshElement",r)}}},{key:rn("$layerList .layer-item .copy"),value:function(t){var e=pl.selection.currentArtboard;if(e){var n=t.$delegateTarget.closest("layer-item").attr("data-layer-id"),r=e.searchById(n).copy();pl.selection.select(r),this.refresh(),this.emit("refreshElement")}}},{key:Pr("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach(function(t){t.removeClass("selected")})}},{key:Pr("changeSelection"),value:function(){var t=this;if(this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach(function(t){t.removeClass("selected")});var e=pl.selection.items.map(function(t){return'[data-layer-id="'.concat(t.id,'"]')}).join(",");e&&this.refs.$layerList.$$(e).forEach(function(e){e.addClass("selected");var n=pl.selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))})}}},{key:Pr("refreshSelection","refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:Pr("refreshLayerTreeView"),value:function(){this.refresh()}}])&&EM(n.prototype,r),o&&EM(n,o),e}();function AM(t){return(AM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DM(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function IM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MM(t,e){return!e||"object"!==AM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LM(t){return(LM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BM(t,e){return(BM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),MM(this,LM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BM(t,e)}(e,SV),n=e,(r=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Pr("refreshSelection"),value:function(){this.refreshShow("artboard")}},{key:"initState",value:function(){return{selectedIndex:0,sizeList:[{category:"Web",groups:[{group:"Landscape",devices:[{device:"Web Small",size:"1024x600"},{device:"Web Medium",size:"1280x800"},{device:"Web Large",size:"1440x900"},{device:"Web X Large",size:"1920x1200"}]},{group:"Portrait",devices:[{device:"Web Small",size:"600x1024"},{device:"Web Medium",size:"800x1280"},{device:"Web Large",size:"900x1440"},{device:"Web X Large",size:"1200x1920"}]}]},{category:"Apple Devices",groups:[{group:"iphone",devices:[{device:"iPhone 8",size:"375x667"},{device:"iPhone 8 Plus",size:"414x736"},{device:"iPhone SE",size:"320x568"},{device:"iPhone XS",size:"375x812"},{device:"iPhone XR",size:"414x896"},{device:"iPhone XS Max",size:"414x896"}]},{group:"ipad",devices:[{device:"iPad",size:"768x1024"},{device:"iPad Pro",size:"1024x1366"}]},{group:"apple watch",devices:[{device:"Apple Watch 38nm",size:"272x340"},{device:"Apple Watch 40nm",size:"326x394"},{device:"Apple Watch 42nm",size:"313x390"},{device:"Apple Watch 44nm",size:"368x448"}]},{group:"apple tv",devices:[{device:"Apple TV",size:"1920x1080"}]},{group:"MAC",devices:[{device:"Touch Bar",size:"1085x30"}]}]},{category:"Android Devices",groups:[{group:"android mobile",devices:[{device:"Android Mobile",size:"360x640"}]},{group:"android tablet",devices:[{device:"Android Tablet",size:"768x1024"}]}]}]}}},{key:"getTitle",value:function(){return"Preset"}},{key:"getTools",value:function(){var t=this.state.sizeList.map(function(t,e){return{category:t.category,index:e}});return"\n      <SelectEditor ref='$select' value=\"".concat(t[0].category,'" options="').concat(t.map(function(t){return t.category}).join(","),"\" onchange='changeSizeIndex'/>\n    ")}},{key:Pr("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;this.state.sizeList.forEach(function(t,r){t.category===e&&(n=r)}),this.state.selectedIndex=n,this.refresh()}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("artboard")}},{key:"getBody",value:function(){return"\n      <div class='artboard-size-item' ref='$list'></div>\n    "}},{key:"makeDevice",value:function(t){return"\n      <div class='device-item' data-size='".concat(t.size,"'>\n        <div class='title'>").concat(t.device,"</div>\n        <div class='size'>").concat(t.size,"</div>\n      </div>\n    ")}},{key:rn("$list .device-item"),value:function(t){var e=t.$delegateTarget.attr("data-size");this.emit("resize.artboard",e)}},{key:"makeGroup",value:function(t){var e=this;return"\n      <div class='group-item'>\n        <div class='title'>".concat(t.group,"</div>\n      </div>\n      <div class='devices'>\n        ").concat(t.devices.map(function(t){return e.makeDevice(t)}).join(""),"\n      </div>\n    ")}},{key:"makeCategory",value:function(t){var e=this;return"\n      <div class='category'>\n        <div class='title'>".concat(t.category,"</div>\n      </div>\n      <div class='groups'>\n        ").concat(t.groups.map(function(t){return e.makeGroup(t)}).join(""),"\n      </div>\n    ")}},{key:zn("$list")+Vn,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map(function(e){return t.makeGroup(e)})}},{key:Pr("changeBoardSize"),value:function(t,e){var n=pl.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=DM(e.split("x"),2),o=r[0],i=r[1];o=He.px(o),i=He.px(i),n.reset({width:o,height:i}),this.emit("refreshElement",n)}}}])&&IM(n.prototype,r),o&&IM(n,o),e}();function FM(t){return(FM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function HM(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function XM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YM(t,e){return!e||"object"!==FM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NM(t){return(NM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KM(t,e){return(KM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WM=["","100x100","200x200","300x300","400x300","900x600","1024x762"],UM=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YM(this,NM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&KM(t,e)}(e,SV),n=e,(r=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return"Image"}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> Original </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>".concat(wm.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"Size\" key='size' value='' options='").concat(WM.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Pr("changeImageSize"),value:function(t,e){var n=HM(e.split("x").map(function(t){return He.px(t)}),2),r=n[0],o=n[1];pl.selection.reset({width:r,height:o}),this.emit("refreshElement")}},{key:rn("$resize"),value:function(){var t=pl.selection.current;t&&(t.resize(),this.emit("refreshElement",t))}},{key:Gn("$sizeInfo"),value:function(){var t=pl.selection.current||{};return{innerHTML:"Width: ".concat(t.naturalWidth,", Height: ").concat(t.naturalHeight)}}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e,n){var r=pl.selection.current;r&&(r.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){GM(t,e,n[e])})}return t}({src:e},n)),this.emit("refreshElement",r),this.bindData("$sizeInfo"))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("image")}}])&&XM(n.prototype,r),o&&XM(n,o),e}();function ZM(t){return(ZM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JM(t,e){return!e||"object"!==ZM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QM(t){return(QM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tL(t,e){return(tL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),JM(this,QM(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Color"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item color-assets'>\n        <div class='color-list' ref='$colorList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$colorList"),value:function(){var t=(pl.selection.currentProject||{colors:[]}).colors.map(function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,"\">\n          <div class='preview' data-index=\"").concat(e,"\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='title'>\n            <div>\n              <input type='text' class='color' data-key='color' readonly value='").concat(t.color,"' placeholder=\"color\" />\n            </div>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n            \x3c!--<div>\n              <input type='text' class='var' data-key='variable' value='").concat(t.variable,"' placeholder=\"--var\" />\n            </div>--\x3e\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(wm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(wm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-color-item'><butto type=\"button\">".concat(wm.add,"</button></div>")),t}},{key:"executeColor",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:rn("$colorList .add-color-item"),value:function(){this.executeColor(function(t){t.createColor({color:Ee.random(),name:"",variable:""})})}},{key:rn("$colorList .remove"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index");this.executeColor(function(t){t.removeColor(e)})}},{key:rn("$colorList .copy"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index");this.executeColor(function(t){t.copyColor(e)})}},{key:yn("$colorList input"),value:function(t){var e=+t.$delegateTarget.closest("color-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeColor(function(t){t.setColorValue(e,n)},!1)}},{key:rn("$colorList .preview"),value:function(t){var e=t.$delegateTarget.closest("color-item"),n=+e.attr("data-index");this.state.$el=t.$delegateTarget.$(".color-view"),this.state.$color=e.$(".color");var r=this.state.$el.css("background-color");this.emit("showColorPickerPopup",{hideColorAssets:!0,changeEvent:"changeColorAssets",color:r},{id:this.id,index:n})}},{key:Pr("changeColorAssets"),value:function(t,e){var n=this;e.id===this.id&&this.executeColor(function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)},!1)}}])&&qM(n.prototype,r),o&&qM(n,o),e}();function nL(t){return(nL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oL(t,e){return!e||"object"!==nL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iL(t){return(iL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aL(t,e){return(aL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oL(this,iL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Text Fill"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&(this.children.$fillColor.setValue(t["text-fill-color"]||"rgba(0, 0, 0, 1)"),this.children.$strokeColor.setValue(t["text-stroke-color"]||"rgba(0, 0, 0, 1)"),this.children.$width.setValue(t["text-stroke-width"]||"0px"))}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-fill-color'></span>\n        <ColorViewEditor ref='$fillColor' label='Text Fill' removable=\"true\" key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        <ColorViewEditor ref='$strokeColor' label='Text Stroke' removable=\"true\" key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        <RangeEditor \n          ref='$width' \n          label='Stroke' \n          key=\"text-stroke-width\" \n          removable=\"true\" \n          max=\"50\"\n          onchange=\"changeRangeEditor\" />\n      </div>\n    \n    "}},{key:Pr("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:Pr("changeRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&rL(n.prototype,r),o&&rL(n,o),e}();function uL(t){return(uL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lL(t,e){return!e||"object"!==uL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fL(t){return(fL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pL(t,e){return(pL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lL(this,fL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Gradient"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item gradient-assets'>\n        <div class='gradient-list' ref='$gradientList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$gradientList"),value:function(){var t=(pl.selection.currentProject||{gradients:[]}).gradients.map(function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"'>\n          <div class='preview' data-index=\"").concat(e,"\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n            <div>\n              <input type='text' class='var' data-key='variable' value='").concat(t.variable,"' placeholder=\"--var\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(wm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(wm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-gradient-item'><butto type=\"button\">".concat(wm.add,"</button></div>")),t}},{key:"executeGradient",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:rn("$gradientList .add-gradient-item"),value:function(){this.executeGradient(function(t){t.createGradient({gradient:Ev.random(),name:"",variable:""})})}},{key:rn("$gradientList .remove"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index");this.executeGradient(function(t){t.removeGradient(e)})}},{key:rn("$gradientList .copy"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index");this.executeGradient(function(t){t.copyGradient(e)})}},{key:yn("$gradientList input"),value:function(t){var e=+t.$delegateTarget.closest("gradient-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeGradient(function(t){t.setGradientValue(e,n)},!1)}},{key:rn("$gradientList .preview"),value:function(t){var e=t.$delegateTarget.closest("gradient-item"),n=(e.attr("data-index"),e.attr("data-gradient"));this.state.$item=e,this.state.$el=t.$delegateTarget.$(".gradient-view"),this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientAssets",gradient:n})}},{key:Pr("changeGradientAssets"),value:function(t,e){var n=this;this.executeGradient(function(r){r.setGradientValue(e.index,{image:t}),n.state.$el.css("background-image",t),n.state.$item.attr("data-gradient",t)},!1)}}])&&sL(n.prototype,r),o&&sL(n,o),e}();function yL(t){return(yL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vL(t,e){return!e||"object"!==yL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bL(t){return(bL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gL(t,e){return(gL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),vL(this,bL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Item"}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-polygon","svg-textpath")}},{key:Pr("refreshPathLayer","refreshPolygonLayer","refreshStyleView"),value:function(){var t=pl.selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength)}},{key:Pr("refreshSelection"),value:function(){var t=pl.selection.current;t&&this.isSVGItem(t)?("none"===this.$el.css("display")&&this.$el.show(),t.is("svg-path","svg-textpath")?(this.refs.$path.show(),this.refs.$totalLength.show(),this.refs.$polygon.hide()):t.is("svg-polygon")?(this.refs.$path.hide(),this.refs.$polygon.show(),this.refs.$totalLength.show()):(this.refs.$path.hide(),this.refs.$polygon.hide(),this.refs.$totalLength.hide()),this.refs.$length.text(t.totalLength),this.children.$fill.setValue(t.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(t["fill-opacity"]||He.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||He.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||He.number(0)),this.children.$strokeDashArray.setValue(t["stroke-dasharray"]||" "),this.children.$strokeLineCap.setValue(t["stroke-linecap"]||"butt"),this.children.$strokeLineJoin.setValue(t["stroke-linejoin"]||"miter")):this.$el.hide()}},{key:"refresh",value:function(){}},{key:Gn("$svgProperty"),value:function(){return{style:{display:!!(pl.selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n\n      <div class='property-item'> \n        <label><input type='checkbox' ref='$motionBased' ".concat(K({checked:!!t["motion-based"]})," /> Is Motion Path</label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <span class='add-timeline-property' data-property='d'></span>      \n          <label>Path - d </label>\n        </div>      \n\n\n        <div class='property-item animation-property-item' ref='$polygon'>\n          <span class='add-timeline-property' data-property='points'></span>      \n          <label>Polygon - points </label>\n        </div>         \n\n        <div class='property-item label' ref='$totalLength'>\n          <label>Total Length <span ref='$length'></span></label>\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill'></span>\n          <FillSingleEditor ref='$fill' label='Fill' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill-opacity'></span>\n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='Opacity' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            calc=\"false\"\n            unit=\"number\" \n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='fill-rule'></span>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='Fill Rule' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke'></span>\n          <FillSingleEditor ref='$stroke' label='Stroke' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-width'></span>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='Width' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          <label>Dash Array</label>\n        </div>\n        <div class='property-item'>\n          <StrokeDashArrayEditor ref='$strokeDashArray' key='stroke-dasharray' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='Dash Offset'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            calc=\"false\"\n            unit=\"number\" \n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='Line Cap' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n\n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          <span>Line Join</span>\n        </div>\n        <div class='property-item'>\n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            key=\"stroke-linejoin\" \n            options=\"miter,arcs,bevel,miter-clip,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <span class='add-timeline-property' data-property='svgfilter'></span>      \n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='Filter' \n            key=\"svgfilter\" \n            onchange=\"changeValue\" \n          />\n        </div>         \n      </div>\n   \n    ")}},{key:rn("$motionBased"),value:function(){var t=pl.selection.current;t&&t.reset({"motion-based":this.refs.$motionBased.checked()})}},{key:Pr("changeValue"),value:function(t,e,n){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&dL(n.prototype,r),o&&dL(n,o),e}();function wL(t){return(wL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OL(t,e){return!e||"object"!==wL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SL(t){return(SL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jL(t,e){return(jL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),OL(this,SL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Text Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:zn("$textClip"),value:function(){var t=(pl.selection.current||{})["text-clip"]||"";return"<SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />')}},{key:Pr("changeSelect"),value:function(t,e){var n=pl.selection.current;n&&(n.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshElement",n))}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow("text")}}])&&kL(n.prototype,r),o&&kL(n,o),e}();function xL(t){return(xL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _L(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function TL(t,e){return!e||"object"!==xL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function EL(t){return(EL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function CL(t,e){return(CL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $L=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),TL(this,EL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Filter"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item svgfilter-assets'>\n        <div class='svgfilter-list' ref='$svgfilterList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$svgfilterList"),value:function(){var t=(pl.selection.currentProject||{svgfilters:[]}).svgfilters.map(function(t,e){var n=t.filters.map(function(t){return ms.parse(t)});return"\n        <div class='svgfilter-item' data-index=\"".concat(e,"\">\n          <div class='preview' data-index=\"").concat(e,'">\n            <svg width="0" height="0">\n              <filter id="svgfilter-').concat(e,'">\n                ').concat(n.join("")," \n              </filter>\n            </svg>\n            <div class='svgfilter-view' style='filter: url(#svgfilter-").concat(e,");'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(t.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(wm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(wm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("<div class='add-svgfilter-item'><butto type=\"button\">".concat(wm.add,"</button></div>")),t}},{key:"executeSVGFilter",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:rn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter(function(t){t.createSVGFilter({id:gt(),filters:[]})})}},{key:rn("$svgfilterList .remove"),value:function(t){var e=+t.$delegateTarget.closest("svgfilter-item").attr("data-index");this.executeSVGFilter(function(t){t.removeSVGFilter(e)})}},{key:rn("$svgfilterList .copy"),value:function(t){var e=+t.$delegateTarget.closest("svgfilter-item").attr("data-index");this.executeSVGFilter(function(t){t.copySVGFilter(e)})}},{key:yn("$svgfilterList input"),value:function(t){var e=this,n=+t.$delegateTarget.closest("svgfilter-item").attr("data-index"),r=t.$delegateTarget.attrKeyValue("data-key");this.executeSVGFilter(function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")},!1)}},{key:rn("$svgfilterList .preview"),value:function(t){var e=t.$delegateTarget.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$delegateTarget.$(".svgfilter-view");var r=(pl.selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:Pr("updateSVGFilterAssets"),value:function(t){var e=this;this.executeSVGFilter(function(n){n.setSVGFilterValue(t.index,{filters:t.filters}),e.state.$item.$("filter").html(t.filters.join("\n")),e.emit("refreshSVGArea")},!1)}},{key:Pr("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:Pr("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&_L(n.prototype,r),o&&_L(n,o),e}();function RL(t){return(RL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AL(t,e){return!e||"object"!==RL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function DL(t){return(DL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IL(t,e){return(IL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ML=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),AL(this,DL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IL(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"SVG Path"}},{key:"getClassName",value:function(){return"svgpath-assets-property"}},{key:Pr("refreshSelection")+An(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item svgpath-assets'>\n        <div class='svgpath-list' ref='$svgpathList' data-view-mode='grid'></div>\n      </div>\n    "}},{key:zn("$svgpathList"),value:function(){var t=(pl.selection.currentProject||{svgpathsList:[]}).svgpathsList.map(function(t,e){var n=t.info.objectInfo;return"\n        <div class='svgpath-item' data-index=\"".concat(e,"\" data-d='").concat(n.d,"'>\n          <div class='preview' data-index=\"").concat(e,'">\n            <svg width="0" height="0">\n              <path d="').concat(n.d,"\" ref='$path' />\n            </svg>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(n.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(wm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(wm.remove,"</button>\n          </div>\n        </div>\n      ")});return t.push("\n      <div class='add-svgpath-item'><butto type=\"button\">".concat(wm.add,"</button></div>\n    ")),t}},{key:"executeSVGPath",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r&&(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGPathAssets"))}},{key:rn("$svgpathList .add-svgpath-item"),value:function(){this.executeSVGPath(function(t){t.createSVGPath({id:gt(),filters:[]})})}},{key:rn("$svgpathList .remove"),value:function(t){var e=+t.$delegateTarget.closest("svgpath-item").attr("data-index");this.executeSVGPath(function(t){t.removeSVGPath(e)})}},{key:rn("$svgpathList .copy"),value:function(t){var e=+t.$delegateTarget.closest("svgpath-item").attr("data-index");this.executeSVGPath(function(t){t.copySVGPath(e)})}},{key:yn("$svgpathList input"),value:function(t){var e=this,n=+t.$delegateTarget.closest("svgpath-item").attr("data-index"),r=t.$delegateTarget.attrKeyValue("data-key");this.executeSVGPath(function(t){t.setSVGPathValue(n,r),e.emit("refreshSVGArea")},!1)}},{key:rn("$svgpathList .preview"),value:function(t){var e=t.$delegateTarget.closest("svgpath-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$delegateTarget.$(".svgpath-view");var r=(pl.selection.currentProject||{svgpathList:[]}).svgpathList[n];this.emit("showSVGPathPopup",{changeEvent:"changeSVGPathAssets",id:this.id,index:n,svgpath:r.info.objectInfo})}},{key:Pr("changeSVGPathAssets"),value:function(t){var e=this;t.id===this.id&&this.executeSVGPath(function(n){n.setSVGPathValue(t.index,{filters:t.filters}),e.state.$item.$("filter").html(t.filters.join("\n")),e.emit("refreshSVGArea")},!1)}}])&&VL(n.prototype,r),o&&VL(n,o),e}();function LL(t){return(LL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zL(t,e){return!e||"object"!==LL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FL(t){return(FL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function GL(t,e){return(GL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var HL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zL(this,FL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&GL(t,e)}(e,SV),n=e,(r=[{key:"components",value:function(){return{LeftAlign:ak,RightAlign:pk,TopAlign:jk,BottomAlign:Ck,CenterAlign:gk,MiddleAlign:Ik,SameHeight:Gk,SameWidth:Wk}}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return"Alignment"}},{key:"getBody",value:function(){return'\n      <div class="alignment-item" ref="$positionItem">\n        <LeftAlign />\n        <CenterAlign />\n        <RightAlign />\n\n        <TopAlign />\n        <MiddleAlign />\n        <BottomAlign />\n\n        <div class=\'split\'></div>        \n\n        <SameWidth />\n        <SameHeight />\n        <CopyItem />\n      </div>\n    '}}])&&BL(n.prototype,r),o&&BL(n,o),e}();function XL(t){return(XL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NL(t,e){return!e||"object"!==XL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KL(t){return(KL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WL(t,e){return(WL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UL=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NL(this,KL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WL(t,e)}(e,SV),n=e,(r=[{key:"components",value:function(){return{OffsetPathListEditor:fC}}},{key:"getTitle",value:function(){return"Motion"}},{key:Pr("refreshSelection","refreshRect")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:"refresh",value:function(){var t=pl.selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=pl.selection.current||{"offset-path":""};return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='offset-path'></span>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    ')}},{key:Pr("changRangeEditor"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&YL(n.prototype,r),o&&YL(n,o),e}();function ZL(t){return(ZL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qL(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function JL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function QL(t,e){return!e||"object"!==ZL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tB(t){return(tB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eB(t,e){return(eB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),QL(this,tB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Image"}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:Pr("refreshSelection")+An(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item image-assets'>\n        <div class='image-list' ref='$imageList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$imageList")+Vn,value:function(){var t=(pl.selection.currentProject||{images:[]}).images.map(function(t,e){return"\n        <div class='image-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='name' data-key='name' value='").concat(t.name,"' placeholder=\"name\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(wm.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(wm.remove,"</button>\n          </div>\n        </div>\n      ")});return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-image-item'>\n          <input type='file' accept='image/*' ref='$file' />\n          <button type=\"button\">").concat(wm.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeImage",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=pl.selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:sn("$imageList .preview img"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index"),n=pl.selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:hn("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage(function(n){qL(t.target.files).forEach(function(t){e.emit("update.asset.image",t)})})}},{key:rn("$imageList .remove"),value:function(t){var e=this,n=t.$delegateTarget.closest("image-item"),r=+n.attr("data-index");this.executeImage(function(t){t.removeImage(r),e.emit("remove.asset.image",n.$(".preview img").attr("src"))})}},{key:rn("$imageList .copy"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index");this.executeImage(function(t){t.copyImage(e)})}},{key:yn("$imageList input[type=text]"),value:function(t){var e=+t.$delegateTarget.closest("image-item").attr("data-index"),n=t.$delegateTarget.attrKeyValue("data-key");this.executeImage(function(t){t.setImageValue(e,n)},!1)}},{key:Pr("addImageAsset"),value:function(){this.refresh()}}])&&JL(n.prototype,r),o&&JL(n,o),e}();function rB(t){return(rB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){iB(t,e,n[e])})}return t}function iB(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function aB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cB(t,e){return!e||"object"!==rB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uB(t,e,n){return(uB="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=sB(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function sB(t){return(sB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lB(t,e){return(lB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cB(this,sB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=pl.selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return oB({},uB(sB(e.prototype),"components",this).call(this),this.state.components)}},{key:Pr("refreshSelection")+An(100),value:function(){this.isShow()?(this.show(),this.refresh()):this.hide()}},{key:"refresh",value:function(){var t=this,e=pl.selection.current;e&&e.is("component")&&(this.setTitle(e.itemType||e.name),this.load(),e.getProps().forEach(function(n){t.children[n.key]&&t.children[n.key].setValue(e[n.key]||n.defaultValue)}))}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"initComponents",value:function(){var t=pl.selection.current,n={};t&&t.is("component")&&t.getProps().forEach(function(t){V(t.editor)||(n=oB({},n,t.editor))}),this.setState({components:n},!1),uB(sB(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return V(n)?"<".concat(n," ").concat(K(oB({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map(function(n){return"<".concat(n," ").concat(K(oB({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")}).join("")}},{key:zn("$body"),value:function(){var t=this,e=pl.selection.current;return e?e&&!e.is("component")?"":e.getProps().map(function(n){return V(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")}):""}},{key:Pr("changeComponentProperty"),value:function(t,e){pl.selection.each(function(n){n.is("component")&&n.reset(iB({},t,e))}),this.emit("refreshSelectionStyleView",null,!0)}}])&&aB(n.prototype,r),o&&aB(n,o),e}();function pB(t){return(pB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yB(t,e){return!e||"object"!==pB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dB(t){return(dB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vB(t,e){return(vB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yB(this,dB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Animations"}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(wm.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:zn("$timelineAnimationList")+Vn,value:function(){var t=pl.selection.currentArtboard;return t?t.timeline.map(function(t,e){var n=t.selected?"selected":"";return"\n        <div class='timeline-animation-item ".concat(n,"'>\n          <div class='preview'></div>\n          <div class='detail'>\n            <label data-id='").concat(t.id,"'>").concat(t.title,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-id="').concat(t.id,"\" title='Remove'>").concat(wm.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}):""}},{key:on("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$delegateTarget.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){this.endInputEditing(t,function(e,n){var r=t.attr("data-id"),o=pl.selection.currentArtboard;o&&o.setTimelineTitle(r,n)})}},{key:cn("$timelineAnimationList .timeline-animation-item label")+Cn("Enter")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:vn("$timelineAnimationList .timeline-animation-item label")+Ln+Bn,value:function(t){this.modifyDoneInputEditing(t.$delegateTarget)}},{key:rn("$add"),value:function(t){this.emit("add.timeline")}},{key:rn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$delegateTarget.attr("data-id");this.emit("remove.animation",e)}},{key:rn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$delegateTarget.attr("data-id"),n=pl.selection.currentArtboard;n&&(n.selectTimeline(e),t.$delegateTarget.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Pr("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Pr("refreshTimeline","refreshSelection","refreshAllSelectArtBoard")+An(100),value:function(){this.refresh()}}])&&hB(n.prototype,r),o&&hB(n,o),e}();function gB(t){return(gB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wB(t,e){return!e||"object"!==gB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kB(t){return(kB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OB(t,e){return(OB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),wB(this,kB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OB(t,e)}(e,SV),n=e,(r=[{key:"components",value:function(){return{BorderEditor:EC}}},{key:"getTitle",value:function(){return"Border"}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-item\" ref='$body'></div>"}},{key:zn("$body"),value:function(){var t=(pl.selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShowIsNot("artboard")}},{key:Pr("changeKeyValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&mB(n.prototype,r),o&&mB(n,o),e}();function jB(t){return(jB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xB(t,e){return!e||"object"!==jB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _B(t){return(_B=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function TB(t,e){return(TB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var EB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xB(this,_B(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Information"}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=pl.selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=pl.selection.currentProject||{name:"",description:""};return"\n      <div class=\"project-info\" ref=\"$info\">\n        <div class='project-info-item'>\n          <label>Name</label>\n          <div class='input'><input type='text' value='".concat(t.name,"' ref='$name' /></div>\n        </div>\n        <div class='project-info-item'>\n          <label>Description</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&PB(n.prototype,r),o&&PB(n,o),e}();function CB(t){return(CB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $B(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RB(t,e){return!e||"object"!==CB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VB(t){return(VB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function AB(t,e){return(AB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),RB(this,VB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&AB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Path"}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:JE}}},{key:Pr("refreshPathLayer","refreshStyleView","refreshRect")+An(100),value:function(){this.refresh()}},{key:Pr("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-textpath"])}},{key:"refresh",value:function(){var t=pl.selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    ")}},{key:Pr("changeValue"),value:function(t,e,n){this.emit("updatePathItem",function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}}])&&$B(n.prototype,r),o&&$B(n,o),e}();function IB(t){return(IB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LB(t,e){return!e||"object"!==IB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BB(t){return(BB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zB(t,e){return(zB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),LB(this,BB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Polygon"}},{key:"getClassName",value:function(){return"item polygon-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-polygon")}},{key:"components",value:function(){return{PolygonDataEditor:oC}}},{key:Pr("refreshPathLayer","refreshStyleView","refreshRect")+An(100),value:function(){this.refresh()}},{key:Pr("refreshSelection"),value:function(){this.refreshShow("svg-polygon")}},{key:"refresh",value:function(){var t=pl.selection.current||{};this.children.$polygonData.setValue(t.points)}},{key:"getBody",value:function(){var t=pl.selection.current||{};return"\n      <div>\n        <PolygonDataEditor ref='$polygonData' key='points' value='".concat(t.points||"","' onchange='changeValue' />\n      </div>\n    ")}},{key:Pr("changeValue"),value:function(t,e,n){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&MB(n.prototype,r),o&&MB(n,o),e}();function GB(t){return(GB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XB(t,e){return!e||"object"!==GB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function YB(t){return(YB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function NB(t,e){return(NB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KB,WB=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),XB(this,YB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&NB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Text Style"}},{key:Pr("refreshSelection")+An(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){pl.selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","font-size","font-weight","font-style","font-family","text-anchor","text"])}},{key:"setAllValue",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=pl.selection.current;n&&e.forEach(function(e){t.children["$".concat(e)].setValue(n[e])})}},{key:"getBody",value:function(){return"\n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='text'></span>\n        <TextAreaEditor \n          ref='$text' \n          label='Text' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-size'></span>\n        <RangeEditor \n          ref='$font-size' \n          label='Size' \n          key=\"font-size\" \n          min='0'\n          max=\"1000\" \n          onchange=\"changeTextValue\" />\n      </div>    \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='font-weight'></span>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='Weight' \n          key='font-weight' \n          value=\"400\" \n          min=\"100\"\n          max=\"900\"\n          step=\"1\"\n          calc=\"false\"\n          unit=\"number\" \n          onchange=\"changeTextValue\" \n          />\n      </div>              \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$font-style' \n          label='Style' \n          key=\"font-style\" \n          options=\"normal,italic\" \n          icons='I,I'\n          onchange=\"changeTextValue\" />\n      </div>      \n      <div class='property-item'>\n        <SelectIconEditor \n          ref='$text-anchor' \n          label='Text Anchor' \n          key=\"text-anchor\" \n          options=\"start,middle,end\" \n          onchange=\"changeTextValue\" />\n      </div>            \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$font-family' \n          icon=\"true\"\n          label='Family' \n          key=\"font-family\" \n          options=\",serif,sans-serif,monospace,cursive,fantasy,system-ui\" \n          onchange=\"changeTextValue\" \n        />\n      </div>       \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='lengthAdjust' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='textLength'></span>\n        <RangeEditor \n          ref='$textLength' \n          label='textLength' \n          key='textLength'\n          min=\"0\"\n          max='1000'\n          step=\"0.1\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class='property-item animation-property-item'>\n        <span class='add-timeline-property' data-property='startOffset'></span>\n        <RangeEditor \n          ref='$startOffset' \n          label='startOffset' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    "}},{key:Pr("changeTextValue"),value:function(t,e){pl.selection.reset(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),this.emit("refreshSelectionStyleView")}}])&&HB(n.prototype,r),o&&HB(n,o),e}();function UB(t){return(UB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qB(t,e){return!e||"object"!==UB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JB(t){return(JB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QB(t,e){return(QB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ez=(tz(KB={ExportProperty:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qB(this,JB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QB(t,e)}(e,SV),n=e,(r=[{key:"getTitle",value:function(){return"Export"}},{key:Pr("refreshSelection","refreshContent")+An(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(wm.archive," Download</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(wm.archive," Download</button>\n        </div> \n      ")}},{key:rn("$svg"),value:function(){this.emit("download.to.svg")}},{key:rn("$png"),value:function(){this.emit("download.to.png")}}])&&ZB(n.prototype,r),o&&ZB(n,o),e}(),SVGTextProperty:WB,PolygonDataProperty:FB,PathDataProperty:DB,ProjectInformationProperty:EB,BorderNewProperty:SB,TimelineAnimationProperty:bB,ComponentProperty:fB,ImageAssetsProperty:nB,MotionProperty:UL,AlignmentProperty:HL,SVGPathAssetsProperty:ML,SVGFilterAssetsProperty:$L,TextClipProperty:PL,SVGItemProperty:mL,GradientAssetsProperty:hL,TextFillProperty:cL,ColorAssetsProperty:eL,ImageProperty:UM,ArtBoardSizeProperty:zM,LayerTreeProperty:VM,ProjectProperty:kM,ArtBoardProperty:_M,PositionProperty:dM,SelectorProperty:sM,BackgroundClipProperty:nM,TransformOriginProperty:ZI,PerspectiveProperty:XI,PerspectiveOriginProperty:LI,ComputedCodeViewProperty:RI,TransitionProperty:PI,ClipPathProperty:gI,TransformProperty:fI,RootVariableProperty:oI,VariableProperty:JD,BackdropFilterProperty:ND,CodeViewProperty:LD,FilterProperty:$D,BorderRadiusProperty:HV,BackgroundImageProperty:SD,KeyframeProperty:bD,AnimationProperty:fD,OutlineProperty:oD,BorderImageProperty:ZA,FontSpacingProperty:BA,TextProperty:VA,TextShadowProperty:_A,FontProperty:kA,ContentProperty:dA,BoxModelProperty:sA,BoxShadowProperty:eA,SizeProperty:UV},"BorderRadiusProperty",HV),tz(KB,"BorderProperty",MV),tz(KB,"BackgroundColorProperty",EV),KB);function nz(t){return(nz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oz(t,e){return!e||"object"!==nz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iz(t){return(iz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function az(t,e){return(az=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oz(this,iz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&az(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item" data-value="1" title=\'Style\'>\n                <label class=\'icon\'>'.concat(wm.brush,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Component">\n                <label class=\'icon\'>').concat(wm.cube,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="Transition & Animation">\n                <label>').concat(wm.flash_on,"</label>\n              </div>\n              \n              <div class=\"tab-item\" data-value=\"4\" title='Assets'>\n                <label class='icon'>").concat(wm.view_list,"</label>\n              </div>                                     \n              <div class=\"tab-item\" data-value=\"5\" title='Code'>\n                <label class='icon'>").concat(wm.code,"</label>\n              </div>                                     \n            </div>\n            <div class=\"tab-body\" ref=\"$body\">\n\n              <div class=\"tab-content\" data-value=\"1\">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n                <BoxModelProperty />\n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                \x3c!-- effect --\x3e\n                <BoxShadowProperty />\n                <FilterProperty />\n                <BackdropFilterProperty />\n                <ClipPathProperty />       \n\n                \x3c!-- transform --\x3e \n                <TransformProperty />                  \n                <TransformOriginProperty /> \n                <PerspectiveProperty />\n                <PerspectiveOriginProperty />                                \n              \n\n                \x3c!--BorderImageProperty /--\x3e                \n\n                \x3c!-- <OutlineProperty /> --\x3e\n                \x3c!-- <BackgroundClipProperty /> --\x3e  \n\n                <ExportProperty />\n                \n                <div class='empty'></div>\n              </div>\n              <div class=\"tab-content\" data-value=\"2\">\n\n                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />              \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />                \n                <SVGItemProperty />\n                <PathDataProperty />\n                <PolygonDataProperty />\n\n                <ComponentProperty />\n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Text --\x3e\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />\n                \x3c!-- <RootVariableProperty /> --\x3e\n                \x3c!-- <VariableProperty /> --\x3e\n\n\n                <div class='empty'></div>                \n              </div>              \n              <div class='tab-content' data-value='3'>\n                <MotionProperty />              \n                \x3c!-- <RootVariableProperty /> --\x3e\n                \x3c!-- <VariableProperty /> --\x3e\n                \x3c!-- SelectorProperty /> --\x3e \n                <TransitionProperty />                            \n                <AnimationProperty />\n                <KeyframeProperty />    \n                <SelectorProperty />                              \n                <div class='empty'></div>                \n              </div>                        \n              <div class='tab-content' data-value='4'>\n                <ImageAssetsProperty />\n                \x3c!--SVGProperty /--\x3e              \n                <SVGFilterAssetsProperty />\n                \x3c!-- SVGPathAssetsProperty /--\x3e\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                \n                <div class='empty'></div>                \n              </div>\n              <div class=\"tab-content\" data-value=\"5\">\n                <CodeViewProperty />\n                <div class='empty'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:"components",value:function(){return ez}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:rn("$extraHeader .tab-item(.empty-item)"),value:function(t){this.refs.$extraTab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&rz(n.prototype,r),o&&rz(n,o),e}();function uz(t){return(uz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lz(t,e){return!e||"object"!==uz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fz(t){return(fz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pz(t,e){return(pz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lz(this,fz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pz(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='popup ".concat(this.getClassName(),"'>\n            <div class='popup-title' ref=\"$title\">\n                <label>").concat(this.getTitle(),'</label>\n                <span class="tools">\n                  ').concat(this.getTools(),"\n                  <button type='button' class='close' ref='$close'>").concat(wm.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:rn("$close"),value:function(){this.$el.hide()}},{key:kn("$title")+In("movePopupTitle")+Mn("endPopupTitle"),value:function(){this.x=He.parse(this.$el.css("left")),this.y=He.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=He.px(this.x.value+t),r=He.px(this.y.value+e);this.$el.css({left:n,top:r,right:"auto",bottom:"auto"})}},{key:"show",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,e=this.$el.css("top"),n=this.$el.css("left"),r="auto"!==e?He.parse(e):He.px(110),o="auto"!==n?He.parse(n):He.px(document.body.clientWidth-320-28-t);this.$el.css({top:r,left:o,"z-index":pl.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Pr("hidePropertyPopup"),value:function(){this.hide()}}])&&sz(n.prototype,r),o&&sz(n,o),e}();function yz(t){return(yz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bz(t,e){return!e||"object"!==yz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gz(t){return(gz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mz(t,e){return(mz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bz(this,gz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mz(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:VR,RangeEditor:Hx}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0),spreadRadius:He.px(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.state.params)}},{key:"getBody",value:function(){return"<div class='box-shadow-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return"\n      <div class='box'>\n        <EmbedColorPicker ref='$colorpicker' value='".concat(this.state.color,'\' onchange=\'changeColor\' />\n      </div>\n      <div class="box">\n        <div class="type">\n          <label>Type</label>\n          <div\n            class="select"\n            data-selected-value="').concat(this.state.inset?"inset":"outset",'"\n            ref="$type"\n          >\n            <button type="button" data-value="outset">Outset</button>\n            <button type="button" data-value="inset">Inset</button>\n          </div>\n        </div>\n        <div class="drag-board" ref="$dragBoard">\n          <div\n            class="pointer"\n            ref="$pointer"\n            style="left: ').concat(this.state.offsetX,";top: ").concat(this.state.offsetY,"\"\n          ></div>\n        </div>        \n        <div class=\"offset-x\">\n          <RangeEditor ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"offset-y\">\n          <RangeEditor ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"blur-radius\">\n          <RangeEditor ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"spread-radius\">\n          <RangeEditor ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n\n      </div>\n    ")}},{key:rn("$popup .select button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:kn("$popup .drag-board")+In("movePointer"),value:function(t){this.offsetX=t.offsetX,this.offsetY=t.offsetY;var e=this.getRef("$dragBoard").rect();this.boardWidth=e.width,this.boardHeight=e.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(t,e){var n=this.offsetX+t,r=this.offsetY+e,o=this.boardWidth/2,i=this.boardHeight/2,a=n-o,c=r-i;a<-o?a=-o:a>o&&(a=o),c<-i?c=-i:c>i&&(c=i),a=Math.floor(a),c=Math.floor(c),this.getRef("$offsetX").val(a),this.getRef("$offsetY").val(c),this.updateData({offsetX:He.px(a),offsetY:He.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(dz({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Pr("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:Pr("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){dz(t,e,n[e])})}return t}({},t,{params:e})),this.refresh(),this.show(432)}},{key:Pr("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&vz(n.prototype,r),o&&vz(n,o),e}();function kz(t){return(kz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Oz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sz(t,e){return!e||"object"!==kz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jz(t){return(jz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Pz(t,e){return(Pz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Sz(this,jz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pz(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:VR,RangeEditor:Hx}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:He.px(0),offsetY:He.px(0),blurRadius:He.px(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='text-shadow-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return"\n      <div class='box'>\n        <EmbedColorPicker ref='$colorpicker' value='".concat(this.state.color,'\' onchange=\'changeColor\' />\n      </div>\n      <div class=\'box\'>\n        <div class="drag-board" ref="$dragBoard">\n          <div\n            class="pointer"\n            ref="$pointer"\n            style="left: ').concat(this.state.offsetX,";top: ").concat(this.state.offsetY,"\"\n          ></div>\n        </div>\n        <div>\n          <label>Offset X</label>\n          <RangeEditor ref='$offsetX' calc='false' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <label>Offset Y</label>      \n          <RangeEditor ref='$offsetY' calc='false' key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <label>Blur Radius</label>\n          <RangeEditor ref='$blurRadius' calc='false' key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:Pr("changeShadow"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Pr("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:kn("$popup .drag-board")+In("movePointer"),value:function(t){this.offsetX=t.offsetX,this.offsetY=t.offsetY;var e=this.getRef("$dragBoard").rect();this.boardWidth=e.width,this.boardHeight=e.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(t,e){var n=this.offsetX+t,r=this.offsetY+e,o=this.boardWidth/2,i=this.boardHeight/2,a=n-o,c=r-i;a<-o?a=-o:a>o&&(a=o),c<-i?c=-i:c>i&&(c=i),a=Math.floor(a),c=Math.floor(c),this.updateData({offsetX:He.px(a),offsetY:He.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Pr("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:Pr("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&Oz(n.prototype,r),o&&Oz(n,o),e}();function _z(t){return(_z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ez(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cz(t,e){return!e||"object"!==_z(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $z(t){return($z=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Rz(t,e){return(Rz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Cz(this,$z(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Rz(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Animation"}},{key:"components",value:function(){return{SelectEditor:Ix,CubicBezierEditor:g_,RangeEditor:Hx,IterationCountEditor:ET}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:He.second(0),timingFunction:"ease",delay:He.second(0),iterationCount:0,playState:"running",fillMode:"none"}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeAnimationPropertyPopup",t)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return'\n      <div class="box">\n        '.concat(this.templateForKeyframe(),"\n        ").concat(this.templateForTimingFunction(),"\n        ").concat(this.templateForIterationCount(),"\n        ").concat(this.templateForDelay(),"\n        ").concat(this.templateForDuration(),"\n        ").concat(this.templateForDirection(),"\n        ").concat(this.templateForFillMode(),"\n        ").concat(this.templateForPlayState(),"\n      </div>\n    ")}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <label>Timing function</label>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timingFunction\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:"templateForKeyframe",value:function(){return"\n      <div class='name'>\n        <label>Keyframe</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    "}},{key:zn("$name"),value:function(){var t=this,e=pl.selection.currentProject,n=[];return e&&e.keyframes&&(n=e.keyframes.map(function(t){return{key:t.name,value:t.name}})),n.unshift({key:"Select a keyframe",value:""}),n.map(function(e){var n=e.value===t.name?"selected":"";return"<option value='".concat(e.value,"' ").concat(n,">").concat(e.key,"</option>")})}},{key:hn("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){return"\n      <div class='direction'>\n        <SelectEditor \n            label='Direction'\n            ref='$direction' \n            key='direction' \n            value=\"".concat(this.state.direction,"\"\n            options='").concat(["normal","reverse","alternate","alternate-reverse"],"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Pr("changeSelect"),value:function(t,e){this.updateData(Tz({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='Play State'\n          ref='$playState' \n          key='playState' \n          value=\"".concat(this.state.playState,"\"\n          options='").concat(["paused","running"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForFillMode",value:function(){return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='Fill Mode'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"".concat(this.state.fillMode,"\"\n          options='").concat(["none","forwards","backwards","both"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <IterationCountEditor ref='$iterationCount' label='Iteration' calc='false' key='iterationCount' value='".concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?He.number(e.value):He.string(e.unit)),this.updateData(Tz({},t,e))}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(Tz({},t,e))}},{key:Pr("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Pr("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&Ez(n.prototype,r),o&&Ez(n,o),e}();function Az(t){return(Az="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Dz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Iz(t,e){return!e||"object"!==Az(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mz(t){return(Mz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Lz(t,e){return(Lz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Bz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Iz(this,Mz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lz(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Keyframe"}},{key:"components",value:function(){return{OffsetEditor:HC}}},{key:"initState",value:function(){return{name:"none",offsets:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeKeyframePopup",this.state)}},{key:"getBody",value:function(){return"\n    <div class='keyframe-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForName(),"\n        ").concat(this.templateForOffset(),"\n      </div>\n    </div>")}},{key:"templateForOffset",value:function(){return"\n      <div>\n        <OffsetEditor ref='$offsetEditor' />\n      </div>\n    "}},{key:"templateForName",value:function(){return"\n      <div class='name'>\n        <label>Name</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.name,"' ref='$name'/>\n        </div>\n      </div>\n    ")}},{key:yn("$name"),value:function(t){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"getOffsetData",value:function(){return{offsets:this.state.offsets.map(function(t){return t})}}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.emit("showOffsetEditor",this.getOffsetData())}},{key:Pr("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:Pr("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:Pr("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&Dz(n.prototype,r),o&&Dz(n,o),e}();function zz(t){return(zz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Fz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Gz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Hz(t,e){return!e||"object"!==zz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xz(t){return(Xz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Yz(t,e){return(Yz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Nz=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Hz(this,Xz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yz(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{DirectionEditor:_R,RangeEditor:Hx}}},{key:"parseValue",value:function(){var t=Fz((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("round"),2),e=t[0],n=t[1],r=Fz(Xy.parse(e),5),o=r[0],i=r[1],a=r[2],c=r[3],u=r[4];if(n)var s=Fz(Xy.parse(n),5),l=s[0],f=s[1],p=s[2],h=s[3],y=s[4];return{isAll:1===o,top:i,right:a,bottom:c,left:u,round:n,isAllRadius:1===l,topRadius:f,rightRadius:p,bottomRadius:h,leftRadius:y}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,o=t.left,i=t.round,a=He.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=He.percent(100-r.value).toPx(220),l=He.percent(100-n.value).toPx(220),f=He.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),h=He.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),y=i?"checked":"";return"\n        <div class='clip-path-editor inset-editor'>\n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' data-type='top' ref='$top' style='left: ".concat(a,";top: ").concat(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(u,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(h,";'></div>\n                <div class='clip-area inset' ref='$clipAreaView' style='pointer-events: none;'></div>\n                <div class='clip-area-handle' ref='$clipArea' style='left: ").concat(p,";top: ").concat(c,";width: ").concat(He.px(l.value-o.value),";height: ").concat(He.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(y," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:rn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:zn("$round"),value:function(){var t=this.state,e=[t.topRadius,t.rightRadius,t.bottomRadius,t.leftRadius].join(" ");return"<DirectionEditor ref='$borderRadius' value='".concat(e,"' onchange='changeBorderRadius' />")}},{key:Pr("changeBorderRadius"),value:function(t){var e=Fz(t,5),n=e[0],r=e[1],o=e[2],i=e[3],a=e[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:o,bottomRadius:i,leftRadius:a}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,o=t.left,i=Math.abs((o.value+(100-n.value))/2),a=Math.abs((e.value+(100-r.value))/2),c=He.percent(i).toPx(220),u=e.toPx(220),s=He.percent(i).toPx(220),l=He.percent(100-r.value).toPx(220),f=He.percent(100-n.value).toPx(220),p=He.percent(a).toPx(220),h=o.toPx(220),y=He.percent(a).toPx(220);this.refs.$top.css({left:c,top:u}),this.refs.$right.css({left:f,top:p}),this.refs.$bottom.css({left:s,top:l}),this.refs.$left.css({left:h,top:y}),this.refs.$clipArea.css({left:h,top:u,width:He.px(f.value-h.value),height:He.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:kn("$area .clip-area-handle")+In("moveClipArea"),value:function(t){this.type=t.$delegateTarget.attr("data-type"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:He.parse(this.$target.css("left")),top:He.parse(this.$target.css("top")),width:He.parse(this.$target.css("width")),height:He.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(t,e){var n=this.clipRect.width.value,r=this.clipRect.height.value,o=this.clipRect.left.value+t,i=this.clipRect.top.value+e;0>o?o=0:this.areaRect.width<o+n&&(o=this.areaRect.width-n),0>i?i=0:this.areaRect.height<i+r&&(i=this.areaRect.height-r);var a=He.px(o),c=He.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:He.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:He.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:kn("$area .drag-pointer")+In(),value:function(t){this.type=t.$delegateTarget.attr("data-type"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.px(n-this.areaRect.x),i=He.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:He.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:He.px(this.areaRect.width-o.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.top,n=t.right,r=t.left,o=t.bottom,i=t.round,a=t.topRadius,c=t.leftRadius,u=t.bottomRadius,s=t.rightRadius,l=[e,n,o,r].join(" "),f=[a,s,u,c].join(" ");return"".concat(l," ").concat(i&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Gz(n.prototype,r),o&&Gz(n,o),e}();function Kz(t){return(Kz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wz(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Uz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Zz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qz(t,e){return!e||"object"!==Kz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Jz(t){return(Jz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Qz(t,e){return(Qz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),qz(this,Jz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qz(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(",").filter(function(t){return t.trim()}).map(function(t){var e=Uz(t.trim().split(" "),2),n=e[0],r=e[1];return{x:He.parse(n).toPx(220),y:He.parse(r).toPx(220)}})}},{key:"initState",value:function(){return{value:this.parseValue(this.props.value)}}},{key:"template",value:function(){return"\n        <div class='clip-path-editor polygon-editor'>\n            <div class='drag-area' ref='$area'>\n                <div class='pointer-list' ref='$list'></div>\n                <div class='clip-area polygon' ref='$clipArea'></div>            \n            </div>\n            <div class='pointer-input' ref='$inputList'></div>\n        </div>\n    "}},{key:zn("$inputList"),value:function(){return this.state.value.map(function(t,e){return"\n            <div class='pointer-item' data-index=\"".concat(e,"\">\n                <div class='input-item'>\n                    <label>X</label><input type='number' class='x' value=\"").concat(t.x.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='input-item'>\n                    <label>Y</label><input type='number' class='y' value=\"").concat(t.y.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy' data-index=\"").concat(e,'">').concat(wm.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(wm.remove2,"</button>\n                </div>\n            </div>\n            ")})}},{key:rn("$area")+Ln,value:function(t){if(Ke.create(t.target).is(this.refs.$area)){this.areaRect=this.refs.$area.rect();var e=t.xy,n=e.x,r=e.y;this.appendValue({x:He.px(n-this.areaRect.left),y:He.px(r-this.areaRect.top)}),this.refresh()}}},{key:rn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.removeValue(e),this.refresh()}},{key:rn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$delegateTarget.attr("data-index");this.copyValue(e),this.refresh()}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:zn("$list"),value:function(){var t=this;return this.state.value.map(function(e,n){var r=[0===n?"first":"",n===t.state.value.length-1?"last":""].filter(function(t){return t}).join(" ");return"<div class='drag-pointer ".concat(r,"' data-index=\"").concat(n.toString(),"\" style='left: ").concat(e.x,";top: ").concat(e.y,";'></div>")})}},{key:rn("$area .drag-pointer")+$n+Ln,value:function(t){var e=+t.$delegateTarget.attr("data-index");this.removeValue(e),this.refresh()}},{key:kn("$area .drag-pointer")+In(),value:function(t){this.selectedIndex=+t.$delegateTarget.attr("data-index"),this.$target=t.$delegateTarget,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.$value=this.state.value[this.selectedIndex];var e=this.refs.$inputList;this.$x=e.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.x')),this.$y=e.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.y'))}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.px(n-this.areaRect.x),i=He.px(r-this.areaRect.y);this.$target.css({left:o,top:i}),this.updateValue(this.selectedIndex,{x:o,y:i});this.$x.val(o.toPercent(220).round(10).value),this.$y.val(i.toPercent(220).round(10).value),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){return this.state.value.map(function(t){return"".concat(t.x.toPercent(220).round(10)," ").concat(t.y.toPercent(220).round(10))}).join(",")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"appendValue",value:function(t){this.state.value.push(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"removeValue",value:function(t){this.state.value.splice(t,1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"copyValue",value:function(t){var e=this.state.value[t],n=e.x,r=e.y;this.state.value.splice(t+1,0,{x:He.px(n.value+10),y:He.px(r.value+10)}),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"updateValue",value:function(t,e){this.state.value[t]=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){Wz(t,e,n[e])})}return t}({},this.state.value[t],e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Zz(n.prototype,r),o&&Zz(n,o),e}();function eF(t){return(eF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nF(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function rF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oF(t,e){return!e||"object"!==eF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iF(t){return(iF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aF(t,e){return(aF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oF(this,iF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aF(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{RangeEditor:Hx}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",e="50% 50%",n="";if((t=t||"50%").includes("at")){var r=nF(t.split("at").map(function(t){return t.trim()}),2);e=r[0],n=r[1]}else n=t.trim();var o=nF(n.split(" "),2),i=o[0],a=o[1];E(a)&&(a=i),i=He.parse(i),a=He.parse(a);var c=nF(e.split(" "),2),u=c[0],s=c[1];return E(s)&&(s=u),{radiusX:u=He.parse(u),radiusY:s=He.parse(s),x:i,y:a}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <div>\n                <RangeEditor \n                    ref='$rangeX' \n                    label='Radius X' \n                    key='radiusX' \n                    value='".concat(this.state.radiusX,"' \n                    min=\"0\" \n                    max=\"100\" \n                    step=\"0.1\" \n                    units=\"%\" \n                    onchange='changeRangeEditor' \n                />\n            </div>\n            <div>\n                <RangeEditor \n                    ref='$rangeY' \n                    label='Radius Y' \n                    key='radiusY' \n                    value='").concat(this.state.radiusY,"' \n                    min=\"0\" \n                    max=\"100\" \n                    step=\"0.1\" \n                    units=\"%\" \n                    onchange='changeRangeEditor' \n                />\n            </div>            \n            <div class='drag-area' ref='$area'>\n                <div class='drag-pointer' ref='$pointer' style='left: ").concat(this.state.x,";top: ").concat(this.state.y,";'></div>\n                <div class='clip-area circle' ref='$clipArea'></div>\n            </div>\n        </div>\n    ")}},{key:Gn("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:kn("$area")+In()+Mn(),value:function(t){this.areaRect=this.refs.$area.rect(),this.startXY=t.xy}},{key:"move",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e;this.areaRect.x>n?n=this.areaRect.x:this.areaRect.right<n&&(n=this.areaRect.right),this.areaRect.y>r?r=this.areaRect.y:this.areaRect.bottom<r&&(r=this.areaRect.bottom);var o=He.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=He.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:o,top:i}),this.updateData({x:o,y:i}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radiusX,o=t.radiusY,i="".concat(e," ").concat(n),a="".concat(r," ").concat(o);return"".concat(a," at ").concat(i)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e.clone()))}}])&&rF(n.prototype,r),o&&rF(n,o),e}();function uF(t){return(uF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lF(t,e){return!e||"object"!==uF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fF(t){return(fF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function pF(t,e){return(pF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lF(this,fF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&pF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:cF,PolygonEditor:tF,InsetEditor:Nz,SelectEditor:Ix,CircleEditor:n$}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return ed.toCSS(this.state)}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent||"changeClipPathPopup",this.toClipPathCSS())}},{key:"getBody",value:function(){return"\n    <div class='clippath-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='clip-path-editor clip-path-type' ref='$clippathType'></div>\n        <div class='clip-path-editor' ref='$clippath'></div>\n      </div>\n    </div>"}},{key:zn("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:zn("$clippath"),value:function(){switch(this.state.type){case"circle":return"<CircleEditor ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<EllipseEditor ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<InsetEditor ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<PolygonEditor ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<PathEditor ref='$path' key='path' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"svg":var t=(pl.selection.currentProject||{svg:[]}).svg.filter(function(t){return"clip-path"===t.type}).map(function(t){return t.name}).join(",");return t.length&&(t=","+t),"<SelectEditor ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(t,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:Pr("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:Pr("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(ed.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:Pr("hideClipPathPopup"),value:function(){this.hide()}}])&&sF(n.prototype,r),o&&sF(n,o),e}();function yF(t){return(yF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bF(t,e){return!e||"object"!==yF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gF(t){return(gF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mF(t,e){return(mF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wF=["none","all","background-color","background-position","background-size","border","border-color","border-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left","border-left-color","border-left-width","border-radius","border-right","border-right-color","border-right-width","border-spacing","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-width","bottom","box-shadow","color","filter","font-size","font-size-adjust","font-stretch","font-weight","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","opacity","outline","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","perspective-origin","right","text-decoration","text-decoration-color","text-indent","text-shadow","top","transform","vertical-align","visibility","width","word-spacing","z-index"],kF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bF(this,gF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:Ix,CubicBezierEditor:g_,RangeEditor:Hx}}},{key:"initState",value:function(){return{property:"all",duration:He.second(0),timingFunction:"ease",delay:He.second(0)}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeTransitionPropertyPopup",t)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:zn("$popup"),value:function(){return'\n      <div class="box">\n        '.concat(this.templateForProperty(),"\n        ").concat(this.templateForTimingFunction(),"\n        ").concat(this.templateForDelay(),"\n        ").concat(this.templateForDuration(),"\n      </div>\n    ")}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <label>Timing function</label>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timingFunction\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Pr("changeTransition"),value:function(t,e){this.updateData(dF({},t,e))}},{key:"templateForProperty",value:function(){return"\n      <div class='name'>\n        <SelectEditor ref='$property' icon=\"true\" label=\"Property\" key='property' value=\"".concat(this.state.property,'" options="').concat(wF.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(dF({},t,e))}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(dF({},t,e))}},{key:Pr("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Pr("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&vF(n.prototype,r),o&&vF(n,o),e}();function OF(t){return(OF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jF(t,e){return!e||"object"!==OF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function PF(t){return(PF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xF(t,e){return(xF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _F=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),jF(this,PF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:cR,SVGClipPathEditor:mR}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPropertyPopup",name:"",type:"",value:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-property-editor-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForName(),"\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>")}},{key:zn("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <SVGFilterEditor ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </SVGFilterEditor>\n        ");case"clip-path":return"\n          <SVGClipPathEditor ref='$clippath' title=\"SVG Clip Path\" key=\"clip-path\" onchange='changeClipPathEditor'>\n            <property name=\"value\" type='json'>".concat(JSON.stringify(this.state.value),"</property>\n          </SVGClipPathEditor>\n        ")}return""}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:Pr("changeClipPathEditor"),value:function(t,e){this.updateData({value:e})}},{key:"templateForName",value:function(){return"\n      <div class='name'>\n        <label>Name</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.name,"' ref='$name'/>\n        </div>\n      </div>\n    ")}},{key:yn("$name"),value:function(t){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.load()}},{key:Pr("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:Pr("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&SF(n.prototype,r),o&&SF(n,o),e}();function TF(t){return(TF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function EF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function CF(t,e){return!e||"object"!==TF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $F(t,e,n){return($F="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=RF(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function RF(t){return(RF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function VF(t,e){return(VF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),CF(this,RF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&VF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Selector Property"}},{key:"components",value:function(){return{CSSPropertyEditor:IC}}},{key:"initState",value:function(){return{selector:"",properties:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit("changeSelectorPopup",this.state)}},{key:"getBody",value:function(){return"\n    <div class='selector-popup' ref='$popup'>\n      <div class=\"box\">\n        ".concat(this.templateForSelector(),"\n        ").concat(this.templateForProperty(),"        \n      </div>\n    </div>")}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$propertyEditor' onchange='changePropertyEditor' />"}},{key:"templateForSelector",value:function(){return"\n      <div class='name'>\n        <label>Selector</label>\n        <div class='input grid-1'>\n          <input type='text' value='".concat(this.state.selector,"' ref='$selector'/>\n        </div>\n      </div>\n    ")}},{key:yn("$selector"),value:function(t){if(!this.refs.$selector.value.match(/^[a-zA-Z0-9\:\_\-\.\b]+$/))return t.preventDefault(),t.stopPropagation(),!1;this.updateData({selector:this.refs.$selector.value})}},{key:"refresh",value:function(){$F(RF(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Pr("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:Pr("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&EF(n.prototype,r),o&&EF(n,o),e}();function DF(t){return(DF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MF(t,e){return!e||"object"!==DF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LF(t){return(LF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BF(t,e){return(BF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),MF(this,LF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Color Picker"}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:VR}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <EmbedColorPicker ref='$color' value='".concat(this.state.color,"' onchange='changeColor' />\n        </div>\n        <div class='box assets' ref='$assets'>\n          <label>Assets</label>\n          <div class='project-color-list' ref='$projectColors'></div>\n        </div>\n      </div>\n    ")}},{key:zn("$projectColors"),value:function(){return(pl.selection.currentProject||{colors:[]}).colors.map(function(t){return"\n      <div class='color-item' title='".concat(t.name,"'>\n        <div class='color-view' data-color='").concat(t.color,"' style='background-color: ").concat(t.color,"'></div>\n      </div>")})}},{key:rn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$delegateTarget.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Pr("refreshColorAssets")+An(100),value:function(){this.load("$projectColors")}},{key:Pr("changeColor"),value:function(t){this.updateData({color:t})}},{key:Pr("showColorPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),t.hideColorAssets?this.refs.$assets.hide():this.refs.$assets.show(),this.show(232)}},{key:Pr("hideColorPickerPopup"),value:function(){this.hide()}}])&&IF(n.prototype,r),o&&IF(n,o),e}();function FF(t){return(FF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HF(t,e){return!e||"object"!==FF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XF(t){return(XF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YF(t,e){return(YF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),HF(this,XF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YF(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:zn("$imageBox")+Vn,value:function(){return(pl.selection.currentProject||{images:[]}).images.map(function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")})}},{key:rn("$imageBox .image-item"),value:function(t){var e=t.$delegateTarget.$("img");this.updateData({value:e.attr("src"),naturalWidth:He.px(e.naturalWidth),naturalHeight:He.px(e.naturalHeight),width:He.px(e.naturalWidth),height:He.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Pr("showImageSelectPopup"),value:function(t,e){this.setState({context:t.context,changeEvent:t.changeEvent,value:t.value,params:e},!1),this.refresh(),this.show(500)}},{key:Pr("hideImageSelectPopup"),value:function(){this.hide()}}])&&GF(n.prototype,r),o&&GF(n,o),e}();function KF(t){return(KF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UF(t,e){return!e||"object"!==KF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZF(t){return(ZF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qF(t,e){return(qF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JF=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UF(this,ZF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qF(t,e)}(e,_r),n=e,(r=[{key:"initState",value:function(){return{mode:"grid"}}},{key:"template",value:function(){return"\n      <div class='image-asset-picker'>\n        <div class='image-list' ref='$imageList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:zn("$imageList")+Vn,value:function(){return(pl.selection.currentProject||{images:[]}).images.map(function(t){return"\n        <div class='image-item'>\n          <div class='preview'>\n            <img src=\"".concat(t.local,'" />\n          </div>\n        </div>\n      ')})}},{key:rn("$imageList .image-item"),value:function(t){var e=t.$delegateTarget.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:Pr("addImageAsset"),value:function(){this.refresh()}}])&&WF(n.prototype,r),o&&WF(n,o),e}();function QF(t){return(QF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function eG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nG(t,e){return!e||"object"!==QF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rG(t,e,n){return(rG="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=oG(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function oG(t){return(oG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iG(t,e){return(iG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),nG(this,oG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iG(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Gradient & Image Picker"}},{key:"components",value:function(){return{ImageAssetPicker:JF,EmbedColorPicker:VR,GradientEditor:kT}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){rG(oG(e.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getBody",value:function(){return"\n      <div class=\"gradient-picker\" ref='$body' data-selected-editor=''>\n        <div class='box'>\n          <div ref='$gradientEditor'></div>\n        </div>\n        <div class='box'>\n          <div class='colorpicker'>\n            <EmbedColorPicker ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <ImageAssetPicker ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Pr("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Ev&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:zn("$gradientEditor"),value:function(){return'<GradientEditor \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:Pr("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Pr("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Pr("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Pr("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:Pr("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Pr("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){tG(t,e,n[e])})}return t}({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&eG(n.prototype,r),o&&eG(n,o),e}();function cG(t){return(cG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sG(t,e){return!e||"object"!==cG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lG(t){return(lG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fG(t,e){return(fG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),sG(this,lG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fG(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Filter"}},{key:"components",value:function(){return{SVGFilterEditor:cR}}},{key:"getClassName",value:function(){return"transparent"}},{key:rn("$fullscreen"),value:function(){}},{key:"initState",value:function(){return{changeEvent:"changeSVGFilterPopup",id:"",preview:!0,filters:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-property-editor-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:zn("$editor"),value:function(){return"\n      <SVGFilterEditor ref='$filter' title='Filter Type' key=\"filter\" onchange='changeFilterEditor'>\n        <property name=\"value\" type=\"json\">".concat(JSON.stringify(this.state.filters),"</property>\n      </SVGFilterEditor>\n    ")}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData({filters:e}),this.bindData("$sampleFilter")}},{key:"refresh",value:function(){this.load()}},{key:Pr("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map(function(t){return ms.parse(t)}),t.preview=!C(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:Pr("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&uG(n.prototype,r),o&&uG(n,o),e}();function hG(t){return(hG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dG(t,e){return!e||"object"!==hG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vG(t){return(vG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bG(t,e){return(bG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dG(this,vG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bG(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Path Editor"}},{key:"components",value:function(){return{SVGItemProperty:mL}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPathPopup",id:"",filters:[]}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.state.changeEvent,this.state)}},{key:"getBody",value:function(){return"\n    <div class='svg-path-editor-popup' ref='$popup'>\n      <div class='box editor' ref='$editor'>\n\n      </div>    \n      <div class=\"box inspector\">\n        <SVGItemProperty ref='$property' />\n      </div>\n\n    </div>"}},{key:zn("$editor"),value:function(){return'\n      <SVGPathEditor ref=\'$pathEditor\' key="d" d="'.concat(this.state.d,"\" onchange='changeFilterEditor' />\n    ")}},{key:Pr("changeFilterEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:Pr("showSVGPathPopup"),value:function(t){this.setState(t),this.show(600)}},{key:Pr("hideSVGPathPopup"),value:function(){this.$el.hide()}}])&&yG(n.prototype,r),o&&yG(n,o),e}();function mG(t){return(mG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kG(t,e){return!e||"object"!==mG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function OG(t){return(OG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SG(t,e){return(SG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jG=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],PG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),kG(this,OG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SG(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"Background Pattern"}},{key:"components",value:function(){return{EmbedColorPicker:VR,RangeEditor:Hx,SelectEditor:Ix,GradientEditor:kT}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||He.px(0),y:this.props.y||He.px(0),width:this.props.width||He.px(0),height:this.props.height||He.px(0),blendMode:this.props.blendMode}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.emit(this.state.changeEvent,t,this.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"Size\" ref='$size' key='size' value=\"".concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:Pr("changeRangeEditor"),value:function(t,e){this.updateData(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},t,e))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <RangeEditor \n            label="X"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="'.concat(this.state.x,'"\n            min="-1000" max="1000" step="1"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return'\n      <div class=\'popup-item\'>\n        <RangeEditor \n            label="Y" \n            calc="false"       \n            ref="$y" \n            key="y"\n            value="'.concat(this.state.y,'"            \n            min="-1000" max="1000" step="1"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForWidth",value:function(){return'\n    <div class=\'popup-item\'>\n      <RangeEditor \n          label="Width"   \n          calc="false"             \n          ref="$width" \n          key="width"\n          value="'.concat(this.state.width,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForHeight",value:function(){return'\n    <div class=\'popup-item\'>\n      <RangeEditor \n          label="Height"\n          calc="false"          \n          ref="$height" \n          key="height"\n          value="'.concat(this.state.height,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForRepeat",value:function(){return"\n    <div class='popup-item grid-2'>\n      <label>Repeat</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='".concat(this.state.repeat,'\'>\n          <button type="button" value=\'no-repeat\' title="no-repeat"></button>\n          <button type="button" value=\'repeat\' title="repeat"></button>\n          <button type="button" value=\'repeat-x\' title="repeat-x"></button>\n          <button type="button" value=\'repeat-y\' title="repeat-y"></button>\n          <button type="button" value=\'space\' title="space"></button>\n          <button type="button" value=\'round\' title="round"></button>\n      </div>\n    </div>\n    ')}},{key:rn("$repeat button"),value:function(t){var e=t.$delegateTarget;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <SelectEditor label=\"Blend\" ref='$blend' key='blendMode' value=\"".concat(this.state.blendMode,'" options="').concat(jG.join(","),'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\">\n\n        <div class='box'>\n\n          <div class='background-property'>\n            ".concat(this.templateForSize(),"        \n            ").concat(this.templateForX(),"\n            ").concat(this.templateForY(),"\n            ").concat(this.templateForWidth(),"\n            ").concat(this.templateForHeight(),"\n            ").concat(this.templateForRepeat(),"\n            ").concat(this.templateForBlendMode(),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Pr("showBackgroundImagePositionPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",this.params=e,this.setState(t),this.show(460)}}])&&wG(n.prototype,r),o&&wG(n,o),e}();function xG(t){return(xG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _G(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function TG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EG(t,e){return!e||"object"!==xG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CG(t,e,n){return(CG="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=$G(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function $G(t){return($G=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RG(t,e){return(RG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VG={FillPickerPopup:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),EG(this,$G(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RG(t,e)}(e,hz),n=e,(r=[{key:"getTitle",value:function(){return"SVG Fragment picker"}},{key:"components",value:function(){return{ImageAssetPicker:JF,EmbedColorPicker:VR,FillEditor:oV}}},{key:"initState",value:function(){return{image:fb.create()}}},{key:"initialize",value:function(){CG($G(e.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getBody",value:function(){return"\n      <div class=\"gradient-picker\" ref='$body' data-selected-editor=''>\n        <div class='box'>\n          <div ref='$gradientEditor'></div>\n        </div>\n        <div class='box'>\n          <div class='colorpicker'>\n            <EmbedColorPicker ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <ImageAssetPicker ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Pr("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Ev&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:zn("$gradientEditor"),value:function(){return'<FillEditor \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:Pr("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Pr("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Pr("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Pr("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:Pr("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Pr("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){_G(t,e,n[e])})}return t}({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&TG(n.prototype,r),o&&TG(n,o),e}(),BackgroundImagePositionPopup:PG,SVGPathPopup:gG,SVGFilterPopup:pG,GradientPickerPopup:aG,ImageSelectPopup:NF,ColorPickerPopup:zF,SelectorPopup:AF,SVGPropertyPopup:_F,ClipPathPopup:hF,KeyframePopup:Bz,AnimationPropertyPopup:Vz,TransitionPropertyPopup:kF,TextShadowPropertyPopup:xz,BoxShadowPropertyPopup:wz};function AG(t){return(AG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DG(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function IG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MG(t,e){return!e||"object"!==AG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LG(t,e,n){return(LG="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=BG(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function BG(t){return(BG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zG(t,e){return(zG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),MG(this,BG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zG(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return'\n    <div class=\'style-view\' style=\'position: absolute;display:inline-block;left:-1000px;\'>\n      <div ref=\'$svgArea\'></div>\n      <svg width="0" height="0">\n        <defs>\n          <marker id="start" markerWidth="8" markerHeight="8" refX="5" refY="5">\n              <circle cx="5" cy="5" r="3" style="stroke: none; fill:#000000;"/>\n          </marker>\n          <marker id="head" orient="auto" markerWidth="10" markerHeight="10" refX=".5" refY="3">\n            <path d="M0,0 V6 L5,3 Z" fill="red"></path>\n          </marker>\n        </defs>\n      </svg>\n    </div>\n    '}},{key:"initialize",value:function(){LG(BG(e.prototype),"initialize",this).call(this),this.refs.$head=Ke.create(document.head)}},{key:"makeProjectStyle",value:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"<style type='text/css' data-id='".concat(t.id,"'>\n      :root {\n        ").concat(Y(n),"\n      }\n      /* keyframe */\n      ").concat(e,"\n    </style>\n    ")}},{key:"makeStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateView("[data-id='".concat(t.id,"']")),r=t.generateViewBoundCSS("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n      <style type='text/css' data-id='").concat(t.id,"-move'>").concat(r,"</style>\n    ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")}},{key:"makeStylePosition",value:function(t){var e=t.generateViewBoundCSS("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"-move'>").concat(e,"</style>\n      ")}},{key:"refreshStyleHead",value:function(){var t=this,e=pl.selection.currentProject||new sl;this.refs.$head.$$("style").forEach(function(t){return t.remove()}),this.changeStyleHead(e),e.artboards.forEach(function(e){return t.changeStyleHead(e)})}},{key:"changeStyleHead",value:function(t){var e=this;Ke.create("div").html(this.makeStyle(t)).children().forEach(function(t){e.refs.$head.append(t)})}},{key:"changeStyleHeadPosition",value:function(t){var e=this;Ke.create("div").html(this.makeStylePosition(t)).children().forEach(function(t){e.refs.$head.append(t)})}},{key:"refreshStyleHeadOne",value:function(t){var e=[t];arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(e=[t].concat(DG(t.allLayers)));var n=e.map(function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-move"]')});this.refs.$head.$$(n).forEach(function(t){t.remove()}),this.changeStyleHead(t)}},{key:"refreshStyleHeadPositionOne",value:function(t){var e='style[data-id="'.concat(t.id,'-move"]');this.refs.$head.$$(e).forEach(function(t){t.remove()}),this.changeStyleHeadPosition(t)}},{key:"makeSvg",value:function(t){var e=t.toSVGString?t.toSVGString():"";return"\n      ".concat(e?'<svg width="0" height="0">'.concat(e,"</svg>"):"","\n    ")}},{key:zn("$svgArea"),value:function(){var t=pl.selection.currentProject||{};return this.makeSvg(t)}},{key:Pr("refreshComputedStyle")+An(100),value:function(t){var e,n=(e=this.refs.$canvas).getComputedStyle.apply(e,DG(t));this.emit("refreshComputedStyleCode",n)}},{key:Pr("refreshStyleView","moveTimeline","playTimeline"),value:function(t){t?(this.load(),this.refreshStyleHeadOne(t)):this.refresh()}},{key:Pr("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Pr("refreshStylePosition"),value:function(){var t=this;pl.selection.each(function(e){t.refreshStyleHeadPositionOne(e)})}},{key:Pr("refreshSelectionStyleView"),value:function(){var t=this;pl.selection.each(function(e){t.refreshStyleHeadOne(e,!0)})}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&IG(n.prototype,r),o&&IG(n,o),e}();function GG(t){return(GG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XG(t,e){return!e||"object"!==GG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function YG(t){return(YG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function NG(t,e){return(NG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KG=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),XG(this,YG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&NG(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ProjectProperty:kM,ArtBoardProperty:_M,LayerTreeProperty:VM}}},{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <ArtBoardProperty />          \n        </div>\n        <div>\n          <LayerTreeProperty />\n        </div>\n      </div>\n    "}}])&&HG(n.prototype,r),o&&HG(n,o),e}(),WG={heart:'<svg viewBox="0 0 20 20">\n<path d="M9.719,17.073l-6.562-6.51c-0.27-0.268-0.504-0.567-0.696-0.888C1.385,7.89,1.67,5.613,3.155,4.14c0.864-0.856,2.012-1.329,3.233-1.329c1.924,0,3.115,1.12,3.612,1.752c0.499-0.634,1.689-1.752,3.612-1.752c1.221,0,2.369,0.472,3.233,1.329c1.484,1.473,1.771,3.75,0.693,5.537c-0.19,0.32-0.425,0.618-0.695,0.887l-6.562,6.51C10.125,17.229,9.875,17.229,9.719,17.073 M6.388,3.61C5.379,3.61,4.431,4,3.717,4.707C2.495,5.92,2.259,7.794,3.145,9.265c0.158,0.265,0.351,0.51,0.574,0.731L10,16.228l6.281-6.232c0.224-0.221,0.416-0.466,0.573-0.729c0.887-1.472,0.651-3.346-0.571-4.56C15.57,4,14.621,3.61,13.612,3.61c-1.43,0-2.639,0.786-3.268,1.863c-0.154,0.264-0.536,0.264-0.69,0C9.029,4.397,7.82,3.61,6.388,3.61"></path>\n</svg>'};function UG(t){return(UG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZG(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function qG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JG(t,e){return!e||"object"!==UG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QG(t){return(QG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tH(t,e){return(tH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),JG(this,QG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{}}},{key:"template",value:function(){return"\n      <div class='library-items'>\n        <div class='group  path'>\n          <div class='title'><label>ClipArt</label></div>\n          <div class='list'>\n            ".concat(Object.keys(WG).map(function(t){return"<div class='path-item'>".concat(WG[t],"</div>")}).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:rn("$el .path-item"),value:function(t){var e=t.$delegateTarget.$("svg"),n=e.$("path"),r=ZG(e.attr("viewBox").split(" "),4),o=r[0],i=r[1],a=r[2],c=r[3],u=n.attr("d"),s={x:+o,y:+i,width:+a,height:+c};this.emit("convert.path",u,s)}}])&&qG(n.prototype,r),o&&qG(n,o),e}();function nH(t){return(nH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oH(t,e){return!e||"object"!==nH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iH(t){return(iH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function aH(t,e){return(aH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oH(this,iH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{ObjectItems:KG,ProjectProperty:kM,ProjectInformationProperty:EB,LibraryItems:eH}}},{key:"template",value:function(){return'\n      <div class=\'layer-tab\'>\n        <div class="tab number-tab" data-selected-value="2" ref="$tab">\n          <div class="tab-header" ref="$header">\n            <div class="tab-item" data-value="1">\n              <label>Projects</label>\n            </div>          \n            <div class="tab-item" data-value="2">\n              <label>Layers</label>\n            </div>\n            <div class=\'tab-item\' data-value=\'3\'>\n              <label>Library</label>\n            </div>   \n            <div class=\'tab-item empty-item\'></div>\n            <div class=\'tab-item empty-item\'></div>                                 \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <ProjectProperty />\n              <ProjectInformationProperty />\n            </div>\n            <div class="tab-content" data-value="2">\n              <ObjectItems />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <LibraryItems />\n            </div>\n          </div>\n        </div>\n      </div>\n    '}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}},{key:rn("$extraHeader .tab-item:not(.empty-item)"),value:function(t){this.refs.$extraTab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&rH(n.prototype,r),o&&rH(n,o),e}();function uH(t){return(uH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sH(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function lH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fH(t,e){return!e||"object"!==uH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pH(t){return(pH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hH(t,e){return(hH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),fH(this,pH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){sH(t,e,n[e])})}return t}({},tj,{LayerTab:cH})}},{key:"template",value:function(){return"\n      <div class=\"feature-control object-list\">\n        <LayerTab />\n        <div class='draw-items' ref='$items'>\n          <label>CSS</label>\n          <AddRect />\n          <AddCircle />         \n          <AddText />\n          <AddImage />\n          <AddCube />\n          \x3c!-- AddSphere / --\x3e\n          <div class='split'></div>\n          <label>SVG</label>\n          <AddSVGRect />\n          <AddPath />\n          <AddPolygon />\n          <AddStar />\n          \x3c!-- <AddRedGL /> --\x3e\n        </div>\n      </div>\n    "}},{key:rn("$items button"),value:function(t){t.$delegateTarget.onlyOneClass("selected")}}])&&lH(n.prototype,r),o&&lH(n,o),e}();function dH(t){return(dH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bH(t,e){return!e||"object"!==dH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gH(t){return(gH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mH(t,e){return(mH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bH(this,gH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mH(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n      <div class='logo'>\n        <div class='text'>EASY</div>\n        <div class='extra-text'>LOGIC</div>\n        <div class='image'></div>\n      </div>    \n    "}}])&&vH(n.prototype,r),o&&vH(n,o),e}();function kH(t){return(kH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SH(t,e){return!e||"object"!==kH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jH(t){return(jH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PH(t,e){return(PH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SH(this,jH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PH(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return tj}},{key:"template",value:function(){return"\n      <div class='external-tool-menu'>\n        <div class='items  right'>\n          <Download />\n          <Save />\n          <ExportView />\n          <ExportCodePen />\n          <Fullscreen />\n          \x3c!-- ExportJSFiddle / --\x3e\n\n          <div class='split'></div>\n          \n          \x3c!--ThemeSwitcher /--\x3e\n          <Github />\n          <Manual />\n\n        </div>                \n      </div>\n    "}}])&&OH(n.prototype,r),o&&OH(n,o),e}();function _H(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function TH(t,e){if(V(e)){var n=_H(e.split(":"),4),r=n[0],o=n[1],i=n[2],a=n[3];return 3600*(r=parseInt(r,10))+60*(o=parseInt(o,10))+(i=parseInt(i,10))+(a=parseInt(a,10))*(1/t)}return M(e)?e/t:0}function EH(t,e){var n=Math.floor(e/3600),r=Math.floor(e/60%60),o=Math.floor(e%60),i=Math.round((e-Math.floor(e))*t);return i===t&&(i=0,60===(o+=1)&&60===(r+=1)&&(n+=1)),[n,r,o,i].map(function(t){return(t+"").padStart(2,"0")}).join(":")}function CH(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return EH(t,TH(t,e)-TH(t,n))}function $H(t){var e={id:0,start:0,speed:t.speed||1,elapsed:t.elapsed||0,duration:t.duration||0,iterationStartCount:1,iterationCount:t.iterationCount||Number.MAX_SAFE_INTEGER,direction:t.direction||"normal",log:[],logIndex:0,tick:t.tick||function(){},startCallback:t.start||function(){},endCallback:t.end||function(){},firstCallback:t.first||function(){},lastCallback:t.last||function(){}},n=function(t){return"normal"===e.direction||"reverse"!==e.direction&&("alternate"===e.direction?e.iterationStartCount%2==1:"alternate-reverse"===e.direction?e.iterationStartCount%2==0:void 0)?t:1-t},r=function(t){var r=!1;null===e.start&&(e.start=t,r=!0);var a=t-e.start;e.elapsed+=a*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?i():o()},o=function(){e.id=requestAnimationFrame(r)},i=function(){e.endCallback(e.elapsed,e),e.iterationStartCount++,e.iterationStartCount>e.iterationCount?(e.lastCallback(e.elapsed,e),cancelAnimationFrame(e.id)):(e.start=null,e.elapsed=0,o())},a=function(t){e.elapsed=t,e.tick(e.elapsed,e)};return{play:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.start=null,e.iterationStartCount=1,e.log=[],e.lastTime=0,e.logIndex=0,M(t.elapsed)&&(e.elapsed=t.elapsed),M(t.speed)&&(e.speed=t.speed),M(t.duration)&&(e.duration=t.duration),M(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),V(t.direction)&&(e.direction=t.direction),I(t.tick)&&(e.tick=t.tick),I(t.start)&&(e.startCallback=t.start),I(t.end)&&(e.endCallback=t.end),I(t.first)&&(e.firstCallback=t.first),I(t.last)&&(e.lastCallback=t.last),e.firstCallback(e.elapsed,e),o()},stop:function(){cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}function RH(t){return(RH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AH(t,e){return!e||"object"!==RH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function DH(t){return(DH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IH(t,e){return(IH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MH=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),AH(this,DH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IH(t,e)}(e,_r),n=e,(r=[{key:xr("add.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){t?n.addTimelineLayer(t):n.addTimeline(),e.emit("refreshTimeline"),e.emit("addTimeline")})}},{key:xr("select.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.selectTimeline(t),e.emit("refreshTimeline"),e.emit("selectTimeline")})}},{key:xr("set.timeline.offset")+An(100),value:function(t){var e=this;this.currentArtboard(function(n,r){n.setTimelineKeyframeOffsetValue(t.layerId,t.property,t.id,t.value,t.timing,t.time),e.emit("refreshTimeline")})}},{key:xr("refresh.selected.offset"),value:function(){var t=pl.timeline.items[0];t&&this.emit("refreshOffsetValue",t)}},{key:xr("add.timeline.property"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};this.currentArtboard(function(r,o){var i;!1===$(t)&&(t=[t]);var a=[];t.forEach(function(t){var e={layerId:t,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},o=r.addTimelineKeyframe(e);o&&a.push(o)}),(i=pl.timeline).select.apply(i,a),e.emit("refreshTimeline"),e.trigger("refresh.selected.offset")})}},{key:xr("add.timeline.current.property"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{timing:"linear"};this.currentArtboard(function(n,r){var o,i=[];pl.selection.each(function(t){var r={layerId:t.id,property:e.property,value:t[e.property]+"",timing:e.timing,editor:e.editor},o=n.addTimelineKeyframe(r);o&&i.push(o)}),(o=pl.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("delete.timeline.keyframe"),value:function(){var t=this;this.currentArtboard(function(e,n){pl.timeline.each(function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)}),pl.timeline.empty(),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("remove.timeline.property"),value:function(t,e){var n=this;this.currentArtboard(function(r,o){r.removeTimelineProperty(t,e),pl.timeline.empty(),n.emit("refreshTimeline"),n.trigger("refresh.selected.offset")})}},{key:xr("remove.timeline"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.removeTimeline(t),pl.timeline.empty(),e.emit("refreshTimeline"),e.trigger("refresh.selected.offset")})}},{key:xr("remove.animation"),value:function(t){var e=this;this.currentArtboard(function(n,r){n.removeAnimation(t),pl.timeline.empty(),e.emit("refreshTimeline"),e.emit("removeAnimation")})}},{key:xr("add.timeline.keyframe"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{timing:"linear"};this.currentArtboard(function(n,r){var o=n.searchById(e.layerId),i={layerId:e.layerId,property:e.property,time:e.time,value:o[e.property]+"",timing:e.timing,editor:e.editor},a=n.addTimelineKeyframe(i);pl.timeline.select(a),t.emit("refreshTimeline"),t.trigger("refresh.selected.offset")})}},{key:xr("change.timeline.offset"),value:function(){var t=this;this.currentArtboard(function(e,n){list.forEach(function(t){e.setTimelineKeyframeOffsetTime(t.layerId,t.property,t.id,t.time)}),t.emit("refreshTimeline")})}},{key:xr("change.property"),value:function(t,e){var n=this;this.currentArtboard(function(r,o){pl.selection.each(function(n){var o=E(e)?n[t]:e;o+="",r.setTimelineKeyframeOffsetValue(n.id,t,void 0,o)}),n.emit("refreshTimelineOffsetValue")})}},{key:xr("copy.timeline.property"),value:function(t,e){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.currentArtboard(function(o,i){o.copyTimelineKeyframe(t,e,r),n.emit("refreshTimeline")})}},{key:Pr("moveTimeline"),value:function(){this.trigger("pause.timeline")}},{key:xr("pause.timeline"),value:function(){this.state.timer&&this.state.timer.stop()}},{key:"currentArtboard",value:function(t){var e=pl.selection.currentArtboard;if(e){var n=e.getSelectedTimeline();t&&t(e,n)}}},{key:xr("last.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(EH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("next.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(EH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("first.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(EH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("prev.timeline"),value:function(){var t=this;this.currentArtboard(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(EH(n.fps,r)),e.seek(),t.emit("playTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")})}},{key:xr("play.timeline"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"normal";pl.selection.empty(),this.emit("refreshSelection"),pl.changeMode("play"),this.emit("after.change.mode"),this.currentArtboard(function(o,i){var a=o.getSelectedTimelineLastTime();t.state.timer?t.state.timer.stop():t.state.timer=$H({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.state.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(EH(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),pl.changeMode("SELECTION"),t.emit("after.change.mode")}})})}}])&&VH(n.prototype,r),o&&VH(n,o),e}();function LH(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(t,e){var i=0;return i=0===e?n:1===e?r:n+(r-n)*t,o?i+o:i}}function BH(t,e,n){return function(t,e){return n}}function zH(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",i=null;return"parent"===o?i=t[o][r]:"self"===o&&(i=t[r]),i?n.toPx(i.value):n}function FH(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",a=He.parse(n),c=He.parse(r);return a.unit===c.unit?LH(t,e,a.value,c.value,a.unit):a.equals(c)?BH(0,0,a):function(n,r){var u=zH(t,e,a,o,i),s=zH(t,e,c,o,i);return 0===r?u:1===r?s:function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",a=null;return"parent"===i?a=t[i][o]:"self"===i&&(a=t[o]),a?n.to(r,a.value):n}(t,e,He.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}var GH=function(t){return t.isAll?[t["border-radius"]||"0px",t["border-radius"]||"0px",t["border-radius"]||"0px",t["border-radius"]||"0px"]:[t["border-top-left-radius"]||"0px",t["border-top-right-radius"]||"0px",t["border-bottom-right-radius"]||"0px",t["border-bottom-left-radius"]||"0px"]};function HH(t,e,n,r){for(var o=GH(Yx.parseStyle(n)),i=GH(Yx.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=FH(t,e,o[u],i[u]);return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function XH(t,e,n,r){return function(t,e){return 1===e?r:n}}function YH(t,e,n,r){var o=Ee.parse(n||"rgba(0, 0, 0, 1)"),i=Ee.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:ve(o,i,t,"rgb")}}function NH(t,e,n,r){for(var o=Sx.parseStyle(n),i=Sx.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||Sx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||Sx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:XH(0,0,l.inset,f.inset),offsetX:FH(t,e,l.offsetX,f.offsetX),offsetY:FH(t,e,l.offsetY,f.offsetY),blurRadius:FH(t,e,l.blurRadius,f.blurRadius),spreadRadius:FH(t,e,l.spreadRadius,f.spreadRadius),color:YH(0,0,l.color,f.color)})}return function(t,e){return Sx.join(c.map(function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}}))}}function KH(t,e,n,r){return XH(0,0,n,r)}var WH=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return t=+t,function(n){var r=1/t;return"start"==e?r*Math.ceil(n/r):"end"==e?r*Math.floor(n/r):void 0}};function UH(){return WH(1,"start")}function ZH(){return WH(1,"end")}var qH,JH=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},QH={step:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return WH(t,e)},"step-start":UH,"step-end":ZH,stepStart:UH,stepEnd:ZH,"ease-out-elastic":JH,easeOutElastic:JH};function tX(t,e,n){return n.toDeg()}function eX(t,e,n,r){var o=He.parse(n),i=He.parse(r);return function(t,e){var n=tX(0,0,o),r=tX(0,0,i);return 0===e?n:1===e?r:He.deg(n.value+(r.value-n.value)*t).to(o.unit)}}function nX(t,e,n,r){for(var o=RE.parseStyle(n),i=RE.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||RE.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||RE.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:FH(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:FH(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:FH(t,e,l.blurRadius,f.blurRadius,"radius"),color:YH(0,0,l.color,f.color)})}return function(t,e){return RE.join(c.map(function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}}))}}function rX(t,e,n,r){var o={cut:XH(0,0,n.cut,r.cut),percent:LH(t,e,n.percent,r.percent),px:LH(t,e,n.px,r.px),em:LH(t,e,n.em,r.em),unit:KH(0,0,n.unit,r.unit),color:YH(0,0,n.color,r.color)};return function(t,e){return new fv({cut:o.cut(t,e),percent:o.percent(t,e),px:o.px(t,e),em:o.em(t,e),unit:o.unit(t,e),color:o.color(t,e)})}}function oX(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=Math.max(n.length,r.length),i=[],a=0;a<o;a++){var c=n[a],u=r[a];i[a]=c&&u?rX(t,e,c,u):XH(0,0,c,u)}return function(t,e){return i.map(function(n){return n(t,e)})}}function iX(t,e,n,r){var o={angle:LH(t,e,n.angle,r.angle),colorsteps:oX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new Bj({angle:o.angle(t,e),colorsteps:n})}}function aX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}aX(qH={},"center",!0),aX(qH,"top",!0),aX(qH,"left",!0),aX(qH,"right",!0),aX(qH,"bottom",!0);function cX(t,e){switch(e){case"width":if("center"===t)return"50%";if("left"===t)return"0%";if("right"===t)return"100%";break;case"height":if("center"===t)return"50%";if("top"===t)return"0%";if("bottom"===t)return"100%"}return t}function uX(t,e,n,r){n.radialPosition[0]=cX(n.radialPosition[0],"width"),n.radialPosition[1]=cX(n.radialPosition[1],"height"),r.radialPosition[0]=cX(r.radialPosition[0],"width"),r.radialPosition[1]=cX(r.radialPosition[1],"height");var o={radialType:KH(0,0,n.radialType,r.radialType),radialPositionX:FH(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:FH(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:oX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new iP({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function sX(t,e,n,r){var o={angle:LH(t,e,n.angle,r.angle),radialPositionX:FH(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:FH(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:oX(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new xP({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function lX(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=XH(0,0,n,r);else if(n.type!=r.type)o.image=XH(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=iX(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=iX(t,e,n,r);return function(t,e){var n=o(t,e),r=new Kj({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=uX(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=uX(t,e,n,r);return function(t,e){var n=o(t,e);return new hP({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=sX(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=sX(t,e,n,r);return function(t,e){var n=o(t,e);return new VP({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function fX(t,e,n,r){for(var o=YP.parseStyle(N(n)),i=YP.parseStyle(N(r)),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||null,f=i[u]||null;l&&!f?c.push({image:BH(0,0,l.image),size:BH(0,0,l.size),width:BH(0,0,l.width),height:BH(0,0,l.height),x:BH(0,0,l.x),y:BH(0,0,l.y),blendMode:BH(0,0,l.blendMode),repeat:BH(0,0,l.repeat)}):!l&&f?c.push({image:BH(0,0,f.image),size:BH(0,0,f.size),width:BH(0,0,f.width),height:BH(0,0,f.height),x:BH(0,0,f.x),y:BH(0,0,f.y),blendMode:BH(0,0,f.blendMode),repeat:BH(0,0,f.repeat)}):l&&f&&c.push({image:lX(t,e,l.image,f.image),size:KH(0,0,l.size,f.size),width:FH(t,e,l.width,f.width,"width","self"),height:FH(t,e,l.height,f.height,"height","self"),x:FH(t,e,l.x,f.x,"width","self"),y:FH(t,e,l.y,f.y,"height","self"),blendMode:KH(0,0,l.blendMode,f.blendMode),repeat:KH(0,0,l.repeat,f.repeat)})}return function(t,e){return YP.join(c.map(function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}}))}}function pX(t,e,n,r){var o={type:KH(0,0,n.type,r.type),value:XH(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=FH(t,e,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":o.value=LH(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=FH(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=FH(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=FH(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=FH(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=YH(0,0,n.color,r.color)}return function(t,e){return"drop-shadow"===o.type(t,e)?{type:o.type(t,e),offsetX:o.offsetX(t,e),offsetY:o.offsetY(t,e),blurRadius:o.blurRadius(t,e),spreadRadius:o.spreadRadius(t,e),color:o.color(t,e)}:{type:o.type(t,e),value:o.value(t,e)}}}function hX(t,e,n,r){for(var o=R_.parseStyle(n),i=R_.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u],f=i[u];l&&!f?c.push(BH(0,0,l)):!l&&f?c.push(BH(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(XH(0,0,l,f)):c.push(pX(t,e,l,f))}return function(t,e){return R_.join(c.map(function(n){return n(t,e)}))}}function yX(t,e,n,r){var o=ed.parseStyle(n),i=ed.parseStyle(r),a={type:XH(0,0,o.type,o.type),value:XH(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=ed.parseStyleForCircle(o.value),i.value=ed.parseStyleForCircle(i.value),a.value=function(t,e,n,r){var o={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?o.radius=XH(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?o.radius=makeInterpolateNumber(t,e,n.radius.value,r.radius.value,n.radius.unit):o.radius=FH(t,e,n.radius,r.radius,"width","self"),o.x=FH(t,e,n.x,r.x,"width","self"),o.y=FH(t,e,n.y,r.y,"height","self"),function(t,e){var n=o.radius(t,e),r=o.x(t,e),i=o.y(t,e),a="".concat(r," ").concat(i),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(a):"".concat(a)}}(t,e,o.value,i.value);break;case"ellipse":o.value=ed.parseStyleForEllipse(o.value),i.value=ed.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:FH(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:FH(t,e,n.radiusY,r.radiusY,"height","self"),x:FH(t,e,n.x,r.x,"width","self"),y:FH(t,e,n.y,r.y,"height","self")};return function(t,e){var n=o.radiusX(t,e),r=o.radiusY(t,e),i=o.x(t,e),a=o.y(t,e);return"".concat(n," ").concat(r," at ").concat(i," ").concat(a)}}(t,e,o.value,i.value);break;case"inset":o.value=ed.parseStyleForInset(o.value),i.value=ed.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:LH(t,e,n.top.value,r.top.value,n.top.unit),left:LH(t,e,n.left.value,r.left.value,n.left.unit),right:LH(t,e,n.right.value,r.right.value,n.right.unit),bottom:LH(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:XH(0,0,n.round,r.round),topRadius:LH(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:LH(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:LH(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:LH(t,e,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(t,e){var n=o.top(t,e),r=o.right(t,e),i=o.bottom(t,e),a=o.left(t,e),c=o.round(t,e),u=o.topRadius(t,e),s=o.leftRadius(t,e),l=o.bottomRadius(t,e),f=o.rightRadius(t,e),p=[n,r,i,a].join(" "),h=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&h.trim()?"round ".concat(h):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=ed.parseStyleForPolygon(o.value),i.value=ed.parseStyleForPolygon(i.value),a.value=function(t,e,n,r){for(var o=Math.max(n.length,r.length),i=[],a=0;a<o;a++){var c=n[a],u=r[a];c&&!u?i.push({x:BH(0,0,c.x),y:BH(0,0,c.y)}):!c&&u?i.push({x:BH(0,0,u.x),y:BH(0,0,u.y)}):i.push({x:FH(t,e,c.x,u.x,"width","self"),y:FH(t,e,c.y,u.y,"height","self")})}return function(t,e){return i.map(function(n){return"".concat(n.x(t,e)," ").concat(n.y(t,e))}).join(",")}}(t,e,o.value,i.value);break;case"path":o.value=ed.parseStyleForPath(o.value),i.value=ed.parseStyleForPath(i.value),a.value=makeInterpolateClipPathPath(t,e,o.value,i.value)}return function(t,e){var n=a.type(t,e),r=a.value(t,e);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function dX(t,e,n,r){for(var o={type:XH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];u&&s?i.push(FH(t,e,u,s,n.type)):i.push(FH(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return o.value=i,function(t,e){return{type:o.type(t,e),value:o.value.map(function(n){return n(t,e)})}}}function vX(t,e,n,r){for(var o={type:XH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];if(u&&s)i.push(LH(t,e,u.value,s.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;i.push(LH(t,e,l,f))}}return o.value=i,function(t,e){var n=o.value.map(function(n){return n(t,e)}),r=o.type(t,e);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map(function(t){return He.number(t)})),{type:r,value:n}}}function bX(t,e,n,r){for(var o={type:XH(0,0,n.type,r.type)},i=[],a=Math.max(n.value.length,r.value.length),c=0;c<a;c++){var u=n.value[c],s=r.value[c];u&&s?i.push(eX(0,0,u,s)):i.push(eX(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return o.value=i,function(t,e){return{type:o.type(t,e),value:o.value.map(function(n){return n(t,e)})}}}function gX(t,e,n,r){for(var o=to.parseStyle(n.trim()),i=to.parseStyle(r.trim()),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];if(s&&!l)c.push(BH(0,0,s));else if(!s&&l)c.push(BH(0,0,l));else if(s.type!=l.type)c.push(XH(0,0,s,l));else switch(s.type){case"skewX":case"skewY":case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(dX(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(bX(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(vX(t,e,s,l))}}return function(t,e){return to.join(c.map(function(n){return n(t,e)}))}}function mX(t,e,n,r){for(var o=n.split(" ").map(function(t){return He.parse(t)}),i=r.split(" ").map(function(t){return He.parse(t)}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(FH(t,e,s,l,"transform-origin"))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function wX(t,e,n,r){for(var o=n.split(" ").map(function(t){return He.parse(t)}),i=r.split(" ").map(function(t){return He.parse(t)}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(FH(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function kX(t,e,n,r){for(var o=n.split(" ").map(function(t){return+t}),i=r.split(" ").map(function(t){return+t}),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(LH(t,e,s,l))}return function(t,e){return c.map(function(n){return n(t,e)}).join(" ")}}function OX(t,e,n,r){for(var o=Math.max(n.length,r.length),i=[],a=n[n.length-1],c=r[r.length-1],u=0;u<o;u++){var s=n[u],l=r[u];s&&!l?i.push(LH(t,e,s,c)):!s&&l?i.push(LH(t,e,a,l)):i.push(LH(t,e,s,l))}return function(t,e){return i.map(function(n){return n(t,e)})}}function SX(t,e,n,r){for(var o=new Xd,i=new Xd(n),a=new Xd(r),c=Math.max(i.segments.length,a.segments.length),u=[],s=0;s<c;s++){var l=i.segments[s],f=a.segments[s];l.command===f.command?l.values.length===f.values.length?u.push({command:BH(0,0,l.command),values:OX(t,e,l.values,f.values)}):u.push({command:BH(0,0,l.command),values:BH(0,0,l.values)}):u.push({command:XH(0,0,l.command,f.command),values:XH(0,0,l.values,f.values)})}return function(t,e){var n=u.map(function(n){return{command:n.command(t,e),values:n.values(t,e)}});return o.joinPath(n)}}function jX(t,e,n,r){for(var o=new zg,i=new zg(n),a=new zg(r),c=Math.max(i.segments.length,a.segments.length),u=[],s=i.segments[i.segments.length-1].x,l=i.segments[i.segments.length-1].y,f=a.segments[a.segments.length-1].x,p=a.segments[a.segments.length-1].y,h=0;h<c;h++){var y=i.segments[h],d=a.segments[h];y&&!d?u.push({x:LH(t,e,y.x,f),y:LH(t,e,y.y,p)}):!y&&d?u.push({x:LH(t,e,s,d.x),y:LH(t,e,l,d.y)}):u.push({x:LH(t,e,y.x,d.x),y:LH(t,e,y.y,d.y)})}return function(t,e){return o.joinPoints(u.map(function(n){return{x:n.x(t,e),y:n.y(t,e)}}))}}function PX(t,e,n,r){var o={x:LH("","",t,n),y:LH("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function xX(t,e,n,r,o,i){var a=[{x:t,y:e},{x:n,y:r},{x:o,y:i}];return function(t,e){return hg(a,e)}}function _X(t,e,n,r,o,i,a,c){var u=[{x:t,y:e},{x:n,y:r},{x:o,y:i},{x:a,y:c}];return function(t,e){return pg(u,e)}}function TX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function EX(t){var e=[],n=[];t.forEach(function(t,r){switch(t.command){case"M":var o=TX(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=TX(n,2),u=c[0],s=c[1],l=TX(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=TX(n,2),p=(u=f[0],s=f[1],TX(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:ht(u,s,i,a),interpolate:PX(u,s,i,a)}),n=[i,a];break;case"l":var h=TX(n,2),y=(u=h[0],s=h[1],TX(t.values,2));i=y[0],a=y[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:ht(u,s,i,a),interpolate:PX(u,s,i,a)}),n=[i,a];break;case"C":var d=TX(n,2),v=(u=d[0],s=d[1],TX(t.values,6)),b=v[0],g=v[1],m=v[2],w=v[3];i=v[4],a=v[5];e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:ag(u,s,b,g,m,w,i,a),interpolate:_X(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"c":var k=TX(n,2),O=(u=k[0],s=k[1],TX(t.values,6));b=O[0],g=O[1],m=O[2],w=O[3],i=O[4],a=O[5];b+=u,m+=u,i+=u,g+=s,w+=s,a+=s,e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:ag(u,s,b,g,m,w,i,a),interpolate:_X(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"Q":var S=TX(n,2),j=(u=S[0],s=S[1],TX(t.values,4));b=j[0],g=j[1],i=j[2],a=j[3];e.push({command:t.command,values:[u,s,b,g,i,a],length:cg(u,s,b,g,i,a),interpolate:xX(u,s,b,g,i,a)}),n=[i,a];break;case"q":var P=TX(n,2),x=(u=P[0],s=P[1],TX(t.values,4));b=x[0],g=x[1],i=x[2],a=x[3];b+=u,i+=u,g+=s,a+=s,e.push({command:t.command,values:[u,s,b,g,i,a],length:cg(u,s,b,g,i,a),interpolate:xX(u,s,b,g,i,a)}),n=[i,a];break;case"S":var _=TX(n,2),T=(u=_[0],s=_[1],TX(t.values,4)),E=(m=T[0],w=T[1],i=T[2],a=T[3],e[e.length-1]);if(["C","c","S","s"].includes(E.command)){var C=TX(E.values,8),$=(C[0],C[1],C[2],C[3],C[4]),R=C[5],V=C[6],A=C[7],D=Md.getReversePoint({x:V,y:A},{x:$,preC1y:R});b=D.x,g=D.y;e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:getCubicDist(u,s,b,g,m,w,i,a),interpolate:_X(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"s":var I=TX(n,2),M=(u=I[0],s=I[1],TX(t.values,4));m=M[0],w=M[1],i=M[2],a=M[3];m+=u,i+=u,w+=s,a+=s;E=e[e.length-1];if(["C","c","S","s"].includes(E.command)){var L=TX(E.values,8),B=(L[0],L[1],L[2],L[3],$=L[4],R=L[5],V=L[6],A=L[7],Md.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=B.x,g=B.y;e.push({command:t.command,values:[u,s,b,g,m,w,i,a],length:getCubicDist(u,s,b,g,m,w,i,a),interpolate:_X(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"T":var z=TX(n,2),F=(u=z[0],s=z[1],TX(t.values,2));i=F[0],a=F[1],E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var G=TX(E.values,6),H=(G[0],G[1],$=G[2],R=G[3],V=G[4],A=G[5],Md.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=H.x,g=H.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:cg(u,s,b,g,i,a),interpolate:xX(u,s,b,g,i,a)}),n=[i,a]}break;case"t":var X=TX(n,2),Y=(u=X[0],s=X[1],TX(t.values,2));i=Y[0],a=Y[1];i+=u,a+=s;E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var N=TX(E.values,6),K=(N[0],N[1],$=N[2],R=N[3],V=N[4],A=N[5],Md.getReversePoint({x:V,y:A},{x:$,preC1y:R}));b=K.x,g=K.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:cg(u,s,b,g,i,a),interpolate:xX(u,s,b,g,i,a)}),n=[i,a]}}});var r=0;e.forEach(function(t){r+=t.length});var o=0;return e.forEach(function(t){t.startT=o/r,t.endT=(o+t.length)/r,t.totalLength=r,o+=t.length}),{totalLength:r,interpolateList:e}}function CX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $X(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function RX(t,e,n,r){var o=$X(n.split(",").map(function(t){return t.trim()}),4),i=o[0],a=o[1],c=o[2],u=o[3],s={id:i,distance:He.parse(a||"0%"),rotateStatus:c||"auto",rotate:He.parse(u||"0deg")},l=pl.selection.currentArtboard,f=function(t,e){return{x:x,y:y}},p=0,h=0;if(l){var d=l.searchById(s.id);p=d.screenX.value,h=d.screenY.value,f=function(t,e,n){var r=EX(new Xd(d.d).segments),o=r.totalLength,i=r.interpolateList,a=s.distance.toPx(o);(e+=a/o)>1&&(e-=1);var c=i[0];0===e?c=i[0]:1===e&&(c=i[i.length-1]);var u=i.find(function(t){return t.startT<=e&&e<t.endT});u&&(c=u);var l=(e-c.startT)/(c.endT-c.startT),f=n(l);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){CX(t,e,n[e])})}return t}({},c.interpolate(f,l,n),{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map(function(t){return He.parse(t)}),i=o[0].toPx(t.width.value),a=o[1].toPx(t.height.value),c=f(e,n,r),u={x:c.x+p-i.value,y:c.y+h-a.value};if(t.setScreenX(u.x),t.setScreenY(u.y),"element"===s.rotateStatus);else{var l=c,y=f(e+1/c.totalLength,n+1/c.totalLength,r),d=yt(y.x-l.x,y.y-l.y);if(!isNaN(d)){var v=He.deg(function(t,e){var n=0;switch(t){case"angle":n=s.rotate.value;break;case"auto angle":n=e+s.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(s.rotateStatus,d));t.reset({transform:to.rotate(t.transform,v)})}}return u}}function VX(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var o=r.length-1;return function(t,e){return 0===e?"":1===e?r:r.substring(0,Math.floor((o-0)*e))}}function AX(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function DX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var IX=function(){return function(t,e){}};function MX(t,e,n,r,o){var i=o||e;switch(i){case"width":case"x":return FH(t,e,n,r,"width");case"height":case"y":return FH(t,e,n,r,"height");case"perspective":case"font-size":case"font-stretch":case"font-weight":case"text-stroke-width":case"RangeEditor":case"textLength":case"startOffset":return FH(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"NumberRangeEditor":return LH(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return YH(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return KH(0,0,n,r);case"rotate":return eX(0,0,n,r)}var a=function(t){switch(t){case"border-radius":return HH;case"border":return makeInterpolateBorder;case"box-shadow":return NH;case"text-shadow":return nX;case"background-image":case"BackgroundImageEditor":return fX;case"filter":case"backdrop-filter":return hX;case"clip-path":return yX;case"transform":return gX;case"transform-origin":return mX;case"perspective-origin":return wX;case"stroke-dasharray":return kX;case"d":return SX;case"points":return jX;case"offset-path":return RX;case"text":return VX}}(i);return a?a(t,e,n,r):IX}function LX(t,e,n,r,o){return MX(t,e,n,r,o)}function BX(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=DX(t.split("(").map(function(t){return t.trim()}),2),n=e[0],r=e[1];r=(r||"").split(")")[0].trim();var o=QH[n];if(o){var i=t.split("(")[1].split(")")[0].split(",").map(function(t){return t.trim()});return o.apply(void 0,AX(i))}return function(t){var e=lg(t);return function(t){return e(t).y}}(t)}function zX(t){return(zX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FX(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function GX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){HX(t,e,n[e])})}return t}function HX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YX(t,e){return!e||"object"!==zX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NX(t,e,n){return(NX="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=KX(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function KX(t){return(KX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WX(t,e){return(WX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UX=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),YX(this,KX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WX(t,e)}(e,pd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return NX(KX(e.prototype),"getDefaultObject",this).call(this,GX({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&NX(KX(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach(function(n){C(t[n])&&(e[n]=t[n])})}},{key:"compileAll",value:function(){var t=this,e=this.getSelectedTimeline();this.json.compiledTimeline={},e&&e.animations.forEach(function(e){e.properties.forEach(function(n){t.compiledTimingFunction(e.id,n.property)})})}},{key:"searchTimelineOffset",value:function(t){var e=this,n=this.getSelectedTimeline(),r=[];return n&&n.animations.forEach(function(n){n.properties.forEach(function(o){var i=e.getCompiledTimingFunction(n.id,o.property);r.push(i.find(function(e){return!!(e.isOnlyTime&&e.startTime<=t)||e.startTime<=t&&t<e.endTime}))})}),r.filter(function(t){return t})}},{key:"getCompiledTimingFunction",value:function(t,e){return this.json.compiledTimeline["".concat(t,".").concat(e)]}},{key:"compiledTimingFunction",value:function(t,e){var n=this,r=this.getTimelineProperty(t,e),o=this.searchById(t),i="".concat(t,".").concat(e);if(1!==r.keyframes.length){var a=r.keyframes.map(function(t){return t.editor})[0];this.json.compiledTimeline[i]=r.keyframes.map(function(t,e){var i=t,c=r.keyframes[e+1];t.editor=a,c||(c={time:t.time,value:t.value+""});var u={layer:o,property:r.property,isOnlyTime:i.time===c.time,startTime:t.time,endTime:c.time,startValue:t.value,endValue:c.value,timing:t.timing,interpolateFunction:LX(o,r.property,t.value,c.value,t.editor),timingFunction:BX(t.timing)};return u.func=n.makeTimingFunction(u),u}).filter(function(t){return t})}else this.json.compiledTimeline[i]=[]}},{key:"makeTimingFunction",value:function(t){return function(e){var n=t.endTime-t.startTime,r=1;return 0!==n&&(r=(e-t.startTime)/n),t.interpolateFunction(t.timingFunction(r),r,t.timingFunction)}}},{key:"seek",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(t){return t},n=this.getSelectedTimeline();if(n){C(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach(function(t){"offset-path"===t.property?t.func(r):t.layer.reset(HX({},t.property,t.func(r)))})}}},{key:"getSelectedTimeline",value:function(){var t=this.json.timeline,e=t.filter(function(t){return t.selected});return(e.length?e[0]:t[0])||null}},{key:"getKeyframeListReturnArray",value:function(){var t=this.getSelectedTimeline(),e=[];return t&&t.animations.forEach(function(t){t.properties.forEach(function(t){e.push.apply(e,FX(t.keyframes))})}),e}},{key:"getKeyframeList",value:function(t){var e=this.getSelectedTimeline();e&&e.animations.forEach(function(n){n.properties.forEach(function(n){n.keyframes.forEach(function(n){t&&t(e,n)})})})}},{key:"getSelectedTimelineLastTime",value:function(){var t=0;return this.getKeyframeList(function(e,n){t=Math.max(n.time,t)}),t}},{key:"getSelectedTimelineFirstTime",value:function(){var t=Number.MAX_SAFE_INTEGER;return this.getKeyframeList(function(e,n){t=Math.min(n.time,t)}),t}},{key:"getSelectedTimelinePrevTime",value:function(){var t=this.getSelectedTimelineFirstTime();return this.getKeyframeList(function(e,n){EH(e.fps,n.time)<e.currentTimecode&&(t=Math.max(n.time,t))}),t}},{key:"getSelectedTimelineNextTime",value:function(){var t=this.getSelectedTimelineLastTime();return this.getKeyframeList(function(e,n){EH(e.fps,n.time)>e.currentTimecode&&(t=Math.min(n.time,t))}),t}},{key:"setTimelineTitle",value:function(t,e){var n=this.json.timeline.find(function(e){return e.id===t});n&&(n.title=e)}},{key:"selectTimeline",value:function(t){t?this.json.timeline.forEach(function(e){e.selected=e.id===t}):this.json.timeline.filter(function(t){return t.selected}).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(t){this.json.timeline=this.json.timeline.filter(function(e){return e.id!==t}),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=gt(),r=GX({id:n,title:"sample"},this.getTimelineLayerInfo(t,e),{animations:[]});return this.json.timeline.push(r),this.selectTimeline(n),r}},{key:"addTimelineLayer",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:60,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"00:00:10:00",r=this.getSelectedTimeline();(r||(r=this.addTimeline(e,n)),r.selected=!0,t)&&(r.animations.filter(function(e){return e.id===t})[0]||r.animations.push({id:t,properties:[]}))}},{key:"getTimelineLayerInfo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=TH(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00");return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:EH(t,0),totalTimecode:EH(t,e),currentTime:0,totalTime:e,displayStartTime:0,displayEndTime:e}}},{key:"setTimelineCurrentTime",value:function(t){var e=this.getSelectedTimeline(),n=e.fps,r=e.totalTimecode;if(e){var o=t,i=t;+o+""===o&&(i=CH(n,o=+o)),i>r&&(i=r);var a=TH(n,i);e.currentTime=a,e.currentTimecode=EH(n,a)}}},{key:"setDisplayTimeDxRate",value:function(t,e,n){var r=this.getSelectedTimeline();if(r){var o=t*r.totalTime,i=e+o,a=n+o;i=Math.max(i,0),0===(i=Math.min(i,a))&&(a=n-e),a=Math.max(a,i),(a=Math.min(a,r.totalTime))===r.totalTime&&(i=r.totalTime-(n-e)),r.displayStartTime=i,r.displayEndTime=a}}},{key:"setDisplayStartTimeRate",value:function(t){var e=this.getSelectedTimeline();e&&(e.displayStartTime=t*e.totalTime)}},{key:"setDisplayEndTimeRate",value:function(t){var e=this.getSelectedTimeline();e&&(e.displayEndTime=t*e.totalTime)}},{key:"setTimelineCurrentTimeRate",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.displayStartTime,r=e.displayEndTime,o=e.fps,i=n+(r-n)*t;this.setTimelineCurrentTime(EH(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=CH(e.fps,n)),TH(e.fps,r)<e.displayEndTime&&(e.displayEndTime=TH(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=TH(e.fps,r)}}},{key:"getTimelineObject",value:function(t){var e=this.getSelectedTimeline();if(e)return e.animations.find(function(e){return e.id===t})}},{key:"addTimelineProperty",value:function(t,e){this.addTimelineLayer(t);var n=this.getTimelineObject(t);n&&(n.properties.filter(function(t){return t.property===e}).length||(n.properties.push({property:e,keyframes:[]}),this.compiledTimingFunction(t,e)))}},{key:"getTimelineProperty",value:function(t,e){var n=this.getSelectedTimeline();if(n){t=t||n.selectedLayerId,e=e||n.selectedProperty;var r=this.getTimelineObject(t);if(r)return r.properties.find(function(t){return t.property===e})}}},{key:"setSelectedOffset",value:function(t,e,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=t,r.selectedProperty=e,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach(function(t){t.selected=t.time===n}))}},{key:"deleteTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);r&&(r.keyframes=r.keyframes.filter(function(t){return t.id!=n}))}},{key:"removeTimelineProperty",value:function(t,e){var n=this.getTimelineObject(t);n&&(n.properties=n.properties.filter(function(t){return t.property!=e}))}},{key:"removeTimeline",value:function(t){var e=this.getSelectedTimeline();e&&(e.animations=e.animations.filter(function(e){return e.id!=t}))}},{key:"setTimelineKeyframeOffsetTime",value:function(t,e,n,r){var o=this.getTimelineKeyframeById(t,e,n);o&&(o.time=r,this.compiledTimingFunction(t,e))}},{key:"setTimelineKeyframeOffsetValue",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,a=this.getTimelineKeyframeById(t,e,n);a&&(C(i)&&(a.time=i),C(r)&&(a.value=r),C(o)&&(a.timing=o),this.compiledTimingFunction(t,e))}},{key:"addTimelineKeyframe",value:function(t){var e=t.layerId,n=t.property,r=t.value,o=t.timing,i=t.time,a=t.editor;this.addTimelineProperty(e,n);var c=this.getSelectedTimeline(),u=this.getTimelineProperty(e,n);if(u){var s=i||c.currentTime;if(!u.keyframes.filter(function(t){return t.time===s}).length){r=E(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:gt(),layerId:e,property:n,time:s,value:r,timing:o||"linear",editor:a};return u.keyframes.push(l),u.keyframes.sort(function(t,e){return t.time>e.time?1:-1}),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var o=this.getSelectedTimeline(),i=n||o.currentTime,a=r.keyframes.filter(function(t){return t.time<i}),c=this.getDefaultPropertyValue(e),u="linear";a.length&&(a.sort(function(t,e){return t.time>e.time?-1:1}),c=a[0].value+"",u=a[0].timing+"",editor=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:editor})}}},{key:"getTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find(function(t){return t.time===n})}},{key:"getTimelineKeyframeById",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find(function(t){return t.id===n})}},{key:"sortTimelineKeyframe",value:function(t,e){var n=this.getTimelineProperty(t,e);n&&(n.keyframes.sort(function(t,e){return t.time>e.time?1:-1}),this.compiledTimingFunction(t,e))}},{key:"setFps",value:function(t){var e=this.getSelectedTimeline();e&&(e.fps=t,e.currentTimecode=EH(t,e.currentTime),e.totalTimecode=EH(t,e.totalTime))}},{key:"toCloneObject",value:function(){return GX({},NX(KX(e.prototype),"toCloneObject",this).call(this),{timeline:L(this.json.timeline)})}}])&&XX(n.prototype,r),o&&XX(n,o),e}();function ZX(t){return(ZX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){JX(t,e,n[e])})}return t}function JX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tY(t,e){return!e||"object"!==ZX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function eY(t,e,n){return(eY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=nY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function nY(t){return(nY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rY(t,e){return(rY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),tY(this,nY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rY(t,e)}(e,UX),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return eY(nY(e.prototype),"getDefaultObject",this).call(this,qX({itemType:"artboard",name:"New ArtBoard",width:He.px(1e3),height:He.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return qX({},eY(nY(e.prototype),"toCloneObject",this).call(this),{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"toDefaultCSS",value:function(){return qX({},eY(nY(e.prototype),"toDefaultCSS",this).call(this))}}])&&QX(n.prototype,r),o&&QX(n,o),e}();function iY(t){return(iY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aY(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function cY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){uY(t,e,n[e])})}return t}function uY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function sY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lY(t,e){return!e||"object"!==iY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fY(t,e,n){return(fY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=pY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function pY(t){return(pY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hY(t,e){return(hY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var yY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),lY(this,pY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return fY(pY(e.prototype),"getDefaultObject",this).call(this,cY({itemType:"sphere",name:"New Sphere","line-count":5,"transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)"},t))}},{key:"getDefaultTitle",value:function(){return"Sphere"}},{key:"toCloneObject",value:function(){return cY({},fY(pY(e.prototype),"toCloneObject",this).call(this),{"line-count":this.json["line-count"]})}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),cY({},t,this.toKeyListCSS("position","right","bottom","width","height","opacity","transform-origin","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return cY({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toTransformCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=(e.value,n.value,cY({},this.toKeyListCSS("filter","mix-blend-mode"),this.toBackgroundImageCSS(),this.toBorderCSS(),this.toBorderRadiusCSS())),o=360/this.json["line-count"],i=F(this.json["line-count"]).map(function(t,e){var n=o*e,r=$e.checkHueColor(n/360);return{selector:"div:nth-child(".concat(e+1,")"),cssText:"\n          border-color: ".concat(r,";\n          background-color: ").concat(r,";\n          transform: rotateY(").concat(n,"deg);\n        ")}});return[{selector:"div",cssText:"\n          position: absolute;\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          opacity: 1;          \n          pointer-events: none;\n          border-radius: 50%;\n          will-change: transform;\n          backface-visibility: hidden;\n          border: 3px dashed ".concat("#333",";\n          ").concat(Y(r),"\n        ")}].concat(aY(i))}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t["line-count"];return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(F(r).map(function(t){return"<div></div>"}).join(""),"\n      </div>\n    ")}}])&&sY(n.prototype,r),o&&sY(n,o),e}();function dY(t){return(dY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bY(t,e){return!e||"object"!==dY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gY(t,e,n){return(gY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=mY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function mY(t){return(mY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wY(t,e){return(wY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),bY(this,mY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wY(t,e)}(e,kd),n=e,(r=[{key:"is",value:function(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return!!r.includes("component")||(t=gY(mY(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}])&&vY(n.prototype,r),o&&vY(n,o),e}();function OY(t){return(OY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SY(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function jY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){PY(t,e,n[e])})}return t}function PY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _Y(t,e){return!e||"object"!==OY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TY(t,e,n){return(TY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=EY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function EY(t){return(EY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function CY(t,e){return(CY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $Y=["front","back","left","right","bottom","top"],RY={"front.color":".front","back.color":".back","left.color":".left","right.color":".right","top.color":".top","bottom.color":".bottom","front.background":".front","back.background":".back","left.background":".left","right.background":".right","top.background":".top","bottom.background":".bottom"},VY={position:!0,right:!0,bottom:!0,width:!0,height:!0,opacity:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"background-clip":!0,"clip-path":!0,animation:!0,transition:!0,transform:!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"perspective-origin":!0,"offset-path":!0},AY={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},DY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_Y(this,EY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CY(t,e)}(e,kY),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return TY(EY(e.prototype),"getDefaultObject",this).call(this,jY({itemType:"cube",name:"New Cube","transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return["Color"].concat(SY($Y.map(function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}})),["Background"],SY($Y.map(function(t){return{key:"".concat(t,".background"),editor:"BackgroundImageEditor",editorOptions:{title:t},defaultValue:""}})))}},{key:"setCustomKeyframes",value:function(t,e){e.property.includes(".color")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(RY[e.property]),properties:[jY({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(RY[e.property]),properties:[jY({},e,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach(function(t){t.property.includes(".color")||t.property.includes(".background")?n.push(t):VY[t.property]?r.push(t):AY[t.property]&&o.push(t)});var i=[];return r.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),o.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:o}),n.length&&n.forEach(function(t){e.setCustomKeyframes(i,t)}),i}},{key:"toCloneObject",value:function(){var t=this,n={};return $Y.forEach(function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]}),jY({},TY(EY(e.prototype),"toCloneObject",this).call(this),n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),jY({},t,this.toKeyListCSS("position","right","bottom","width","height","opacity","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return jY({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=e.value/2,o=n.value/2,i=jY({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color"),this.toClipPathCSS(),this.toBackgroundImageCSS(),this.toBorderCSS());return[{selector:"div",cssText:"\n          position: absolute;\n          left: 0px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          opacity: 1;\n          pointer-events: none;\n          ".concat(Y(i),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";     \n          ").concat(t["front.color"]?"background-color: ".concat(t["front.color"],";"):"","\n          ").concat(t["front.background"]?"".concat(t["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";            \n          ").concat(t["back.color"]?"background-color: ".concat(t["back.color"],";"):"","                  \n          ").concat(t["back.background"]?"".concat(t["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";    \n          ").concat(t["left.color"]?"background-color: ".concat(t["left.color"],";"):"","                          \n          ").concat(t["left.background"]?"".concat(t["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(r,"px);\n          width: ").concat(e,";\n          height: ").concat(n,";      \n          ").concat(t["right.color"]?"background-color: ".concat(t["right.color"],";"):"","                        \n          ").concat(t["right.background"]?"".concat(t["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(o,"px);\n          top: ").concat(o-r,"px;\n          width: ").concat(e,";\n          height: ").concat(e,";\n          ").concat(t["top.color"]?"background-color: ".concat(t["top.color"],";"):"","      \n          ").concat(t["top.background"]?"".concat(t["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(o,"px);\n          top: ").concat(o-r,"px;          \n          width: ").concat(e,";\n          height: ").concat(e,";    \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        ").concat($Y.map(function(t){return"<div class='".concat(t,"'></div>")}).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y;t.src;r=r.value,o=o.value;var i=this.toCSS(),a=this.toNestedCSS(),c={},u=a.find(function(t){return"div"===t.selector})||{cssText:""};return u=u.cssText.replace(/\n/g,""),$Y.forEach(function(t){c[t]=a.find(function(e){return e.selector==="."+t})||{cssText:""},c[t]=c[t].cssText.replace(/\n/g,"")}),delete i.left,delete i.top,"absolute"===i.position&&delete i.position,'\n    <g transform="translate('.concat(r,", ").concat(o,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Y(i),'">\n            ').concat($Y.map(function(t){return"<div class='front' style=\"".concat(u,";").concat(c[t],'"></div>')}).join(""),"          \n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}])&&xY(n.prototype,r),o&&xY(n,o),e}();function IY(t){return(IY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){LY(t,e,n[e])})}return t}function LY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function BY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zY(t,e){return!e||"object"!==IY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function FY(t,e,n){return(FY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=GY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function GY(t){return(GY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HY(t,e){return(HY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),zY(this,GY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return FY(GY(e.prototype),"getDefaultObject",this).call(this,MY({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return MY({},FY(GY(e.prototype),"toCloneObject",this).call(this),{src:this.json.src+""})}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.json.src;if(e){t.attr("src",n);var r=t.parent().$('[data-id="'.concat(this.innerSVGId,'"]'));if(r)r.$("defs").html(this.toDefInnerString);else t.parent().prepend(Ke.createByHTML(this.toDefString))}}},{key:"toSVG",value:function(t,e){var n=this.json,r=n.width,o=n.height,i=n.src,a=this.toCSS();return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:r.value,height:o.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <img style="').concat(Y(a),'" src="').concat(i,' "/>\n        </div>\n      </foreignObject>    \n    </g>\n')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.src,r=t.itemType;return"<img class='element-item ".concat(r,"' data-id=\"").concat(e,"\" src='").concat(n,"' />")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&BY(n.prototype,r),o&&BY(n,o),e}();function YY(t){return(YY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){KY(t,e,n[e])})}return t}function KY(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function WY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UY(t,e){return!e||"object"!==YY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZY(t,e,n){return(ZY="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qY(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function qY(t){return(qY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JY(t,e){return(JY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QY=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UY(this,qY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JY(t,e)}(e,kd),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ZY(qY(e.prototype),"getDefaultObject",this).call(this,NY({itemType:"text",name:"New Text",elementType:"p",content:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toCloneObject",value:function(){return NY({},ZY(qY(e.prototype),"toCloneObject",this).call(this),{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toNestedCSS",value:function(){return[{selector:"> *",cssText:"\n          pointer-events: none;\n        "}]}},{key:"toSVG",value:function(t,e){var n=this.json,r=n.width,o=n.height,i=n.content,a=this.toCSS();return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,a.margin=a.margin||"0px",'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(Y(a),'" >').concat(i,"</p>\n        </div>\n      </foreignObject>    \n    </g>\n")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.content;return"<p class='element-item ".concat(n,'\' contenteditable="true" data-id="').concat(e,'">').concat(r,"</p>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&WY(n.prototype,r),o&&WY(n,o),e}();function tN(t){return(tN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){nN(t,e,n[e])})}return t}function nN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oN(t,e){return!e||"object"!==tN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iN(t,e,n){return(iN="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=aN(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function aN(t){return(aN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cN(t,e){return(cN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),oN(this,aN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cN(t,e)}(e,zb),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return iN(aN(e.prototype),"getDefaultObject",this).call(this,eN({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:He.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:He.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new Xd(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone(),this.cachePath=this.json.path.clone()}},{key:"recover",value:function(){var t=this.json.width.value/this.rect.width.value,e=this.json.height.value/this.rect.height.value;this.scale(t,e)}},{key:"scale",value:function(t,e){this.json.d=this.cachePath.clone().scaleTo(t,e),this.json.path.reset(this.json.d)}},{key:"convert",value:function(t){return(t=iN(aN(e.prototype),"convert",this).call(this,t)).d&&(t.path=new Xd(t.d)),t.textLength=He.parse(t.textLength),t.startOffset=He.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return eN({},iN(aN(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,startOffset:"".concat(t.startOffset)})}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter(function(t){return yc(t.property)}),n=t.filter(function(t){return dc(t.property)}),r=t.filter(function(t){return vc(t.property)});return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:r},{selector:'[data-id="'.concat(this.json.id,'"] textPath'),properties:e},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:n}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.$("path");if(n.attr("d",this.json.d),e){var r=t.$("textPath");r.text(this.json.text),r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust,startOffset:this.json.startOffset}),this.updateDefString(t)}this.json.totalLength=n.totalLength}},{key:"toSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.json,r=n.textLength,o=n.lengthAdjust,i=n.startOffset;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(K(eN({class:"svg-textpath-item"},this.toSVGAttribute(),{style:Y(this.toSVGCSS())}))," >\n        <textPath ").concat(K({"xlink:href":"#".concat(this.toPathId),textLength:r,lengthAdjust:o,startOffset:i})," >").concat(this.json.text,"</textPath>\n      </text>\n    </g>")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toPathSVG,"\n        ").concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n    ")}},{key:"toPathId",get:function(){return this.getInnerId("path")}},{key:"toPathSVG",get:function(){return"\n    <path ".concat(K({class:"svg-path-item",id:this.toPathId,d:this.json.d,fill:"none"})," />\n    ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust,o=t.startOffset;return"\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(K({class:"svg-textpath-item"})," >\n        <textPath ").concat(K({"xlink:href":"#".concat(this.toPathId),textLength:n,lengthAdjust:r,startOffset:o})," >").concat(this.json.text,"</textPath>\n    </text>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&rN(n.prototype,r),o&&rN(n,o),e}();function sN(t){return(sN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lN(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function fN(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function pN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){hN(t,e,n[e])})}return t}function hN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dN(t,e){return!e||"object"!==sN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vN(t,e,n){return(vN="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bN(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function bN(t){return(bN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gN(t,e){return(gN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mN={position:!0,right:!0,bottom:!0,width:!0,height:!0,opacity:!0,"text-fill-color":!0,"text-stroke-color":!0,"text-stroke-width":!0,"background-clip":!0,"clip-path":!0,animation:!0,transition:!0,transform:!0,"transform-origin":!0,"transform-style":!0,perspective:!0,"perspective-origin":!0,"offset-path":!0},wN={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},kN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),dN(this,bN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gN(t,e)}(e,kY),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return vN(bN(e.prototype),"getDefaultObject",this).call(this,pN({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d",transform:"rotateX(10deg) rotateY(30deg)",count:He.number(40),border:"border-top: 1px solid black;border-bottom: 1px solid black;"},t))}},{key:"getProps",value:function(){var t=this.json.count.value;return["Side",{key:"count",editor:"NumberRangeEditor",editorOptions:{label:"Side Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},"Color"].concat(fN(F(t).map(function(t,e){return{key:"face.".concat(e,".color"),editor:"ColorViewEditor",editorOptions:{label:"face ".concat(e),params:"face.".concat(e,".color")},defaultValue:"rgba(0, 0, 0, 1)"}})),["Background"],fN(F(t).map(function(t,e){return{key:"face.".concat(e,".background"),editor:"BackgroundImageEditor",editorOptions:{title:"face ".concat(e)},defaultValue:""}})))}},{key:"setCustomKeyframes",value:function(t,e){if(e.property.includes(".color")){var n=lN(e.property.split("."),3),r=(n[0],n[1]);n[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[pN({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var o=lN(e.property.split("."),3);o[0],r=o[1],o[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[pN({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach(function(t){t.property.includes("face")?n.push(t):mN[t.property]?r.push(t):wN[t.property]&&o.push(t)});var i=[];return r.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),o.length&&i.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:o}),n.length&&n.forEach(function(t){e.setCustomKeyframes(i,t)}),i}},{key:"convert",value:function(t){return(t=vN(bN(e.prototype),"convert",this).call(this,t)).count=He.parse(t.count),t}},{key:"toCloneObject",value:function(){var t=this,n={};return F(this.json.count.value).forEach(function(e,r){n["face.".concat(r,".color")]=t.json["face.".concat(r,".color")],n["face.".concat(r,".background")]=t.json["face.".concat(r,".background")]}),pN({},vN(bN(e.prototype),"toCloneObject",this).call(this),{count:this.json.count.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"toDefaultCSS",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),pN({},t,this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return pN({},this.toVariableCSS(),this.toDefaultCSS(t),this.toWebkitCSS(),this.toBoxModelCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=this.cylinderInfo,o=r.angle,i=r.r,a=r.faceWidth,c=pN({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),this.toBackgroundImageCSS(),this.toBorderCSS(),this.toClipPathCSS()),u=F(e).map(function(e,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(i,"px);\n          ").concat(t[a]&&"background-color: ".concat(t[a],";"),"\n          ").concat(t[c]&&"".concat(t[c],";"),"\n        ").trim()}});return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-a/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(a,"px;\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Y(c),"\n        ").trim()}].concat(fN(u))}},{key:"updateFunction",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if((vN(bN(e.prototype),"updateFunction",this).call(this,t,n),n)&&+t.attr("data-count")!==this.json.count.value){t.$$(".face").forEach(function(t){return t.remove()});var r=F(this.json.count.value).map(function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')}).join("");t.appendHTML(r),t.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var t=this.json.width.value,e={x:a=t/2,y:t/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var o=360/r,i=0;i<360;i+=o)n.push(pt(i,a,e.x,e.y));var a,c=Math.ceil(ht(n[0].x,n[0].y,n[1].x,n[1].y)),u={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:c,angle:o,r:a=Math.ceil(ht(u.x,u.y,e.x,e.y))}}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=this.json.count.value;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'" data-count="').concat(r,'">\n        ').concat(this.toDefString,"\n        ").concat(F(r).map(function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')}).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y;r=r.value,o=o.value;var i=this.toCSS(),a=this.toNestedCSS(),c=this.json.count.value,u=a.find(function(t){return".face"===t.selector})||{cssText:""};u=u.cssText.replace(/\n/g,"");var s=F(c).map(function(t,e){return a[e+1].cssText.replace(/\n/g,"")});return delete i.left,delete i.top,"absolute"===i.position&&delete i.position,'\n    <g transform="translate('.concat(r,", ").concat(o,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(K({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Y(i),'">\n            ').concat(F(c).map(function(t,e){return"<div class='face' data-index=\"".concat(e,"\" style='").concat(u,";").concat(s[e],";'></div>")}).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}])&&yN(n.prototype,r),o&&yN(n,o),e}();function ON(t){return(ON="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SN(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function jN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){PN(t,e,n[e])})}return t}function PN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _N(t,e){return!e||"object"!==ON(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TN(t){return(TN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EN(t,e){return(EN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),_N(this,TN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EN(t,e)}(e,_r),n=e,(r=[{key:"refreshSelection",value:function(){this.emit("refreshAll"),this.emit("hideSubEditor"),this.emit("refreshSelection"),this.emit("refreshSelectionTool"),this.emit("noneSelectMenu")}},{key:xr("add.type"),value:function(t){this.emit("hideSubEditor"),pl.changeAddType(t),this.emit("after.change.mode")}},{key:xr("new.layer"),value:function(t,e){this.trigger("add.".concat(t),e),pl.changeMode(fl),this.emit("after.change.mode")}},{key:xr("select.item"),value:function(){pl.changeMode(fl),this.emit("after.change.mode")}},{key:xr("add.layer"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=pl.selection.current||pl.selection.currentArtboard;r?(r.enableHasChildren()||(r=r.parent),r.add(t),n.x&&t.setScreenX(n.x.value),n.y&&t.setScreenY(n.y.value),pl.selection.select(t),this.refreshSelection()):(this.trigger("add.artboard"),setTimeout(function(){e.trigger("add.layer",t,n)},50))}},{key:xr("add.project"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pl.add(new sl(jN({},t)));pl.selection.selectProject(e),this.refreshSelection()}},{key:xr("add.artboard"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pl.selection.currentProject;e||(e=pl.add(new sl),pl.selection.selectProject(e));var n=e.add(new oY(jN({x:He.px(300),y:He.px(300),width:He.px(300),height:He.px(600)},t)));pl.selection.selectArtboard(n),pl.selection.select(n),this.refreshSelection()}},{key:xr("add.rect"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new kd(jN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.svgrect"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new Ub(jN({width:He.px(100),height:He.px(100),d:Nd.makeRect(0,0,t.width.value,t.height.value)},t)),t)}},{key:xr("add.svgtextpath"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new uN(jN({width:He.px(100),height:He.px(100),text:"Insert a newText","font-size":He.parse(t.height),textLength:"100%",d:Nd.makeLine(0,t.height.value,t.width.value,t.height.value)},t)),t)}},{key:xr("add.svgcircle"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new Ub(jN({width:He.px(100),height:He.px(100),d:Nd.makeCircle(0,0,t.width.value,t.height.value)},t)),t)}},{key:xr("add.circle"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new kd(jN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random(),"border-radius":He.percent(100)})),t)}},{key:xr("add.text"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new QY(jN({content:"Insert a text",width:He.px(300),height:He.px(50)},t,{"font-size":He.px(30)})),t)}},{key:xr("add.image"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new XY(jN({},t)),t)}},{key:xr("add.cube"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new DY(jN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.cylinder"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new kN(jN({width:He.px(100),height:He.px(100)},t,{"background-color":Ee.random()})),t)}},{key:xr("add.sphere"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.trigger("add.layer",new yY(jN({width:He.px(100),height:He.px(100)},t,{"line-count":10,"background-color":Ee.random()})),t)}},{key:xr("convert.path"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=pl.selection.current;if(n)if(n.is("svg-path","svg-textpath")){var r=t;if(e){var o=new Xd(t);o.scale(n.width.value/e.width,n.height.value/e.height),r=o.d}n.updatePathItem({d:r}),pl.selection.select(n),this.emit("refreshSelectionStyleView")}else n["clip-path"].includes("path")}},{key:xr("add.path"),value:function(){this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPathEditor","draw")}},{key:xr("open.polygon.editor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"updatePolygonItem",n=pl.selection.current;n&&this.emit("showPolygonEditor","draw",{changeEvent:e,current:n,points:t,screenX:n.screenX,screenY:n.screenY,screenWidth:n.screenWidth,screenHeight:n.screenHeight})}},{key:xr("open.path.editor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"updatePathItem",n=pl.selection.current;n&&this.emit("showPathEditor","draw",{changeEvent:e,current:n,d:t,screenX:n.screenX,screenY:n.screenY,screenWidth:n.screenWidth,screenHeight:n.screenHeight})}},{key:xr("add.polygon"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"draw";this.emit("hideSubEditor"),pl.selection.empty(),this.emit("initSelectionTool"),this.emit("showPolygonEditor",t)}},{key:xr("add.star"),value:function(){this.trigger("add.polygon","star")}},{key:xr("select.by.id"),value:function(t){pl.selection.selectById(t),this.refreshSelection()}},{key:xr("resize.artboard"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=pl.selection.currentArtboard;if(e&&e.is("artboard")){if(!t.trim())return;var n=SN(t.split("x"),2),r=n[0],o=n[1];r=He.px(r),o=He.px(o),e.reset({width:r,height:o}),pl.selection.select(e),this.refreshSelection()}}}])&&xN(n.prototype,r),o&&xN(n,o),e}();function $N(t){return($N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){VN(t,e,n[e])})}return t}function VN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function AN(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function DN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IN(t,e){return!e||"object"!==$N(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MN(t){return(MN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LN(t,e){return(LN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BN={project:sl,artboard:oY,layer:kd,text:QY,image:XY,"svg-path":Ub,"svg-polygon":Qg},zN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),IN(this,MN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LN(t,e)}(e,_r),n=e,(r=[{key:"refreshSelection",value:function(){this.emit("refreshAll"),this.emit("hideSubEditor"),this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:xr("download.file"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"easylogic.json",n=document.createElement("a");n.href=t,n.download=e,n.click()}},{key:xr("download.json"),value:function(t){var e=JSON.stringify(pl.projects),n="data:application/json;base64,"+window.btoa(e);this.trigger("download.file",n,t||"easylogic.json")}},{key:xr("download.to.svg"),value:function(){var t=pl.selection.current||pl.selection.currentArtboard,e=_w.generateSVG(t).trim(),n="data:image/svg+xml;base64,"+window.btoa(e),r=t.id;this.trigger("download.file",n,r)}},{key:xr("create.image.png"),value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ke.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}},{key:xr("download.to.png"),value:function(){var t=this,e=pl.selection.current||pl.selection.currentArtboard,n=_w.generateSVG(e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;this.trigger("load.original.image",{local:r},function(e,n){t.trigger("create.image.png",n,function(e){t.trigger("download.file",e,o)},"image/png")})}},{key:xr("save.json"),value:function(){!function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),gc(e))}("projects",pl.projects)}},{key:xr("load.json"),value:function(t){var e,n=(t=t||(e="projects",mc(window.localStorage.getItem("easylogic.studio.".concat(e))))).map(function(t){return function t(e){return e.layers=e.layers.map(function(e){return t(e)}),new BN[e.itemType](e)}(t)});if(n.forEach(function(t){t.artboards.forEach(function(t){t.selectTimeline()})}),n.length){var r=n[0];if(pl.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];pl.selection.selectArtboard(o),o.layers.length?pl.selection.select(o.layers[0]):pl.selection.select(o)}}pl.load(n),this.refreshSelection()}},{key:xr("copy"),value:function(){pl.selection.copy()}},{key:xr("paste"),value:function(){pl.selection.paste(),this.emit("refreshAll")}},{key:xr("keyup.canvas.view"),value:function(t){var e=this.getAddCommand(t);this.trigger.apply(this,AN(e))}},{key:"getAddCommand",value:function(t){switch(t){case"1":return["add.type","rect"];case"2":return["add.type","circle"];case"3":return["add.type","text"];case"4":return["add.type","image"];case"5":return["add.type","cube"];case"6":return["add.type","svgrect"];case"7":return["add.path"];case"8":return["add.polygon"];case"9":return["add.star"]}}},{key:xr("switch.theme"),value:function(){"dark"===pl.theme?pl.changeTheme("light"):pl.changeTheme("dark"),this.emit("changeTheme")}},{key:xr("show.exportView"),value:function(){this.emit("showExportWindow")}},{key:xr("update.scale"),value:function(t){pl.scale=t,this.emit("changeScale")}},{key:xr("drop.items"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.trigger("update.resource",t)}},{key:xr("drop.image.url"),value:function(t){var e=this;this.trigger("load.original.image",{local:t},function(t){e.emit("add.image",RN({src:t.local},t)),pl.changeMode(fl),e.emit("after.change.mode")})}},{key:xr("load.original.image"),value:function(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:He.px(n.naturalWidth),naturalHeight:He.px(n.naturalHeight),width:He.px(n.naturalWidth),height:He.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}},{key:xr("add.assets.image"),value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=pl.selection.currentProject;r&&(r.createImage(t),this.emit("addImageAsset"),this.trigger("load.original.image",t,function(r){e.emit("add.image",RN({src:t.local},r,n)),pl.changeMode(fl),e.emit("after.change.mode")}))}},{key:xr("add.assets.svgfilter"),value:function(t){var e=pl.selection.currentProject;if(e){var n=gt(),r=e.createSVGFilter({id:n,filters:[]});t&&t(r,n)}}},{key:xr("update.uri-list"),value:function(t){var e=t.data;if(e.indexOf("data:")>-1){var n=ac.parse(e,!0);switch(n.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":this.trigger("add.assets.image",{id:gt(),type:n.mimeType,name:"",original:e,local:n.local})}}else{var r=t.data.split(".").pop(),o=t.data.split("/").pop();switch(r){case"png":case"jpg":case"gif":case"svg":this.trigger("add.assets.image",{id:gt(),type:"image/"+r,name:o,original:t.data,local:t.data})}}}},{key:xr("update.image"),value:function(t,e){var n=this,r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(t);n.trigger("add.assets.image",{id:gt(),type:t.type,name:t.name,original:o,local:i},e)},r.readAsDataURL(t)}},{key:xr("remove.asset.image"),value:function(t){URL.revokeObjectURL(t)}},{key:xr("update.asset.image"),value:function(t,e){var n=this,r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(t),a=pl.selection.currentProject;a&&(a.createImage({id:gt(),type:t.type,name:t.name,original:o,local:i}),n.emit("addImageAsset"),I(e)&&e(i))},r.readAsDataURL(t)}},{key:xr("update.resource"),value:function(t){var e=this;t.forEach(function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.trigger("update.image",n);break;case"text/plain":case"text/html":t.length&&e.trigger("add.text",{content:n.data});break;case"text/uri-list":e.trigger("update.uri-list",n)}})}}])&&DN(n.prototype,r),o&&DN(n,o),e}();function FN(t){return(FN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HN(t,e){return!e||"object"!==FN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XN(t){return(XN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YN(t,e){return(YN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),HN(this,XN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YN(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{TimelineCommand:MH,ObjectCommand:CN,ToolCommand:zN}}},{key:"template",value:function(){return"\n        <div>\n            <TimelineCommand />\n            <ObjectCommand />\n            <ToolCommand />\n        </div>\n        "}}])&&GN(n.prototype,r),o&&GN(n,o),e}();function KN(t){return(KN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function UN(t,e){return!e||"object"!==KN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZN(t){return(ZN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qN(t,e){return(qN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var JN=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),UN(this,ZN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qN(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n      <div class='window-background'>\n        <div class='window ".concat(this.getClassName(),"'>\n            <div class='window-title' ref=\"$title\">\n                <label>").concat(this.getTitle(),'</label>\n                <span class="tools">\n                  ').concat(this.getTools(),"\n                  <button type='button' class='close' ref='$close'>").concat(wm.close,"</button>\n                </span>\n            </div>\n            <div class='window-body'>").concat(this.getBody(),"</div>\n        </div>\n      </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:rn("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Pr("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&WN(n.prototype,r),o&&WN(n,o),e}();function QN(t){return(QN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eK(t,e){return!e||"object"!==QN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nK(t){return(nK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rK(t,e){return(rK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oK={ExportWindow:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eK(this,nK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rK(t,e)}(e,JN),n=e,(r=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item" data-value="1">\n                    <label>HTML</label>\n                </div>\n                <div class="tab-item" data-value="2">\n                    <label>CSS</label>\n                </div>   \n                <div class="tab-item" data-value="3">\n                    <label>SVG</label>\n                </div>                                     \n                <div class="tab-item" data-value="4">\n                    <label>Assets</label>\n                </div>\n                <div class="tab-item" data-value="5">\n                    <label>Animation Player</label>\n                </div>                                                                                  \n                <div class="tab-item" data-value="6">\n                    <label>SVG Image</label>\n                </div>     \n                <div class="tab-item" data-value="7">\n                    <label>SVG Image Preview</label>\n                </div>                        \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content" data-value="1">\n                    <pre ref=\'$html\'></pre>\n                </div>\n                <div class=\'tab-content\' data-value=\'2\'>\n                    <pre ref=\'$css\'></pre>\n                </div>                        \n                <div class=\'tab-content\' data-value=\'3\'>\n                    <pre ref=\'$svg\'></pre>\n                </div>\n                <div class="tab-content" data-value="4">\n                    <pre ref=\'$assets\'></pre>\n                </div>\n                <div class="tab-content" data-value="5">\n                    <pre ref=\'$js\'></pre>\n                </div>     \n                <div class="tab-content" data-value="6">\n                    <pre ref=\'$svgimage\'></pre>\n                </div>                                                                       \n                <div class="tab-content" data-value="7">\n                    <div ref=\'$svgimagePreview\'></div>\n                </div>                                                       \n            </div>\n      </div>\n        '}},{key:Pr("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=pl.selection.currentProject||{layers:[]},n="\n".concat(this.makeStyle(e),"\n").concat(e.artboards.map(function(e){return t.makeStyle(e).replace(/\n/g,"\n\t")}).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(e.artboards.map(function(t){return t.html}).join("\n"),"\n        ");this.refs.$html.text(r);var o=_w.generate();if(this.refs.$js.text(o.js),pl.selection.currentArtboard){var i=_w.generateSVG(pl.selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(Ke.createByHTML(i))}else this.refs.$svgimage.empty(),this.refs.$svgimagePreview.empty()}},{key:"makeProjectStyle",value:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n        :root {\n            ".concat(Y(n),"\n        }\n\n        /* keyframe */\n        ").concat(e,"\n        ")}},{key:"makeStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateView("[data-id='".concat(t.id,"']"));return"\n        ".concat(n,"\n        ")+t.layers.map(function(t){return e.makeStyle(t)}).join("")}},{key:rn("$header .tab-item"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value"))}}])&&tK(n.prototype,r),o&&tK(n,o),e}()};function iK(t){return(iK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cK(t,e){return!e||"object"!==iK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uK(t){return(uK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sK(t,e){return(sK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cK(this,uK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='add-image-button'>\n            <input type='file' accept='image/*' multiple=\"true\" ref='$file' class='embed-file-input'/>\n        </div>\n        "}},{key:hn("$file"),value:function(t){var e=this;this.refs.$file.files.forEach(function(t){e.emit("update.image",t,e.state.rect)})}},{key:Pr("addImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}}])&&aK(n.prototype,r),o&&aK(n,o),e}();function fK(t){return(fK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pK(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function hK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yK(t,e){return!e||"object"!==fK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dK(t){return(dK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vK(t,e){return(vK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bK={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},gK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),yK(this,dK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vK(t,e)}(e,_r),n=e,(r=[{key:Pr("refreshCanvas","refreshSelection","refreshSelectionStyleView")+An(1e3),value:function(){this.refresh()}},{key:"makePropertySelect",value:function(){return"\n          <select class='property-select'>\n            <optgroup label='--'>\n              <option value='var'>var</option>\n            </optgroup>            \n            <optgroup label='Motion'>\n              <option value='offset-distance'>offset-distance</option>\n            </optgroup>      \n            <optgroup label='Size'>\n              <option value='width'>width</option>\n              <option value='height'>height</option>\n            </optgroup>      \n            <optgroup label='Box Model'>\n              <option value='margin-left'>margin-left</option>\n              <option value='margin-right'>margin-right</option>\n              <option value='margin-bottom'>margin-bottom</option>\n              <option value='margin-top'>margin-top</option>\n              <option value='padding-left'>padding-left</option>\n              <option value='padding-right'>padding-right</option>\n              <option value='padding-bottom'>padding-bottom</option>\n              <option value='padding-top'>padding-top</option>       \n            </optgroup>\n            <optgroup label='Border'>\n              <option value='border'>border</option>\n              <option value='border-top'>border-top</option>\n              <option value='border-bottom'>border-bottom</option>\n              <option value='border-left'>border-left</option>\n              <option value='border-right'>border-right</option>\n            </optgroup>\n            <optgroup label='Border Radius'>\n              <option value='border-radius'>border-radius</option>\n            </optgroup>        \n            <optgroup label='Style'>\n              <option value='background-color'>background-color</option>\n              <option value='background-image'>background-image</option>\n              <option value='box-shadow'>box-shadow</option>\n              <option value='text-shadow'>text-shadow</option>\n              <option value='filter'>filter</option>      \n              <option value='backdrop-filter'>backdrop-filter</option>          \n            </optgroup>            \n            <optgroup label='Transform'>\n              <option value='transform'>transform</option>\n              <option value='transform-origin'>transform-origin</option>\n              <option value='perspective'>perspective</option>\n              <option value='perspective-origin'>perspective-origin</option>\n            </optgroup>\n            <optgroup label='Font'>\n              <option value='font-size'>font-size</option>\n            </optgroup>\n          </select>\n        "}},{key:"makeTimelineObjectRow",value:function(t){var e=pl.selection.currentArtboard,n=e.searchById(t.id);if(n){var r=pl.timeline.checkLayer(n.id),o=e.searchById(n.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(n.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(r,"' data-layer-id='").concat(n.id,"' data-property=''>\n                <div class='icon'>").concat(wm.chevron_right,"</div>\n                <div class='title'> ").concat(n.name,"</div>\n                <div class='tools'>\n                    \x3c!--").concat(this.makePropertySelect()," --\x3e\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(n.id,"'>").concat(wm.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map(function(t){var e=pl.timeline.checkProperty(n.id,t.property);return"\n                <div class='timeline-object-row layer-property' data-selected='".concat(e,"' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'>\n                <div class='icon'></div>                    \n                    <div class='title'>").concat(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return bK[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?o.totalLength:"","\n                      ").concat("points"===t.property?o.totalLength:"","\n                      \x3c!--<input type='text' data-property='").concat(t.property,"' data-layer-id=\"").concat(n.id,"\" value='' /> --\x3e\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'>").concat(wm.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(n.id,"' data-property='").concat(t.property,"'></button>\n                    </div>\n                </div>")}).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-object-list'></div>\n        "}},{key:zn()+Vn,value:function(){var t=this,e=pl.selection.currentArtboard;if(!e)return"";var n=e.getSelectedTimeline();return n?n.animations.map(function(e){return t.makeTimelineObjectRow(e)}):""}},{key:"refreshSelection",value:function(){var t=this;this.$el.$$('[data-selected="true"]').forEach(function(t){t.attr("data-selected","false")}),pl.timeline.each(function(e){var n=t.$el.$('[data-layer-id="'.concat(e.layerId,'"][data-property="').concat(e.property,'"]'));n&&n.attr("data-selected","true")})}},{key:rn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$delegateTarget.closest("timeline-object");e.toggleClass("collapsed");var n=t.$delegateTarget.closest("timeline-object-row").attr("data-layer-id");this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed")),pl.timeline.selectLayer(n),this.refreshSelection()}},{key:rn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$delegateTarget.closest("timeline-object-row").$(".property-select").val(),n=t.$delegateTarget.attr("data-layer-id");if(e){var r=pl.selection.current;this.emit("add.timeline.property",{layerId:n,property:e,value:r[e]})}}},{key:rn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id");e&&this.emit("remove.timeline",e)}},{key:rn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id"),n=t.$delegateTarget.attr("data-property");n&&this.emit("copy.timeline.property",e,n)}},{key:rn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$delegateTarget.attr("data-layer-id"),n=t.$delegateTarget.attr("data-property");n&&this.emit("remove.timeline.property",e,n)}},{key:rn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=pK(t.$delegateTarget.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];pl.timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Pr("refreshTimeline"),value:function(){this.refresh()}}])&&hK(n.prototype,r),o&&hK(n,o),e}();function mK(t){return(mK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function kK(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function OK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SK(t,e){return!e||"object"!==mK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jK(t){return(jK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function PK(t,e){return(PK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var xK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),SK(this,jK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PK(t,e)}(e,_r),n=e,(r=[{key:"config",value:function(t){return this.parent.state[t]}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return He.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=pl.selection.currentArtboard,o=kK(e.split(",").map(function(t){return t.trim()}),1)[0];e=r.searchById(o).d}else e=null;if(e){var i=EX(new Xd(e).segments),a=i.totalLength,c=i.interpolateList,u=0;(n=c.map(function(t){var e={totalLength:a,length:t.length+u};return u+=t.length,e})).pop()}return n}},{key:"makeKeyframe",value:function(t,e,n){var r=this,o=n.keyframes.filter(function(t){return e.displayStartTime<=t.time&&t.time<=e.displayEndTime}).map(function(t,o){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){wK(t,e,n[e])})}return t}({left:r.calculateTimeToPosition(t.time,e.displayStartTime,e.displayEndTime)},t,{subOffset:r.makeSubOffset(n.property,t.value),index:o})});return"\n        <div class='keyframe-back'".concat(K({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map(function(e,r){var i=o[r+1];if(!i)return"";var a=He.px(e.left.value),c=He.px(i.left.value-e.left.value),u=pl.timeline.checked(e.id)&&pl.timeline.checked(i.id);return"\n                    <div ".concat(K({"data-selected":"".concat(u),class:{"offset-line":!0}})," style='left: ").concat(a,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(e.subOffset.map(function(r,o){var i=He.px(e.left.value+r.length/r.totalLength*c.value);return"\n                        <div class='".concat(W({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(K({"data-offset-id":e.id,"data-layer-id":t,"data-property":n.property,"data-suboffset-index":o})," ></div>\n        \n                        ")}).join(""),"\n                ")}).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(o.map(function(e){var r=pl.timeline.checked(e.id);return"<div class='".concat(W({offset:!0}),"' style='left: ").concat(e.left,"' ").concat(K({"data-selected":"".concat(r),"data-offset-id":e.id,"data-layer-id":t,"data-property":n.property,"data-offset-index":e.index})," ></div>\n\n                ")}).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(t,e){var n=this,r=pl.selection.currentArtboard.searchById(e.id);if(r){var o={};e.properties.map(function(t){return t.keyframes.map(function(t){return t.time})}).forEach(function(t){t.forEach(function(t){return o[t]=!0})});var i=Object.keys(o).map(function(t){return+t});return"\n        <div class='timeline-keyframe' data-timeline-layer-id=\"".concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(K({"data-row-index":this.state.rowIndex++,"data-layer-id":r.id})," >\n                <div class='keyframe-shadow'>\n                ").concat(i.map(function(e){var r=n.calculateTimeToPosition(e,t.displayStartTime,t.displayEndTime);return"<div class='offset' style='left: ".concat(r,"'></div>")}).join(""),"\n                </div>\n            </div>\n\n            ").concat(e.properties.map(function(e){return"\n                <div class='timeline-keyframe-row layer-property' ".concat(K({"data-row-index":n.state.rowIndex++,"data-property":e.property,"data-layer-id":r.id})," >\n                    ").concat(e.keyframes.length?n.makeKeyframe(r.id,t,e):"","\n                </div>")}).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-keyframe-container' tabIndex=\"-1\">\n                <div ref='$keyframeList' class='timeline-keyframe-list'></div>\n                <div class='drag-area' ref='$dragArea'></div>\n            </div>\n        "}},{key:"hasDragPlace",value:function(t){var e=Ke.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=E(t)?this.state.rowIndex:+t}},{key:un("$el")+Cn("Backspace"),value:function(t){this.emit("delete.timeline.keyframe")}},{key:kn("$el")+En("hasDragPlace")+In("moveDragArea")+Mn("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(Ke.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){var n=t<0?He.px(this.dragXY.x+t):He.px(this.dragXY.x),r=e<0?He.px(this.dragXY.y+e):He.px(this.dragXY.y),o=He.px(Math.abs(t)),i=He.px(Math.abs(e));this.refs.$dragArea.css({left:n,top:r,width:o,height:i}),this.left=n,this.width=o}},{key:"getLayerList",value:function(){for(var t=this.getRowIndex(Ke.create(pl.config.get("bodyEvent").target).attr("data-row-index")),e=Math.min(t,this.startRowIndex),n=Math.max(t,this.startRowIndex),r=[],o=e;o<=n;o++)r.push('[data-row-index="'.concat(o,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map(function(t){var e=kK(t.attrs("data-layer-id","data-property"),2);return{layerId:e[0],property:e[1]}})}},{key:"getTime",value:function(t,e,n){return t+(e-t)*n}},{key:"moveEndDragArea",value:function(t,e){if(this.left){this.refs.$dragArea.css({left:null,top:null,width:null,height:null});var n=this.$el.width(),r=this.getTimeRateByPosition(this.left.value/n),o=this.getTimeRateByPosition((this.left.value+this.width.value)/n);pl.timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(pl.timeline.empty(),this.refresh())}},{key:zn("$keyframeList")+Vn,value:function(){var t=this,e=pl.selection.currentArtboard;if(!e)return"";var n=e.getSelectedTimeline();if(!n)return"";var r=this.$el.rect().width-20;return this.rect={totalWidth:r,startX:10},this.state.rowIndex=0,n.animations.map(function(e){return t.makeTimelineKeyframeRow(n,e)})}},{key:rn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$delegateTarget.closest("timeline-keyframe").toggleClass("collapsed")}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"getRealPosition",value:function(t){var e=this.$el.rect(),n={x:t.xy.x-e.left,width:e.width,y:t.xy.y-e.top,height:e.height},r=n.width-10;return n.x<10&&(n.x=10),n.x>r&&(n.x=r),n.rate=(n.x-10)/(r-10),n}},{key:"getTimeRateByPosition",value:function(t){var e=this.currentTimeline;if(e){var n=e.displayStartTime,r=e.displayEndTime;return this.getTime(n,r,t)}return 0}},{key:on("$el .timeline-keyframe-row.layer-property"),value:function(t){var e=kK(t.$delegateTarget.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("add.timeline.keyframe",{layerId:n,property:r,time:o}),this.refresh(),this.doubleClicked=!0}},{key:kn("$el .timeline-keyframe-row.layer-property .offset")+En("hasCurrentTimeline")+In("moveOffset")+Mn("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$delegateTarget;var n=this.$offset.attr("data-offset-id"),r=this.$offset.attr("data-property"),o=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var i=this.$el.rect().width-20;this.rect={totalWidth:i,startX:10};var a=pl.selection.currentArtboard;a&&(this.offset=a.getTimelineKeyframeById(o,r,n),this.layerId=o,this.property=r,this.cachedOffsetTime=this.offset.time),this.timeline=this.currentTimeline,pl.timeline.checked(n)||pl.timeline.select(this.offset),this.cachedOffsetList={},pl.timeline.cachedList().forEach(function(t){e.cachedOffsetList[t.id]=t.time}),this.emit("refreshOffsetValue",this.offset)}},{key:"moveOffset",value:function(t,e){var n=this,r=this.timeline,o=r.displayStartTime,i=r.displayEndTime,a=r.fps,c=t<0?-1:1,u=Math.abs(t)/this.rect.totalWidth*(i-o);pl.timeline.each(function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=EH(a,e);e=TH(a,r),t.time=e}),this.refresh(),this.emit("refreshOffsetValue",this.offset)}},{key:Pr("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(){var t=pl.selection.currentArtboard;t&&(pl.timeline.each(function(e){t.sortTimelineKeyframe(e.layerId,e.property)}),this.refresh())}},{key:Pr("addTimeline","moveTimeline")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&OK(n.prototype,r),o&&OK(n,o),e}();function _K(t){return(_K="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function TK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EK(t,e){return!e||"object"!==_K(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CK(t){return(CK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $K(t,e){return($K=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),EK(this,CK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$K(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <label>".concat(wm.timer,' <input type="text" ref=\'$currentTime\' /></label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label><input type="text" ref=\'$duration\' /></label>\n            </div>\n        </div>')}},{key:"refresh",value:function(){this.refreshTimeInfo()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeInfo",value:function(){var t=this.currentTimeline;t&&(this.refs.$currentTime.val(t.currentTimecode),this.refs.$duration.val(t.totalTimecode),this.refs.$fps.val(t.fps))}},{key:"refreshCurrentTime",value:function(){var t=this.currentTimeline;t&&this.refs.$currentTime.val(t.currentTimecode)}},{key:Pr("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Pr("refreshTimeline"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(10),value:function(){this.refresh()}},{key:un("$fps")+Cn("Enter"),value:function(t){var e=+this.refs.$fps.val(),n=pl.selection.currentArtboard;n&&(n.setFps(e),this.emit("moveTimeline"))}},{key:"checkNumberOrTimecode",value:function(t){var e=t.target.value.trim();return+e+""===e||!!e.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(t){return!!t.key.match(/^[0-9:]+$/)||("Backspace"===t.code||"ArrowRight"===t.code||"ArrowLeft"===t.code)}},{key:cn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$currentTime")+Cn("Enter")+En("checkNumberOrTimecode")+En("hasCurrentTimeline")+Ln,value:function(t){var e=this.refs.$currentTime.value,n=pl.selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:cn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$duration")+Cn("Enter")+En("checkNumberOrTimecode")+En("hasCurrentTimeline")+Ln,value:function(t){var e=this.refs.$duration.value,n=pl.selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&TK(n.prototype,r),o&&TK(n,o),e}();function VK(t){return(VK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DK(t,e){return!e||"object"!==VK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IK(t){return(IK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MK(t,e){return(MK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DK(this,IK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MK(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{KeyframeTimeControl:RK}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&AK(n.prototype,r),o&&AK(n,o),e}();function BK(t){return(BK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function FK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GK(t,e){return!e||"object"!==BK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HK(t){return(HK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XK(t,e){return(XK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),GK(this,HK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-view'>\n            <div class='time-duration'>\n                <div class='duration-handle-left'></div>\n                <div class='duration-handle-right'></div>\n                <div class='duration-slider' ref='$slider'>\n                    <div class='gauge' ref='$gauge'></div>\n                    <div class='start' ref='$start'></div>\n                    <div class='end' ref='$end'></div>\n                </div>\n            </div>\n            <canvas ref=\"$canvas\"></canvas>\n        </div>"}},{key:"refresh",value:function(){this.refreshTimeDisplay(),this.refreshCanvas()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeDisplay",value:function(){var t=this.currentTimeline;if(t){var e=He.percent(t.displayStartTime/t.totalTime*100),n=He.percent(t.displayEndTime/t.totalTime*100);this.refs.$start.css("left",e),this.refs.$end.css("left",n),this.refs.$gauge.css({left:e,width:He.percent(n.value-e.value)})}}},{key:kn("$start")+En("hasCurrentTimeline")+In("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=He.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=pl.selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=pl.config.get("pos").x-this.sliderRect.x,e=this.endX;t=Math.max(t,0);var n=(t=Math.min(t,e))/this.sliderRect.width;this.artboard.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:kn("$end")+En("hasCurrentTimeline")+In("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=He.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=pl.selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=pl.config.get("pos").x-this.sliderRect.x,e=this.startX,n=this.sliderRect.width;t=Math.max(t,e);var r=(t=Math.min(t,n))/this.sliderRect.width;this.artboard.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:kn("$gauge")+En("hasCurrentTimeline")+In("moveGaugeButton"),value:function(t){this.sliderRect=this.refs.$slider.rect();var e=this.currentTimeline,n=e.displayStartTime,r=e.displayEndTime;this.timelineStartTime=n,this.timelineEndTime=r,this.artboard=pl.selection.currentArtboard}},{key:"moveGaugeButton",value:function(t,e){var n=t/this.sliderRect.width;this.artboard.setDisplayTimeDxRate(n,this.timelineStartTime,this.timelineEndTime),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:"config",value:function(t){return this.parent.state[t]}},{key:"setConfig",value:function(t,e){this.parent.setState(zK({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.currentTimeline;if(t){var e=this.$el.rect(),n=e.width,r=(e.height,t.displayStartTime),o=t.displayEndTime,i=t.fps,a=t.currentTime,c=Math.floor(r*i),u=Math.floor(o*i),s=(n=e.width,u-c),l=5;s<100?l=10:s<1e3?l=100:s<1e4?l=1e3:s<1e5&&(l=1e4),c%l!=0&&(c+=l-c%l);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:n,height:24}),this.refs.$canvas.update(function(){var t=this.rect(),e=n-20;this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){zK(t,e,n[e])})}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;c<u;c+=l){var s=(TH(i,c)-r)/(o-r)*e;this.drawOption({fillStyle:"#ececec"}),this.drawText(s+10,7,CH(i,c).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:"black",lineWidth:1}),this.drawLine(0,t.height-.5,t.width,t.height);var p=(a-r)/(o-r)*e;this.drawOption({strokeStyle:"#fc554f",fillStyle:"#fc554f",lineWidth:1}),this.drawPath([p-4+10,t.height-10],[p+4+10,t.height-10],[p+4+10,t.height-4],[p+10,t.height],[p-4+10,t.height-4],[p-4+10,t.height-10])})}}},{key:kn("$canvas")+En("hasCurrentTimeline")+In()+Mn("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=pl.selection.currentArtboard,this.emit("hideSelectionToolView"),pl.selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=pl.config.get("pos").x-this.selectedCanvasOffset.left;n=Math.max(n,0),n=Math.min(n,e),this.artboard.setTimelineCurrentTimeRate(n/t),this.refresh(),this.artboard.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){pl.selection.setRectCache(),this.emit("refreshSelectionTool")}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=pl.selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&FK(n.prototype,r),o&&FK(n,o),e}();function NK(t){return(NK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KK(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WK(t,e){return!e||"object"!==NK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UK(t){return(UK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZK(t,e){return(ZK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qK=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),WK(this,UK(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZK(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"<div class='keyframe-time-grid-view'><canvas ref=\"$canvas\"></canvas></div>"}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.currentTimeline();if(t){var e=this.$el.rect().width,n=t.currentTime,r=t.displayStartTime,o=t.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update(function(){var t=this.rect(),i=(n-r)/(o-r)*(e-20);this.drawOption({strokeStyle:"#fc554f",lineWidth:1}),this.drawLine(i+10,0,i+10,t.height)})}}},{key:gn("window")+An(100),value:function(){this.refresh()}},{key:Pr("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Pr("moveTimeline","refreshSelection")+Dn(50),value:function(){this.refresh()}}])&&KK(n.prototype,r),o&&KK(n,o),e}();function JK(t){return(JK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function eW(t,e){return!e||"object"!==JK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nW(t){return(nW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rW(t,e){return(rW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),eW(this,nW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rW(t,e)}(e,_r),n=e,(r=[{key:"components",value:function(){return{CSSPropertyEditor:IC,CubicBezierEditor:g_}}},{key:"initState",value:function(){return{time:0,timing:"linear"}}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.state)}},{key:"getProperties",value:function(){return[{key:this.state.property,value:E(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter(function(t){return t.key})}},{key:"refresh",value:function(){var t=pl.selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=EH(n.fps,this.state.time))}this.refs.$offsetTime.val(e),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",{timingFunction:this.state.timing})}},{key:"template",value:function(){return'\n    <div class=\'timeline-value-editor\'>\n        <div class="tab number-tab" data-selected-value="1" ref="$tab">\n            <div class="tab-header" ref="$header">\n                <div class="tab-item" data-value="1">\n                    <label>Value</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>Timing</label>\n                </div>\n                <div class=\'tab-item empty-item\'></div>\n                <div class=\'tab-item empty-item\'></div>\n                <div class=\'tab-item empty-item\'></div>                                \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content padding-zero" data-value="1">\n                    '.concat(this.templateForOffset(),"  \n                    ").concat(this.templateForProperty(),'  \n                </div>\n                <div class="tab-content" data-value="2">\n                    ').concat(this.templateForTimingFunction(),"\n                </div>\n            </div>\n        </div>\n    </div>\n    ")}},{key:rn("$header .tab-item:not(.empty-item)"),value:function(t){this.refs.$tab.attr("data-selected-value",t.$delegateTarget.attr("data-value")),this.refresh()}},{key:"checkNumberOrTimecode",value:function(t){var e=t.target.value.trim();return+e+""===e||!!e.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(t){return!!t.key.match(/^[0-9:]+$/)||("Backspace"===t.code||"ArrowRight"===t.code||"ArrowLeft"===t.code)}},{key:cn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:un("$offsetTime")+Cn("Enter")+En("checkNumberOrTimecode")+Ln,value:function(t){var e=this.refs.$offsetTime.value,n=pl.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:TH(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>Time</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>".concat(wm.gps_fixed,"</button>\n      </div>\n    ")}},{key:rn("$seek"),value:function(){var t=this,e=pl.selection.currentArtboard;e&&(e.seek(this.refs.$offsetTime.value,function(e){return e.layer.id===t.state.layerId&&e.property===t.state.property}),this.emit("playTimeline"))}},{key:"templateForProperty",value:function(){return"<CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />"}},{key:zn("$editor"),value:function(){return""}},{key:"templateForTimingFunction",value:function(){return"\n    <div class='timing-function'>\n      <CubicBezierEditor ref='$cubicBezierEditor' key=\"timing\" value=\"".concat(this.state.timingFunction,"\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Pr("refreshPropertyValue"),value:function(){var t=pl.selection.currentArtboard;if(t){var e=t.searchById(this.state.layerId);if(e){var n=e[this.state.property]+"";this.trigger("refreshOffsetValue",{value:n}),this.updateData({value:n})}}}},{key:Pr("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){QK(t,e,n[e])})}return t}({},t),!1),this.refresh()}},{key:Pr("changeCubicBezier"),value:function(t,e){this.updateData(QK({},t,e+""))}},{key:Pr("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&tW(n.prototype,r),o&&tW(n,o),e}();function iW(t){return(iW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cW(t,e){return!e||"object"!==iW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uW(t){return(uW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sW(t,e){return(sW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),cW(this,uW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sW(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n            <div class='timeline-play-control' >\n                <div class='row'>\n                    <div class='play-buttons' ref='$playButtons' data-status='".concat(this.state.status,"'>\n                        <button type=\"button\" data-value='play' class='play'>").concat(wm.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause'>").concat(wm.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first'>").concat(wm.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev'>").concat(wm.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next'>").concat(wm.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last'>").concat(wm.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>speed</label>\n                    <div class='input speed-number' >\n                        <input type='number' min=\"0.1\" max=\"10\" step=\"0.1\" ref='$speed' value='").concat(this.state.speed,"' />\n                    </div>\n                </div>                \n                <div class='row'>            \n                    <label><span ref='$repeatStatus'>repeat</span></label>\n                    <div class='input' >\n                        <input type='number' min=\"0\" max=\"100\" step=\"1\" ref='$iteration' value='").concat(this.state.iterationCount,"' />\n                    </div> \n                </div>\n                <div class='row'>\n                    <label> Direction</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='normal'>").concat(wm.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='alternate'>").concat(wm.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='reverse' style='transform: rotateY(180deg)'>").concat(wm.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='alternate reverse' style='transform: rotateY(180deg)'>").concat(wm.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();if(r)t=r.speed,e=r.iterationCount,n=r.direction;return{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=pl.selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=pl.selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:rn("$playButtons button"),value:function(t){var e=t.$delegateTarget.attr("data-value");this.setState({status:e}),"play"===e?this.play():"pause"===e?this.pause():"first"===e?this.first():"prev"===e?this.prev():"next"===e?this.next():"last"===e&&this.last()}},{key:"first",value:function(){this.emit("first.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"prev",value:function(){this.emit("prev.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"next",value:function(){this.emit("next.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"last",value:function(){this.emit("last.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:"play",value:function(){this.emit("play.timeline",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pause.timeline"),pl.changeMode("SELECTION"),this.emit("after.change.mode")}},{key:Pr("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:rn("$direction button"),value:function(t){this.updateData({direction:t.$delegateTarget.attr("data-value")}),this.refresh()}},{key:rn("$repeatStatus"),value:function(t){var e=0;0===this.refs.$iteration.value&&(e=1),this.updateData({iterationCount:e}),this.refs.$iteration.val(e),this.bindData("$repeatStatus")}},{key:yn("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:yn("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:Gn("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?"Infinite":"Repeat"}}},{key:Gn("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:Gn("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Pr("selectTimeline"),value:function(){this.refresh()}}])&&aW(n.prototype,r),o&&aW(n,o),e}();function fW(t){return(fW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hW(t,e){return!e||"object"!==fW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yW(t){return(yW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dW(t,e){return(dW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var vW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),hW(this,yW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dW(t,e)}(e,SV),n=e,(r=[{key:"components",value:function(){return{TimelineAnimationProperty:bB,TimelinePlayControl:lW,TimelineValueEditor:oW,KeyframeTimeView:YK,TimelineKeyframeList:xK,TimelineObjectList:gK,TimelineTopToolbar:LK,KeyframeTimeGridView:qK}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return"Timeline"}},{key:"getTools",value:function(){return"\n      <TimelinePlayControl />\n      \n    "}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <TimelineAnimationProperty />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <TimelineTopToolbar />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <KeyframeTimeView ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <TimelineObjectList />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <TimelineKeyframeList ref='$keyframeList' />          \n          </div>\n          <KeyframeTimeGridView ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <TimelineValueEditor ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:mn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:mn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Pr("refreshValueEditor")+An(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Pr("changeKeyframeValue"),value:function(t){this.emit("set.timeline.offset",t)}},{key:fn("$area")+Ln,value:function(t){}},{key:ln("$area")+Ln,value:function(t){this.emit("add.timeline",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&pW(n.prototype,r),o&&pW(n,o),e}();function bW(t){return(bW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mW(t,e){return!e||"object"!==bW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wW(t){return(wW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kW(t,e){return(kW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),mW(this,wW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kW(t,e)}(e,_r),n=e,(r=[{key:"template",value:function(){return"\n            <div>\n                <div class='message-view' ref='$msg'></div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:Gn("$msg"),value:function(){return{text:this.state.msg}}},{key:Pr("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&gW(n.prototype,r),o&&gW(n,o),e}();function SW(t){return(SW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function PW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function xW(t,e){return!e||"object"!==SW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _W(t,e,n){return(_W="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=TW(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function TW(t){return(TW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EW(t,e){return(EW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CW=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),xW(this,TW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EW(t,e)}(e,_r),n=e,(r=[{key:"initialize",value:function(){_W(TW(e.prototype),"initialize",this).call(this),Ke.create(document.body).attr("data-theme",pl.theme)}},{key:"template",value:function(){return this.templateForEditor()}},{key:"templateForEditor",value:function(){return'\n      <div class="layout-main">\n        <div class="layout-header">\n            <LogoView />\n            <ToolMenu />\n            <ExternalToolMenu />\n        </div>\n        <div class="layout-middle" ref=\'$middle\'>\n          <div class="layout-body">\n            <CanvasView />        \n          </div>                           \n          <div class=\'layout-left\'>\n            <ObjectList />\n          </div>\n          <div class="layout-right">\n            <Inspector />\n          </div>\n\n          <div class=\'layout-tools\'>\n            <button ref=\'$toggleRight\'>'.concat(wm.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>          \n        </div>\n        \n        <div class='status-bar'>\n          <StatusBar />\n        </div>\n\n        <FillPopup />\n        <ColorPickerPopup  />\n        <BoxShadowPropertyPopup />\n        <BackgroundImagePositionPopup />\n        <TextShadowPropertyPopup />\n        <AnimationPropertyPopup />\n        <TransitionPropertyPopup />\n        <KeyframePopup />\n        <ClipPathPopup />\n        <SVGPropertyPopup />\n        <SelectorPopup />\n        <ImageSelectPopup />\n        <GradientPickerPopup />\n        <FillPickerPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <CommandView />    \n        <ExportWindow />\n        <ImageFileView />\n      </div>\n    ")}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){jW(t,e,n[e])})}return t}({},oK,VG,{ObjectList:yH,CommandView:NN,Inspector:cz,ToolMenu:aj,CanvasView:lw,StyleView:FG,LogoView:wH,ExternalToolMenu:xH,ImageFileView:lK,StatusBar:OW,TimelineProperty:vW})}},{key:Pr("changeTheme"),value:function(){Ke.create(document.body).attr("data-theme",pl.theme)}},{key:rn("$toggleRight"),value:function(){this.trigger("toggleRightPanel")}},{key:Pr("toggleRightPanel"),value:function(){}},{key:Pr("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:xn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:Pr("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Pr("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.trigger("refreshAllSelectArtBoard")}},{key:Pr("refreshAllSelectArtBoard"),value:function(){this.emit("refreshLayerTreeView"),this.emit("refreshAllCanvas"),this.emit("refreshStyleView")}},{key:Pr("refreshElement"),value:function(t){this.emit("refreshCanvas",t),this.emit("refreshStyleView",t)}},{key:fn("$middle")+Ln,value:function(t){}},{key:ln("$middle")+Ln,value:function(t){var e=sc.getAllDropItems(t);this.emit("drop.items",e)}}])&&PW(n.prototype,r),o&&PW(n,o),e}();function $W(t){return($W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RW(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){VW(t,e,n[e])})}return t}function VW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function AW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DW(t,e){return!e||"object"!==$W(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IW(t,e,n){return(IW="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var r=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=MW(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function MW(t){return(MW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LW(t,e){return(LW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function BW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var zW=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){BW(t,e,n[e])})}return t}({},Y_,{BackgroundImage:YP,BorderImage:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),DW(this,MW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LW(t,e)}(e,Gr),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=null;if(t["border-image"]){var r=se(t["border-image"]);r.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach(function(o,i){var a=null;o=fe(o,r.matches);var c=t["border-image"].replace(o,"").split(" ").map(function(t){return He.parse(t)});o.includes("repeating-linear-gradient")?a=Kj.parse(o):o.includes("linear-gradient")?a=Bj.parse(o):o.includes("repeating-radial-gradient")?a=hP.parse(o):o.includes("radial")?a=iP.parse(o):o.includes("repeating-conic-gradient")?a=VP.parse(o):o.includes("conic")?a=xP.parse(o):o.includes("url")&&(a=_j.parse(o)),n=new e({type:a.type,image:a});var u=c.filter(function(t){return M(t.value)});1===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[0].clone(),right:u[0].clone()}}):2===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[1].clone(),right:u[1].clone()}}):3===u.length?n.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[1].clone(),right:u[1].clone()}}):4===u.length&&n.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[3].clone(),right:u[1].clone()}})})}return n}}],(r=[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:this.createImage(t.images[0])})}},{key:"createImage",value:function(t){return new _j({url:t})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:this.createGradient(t,this.json.image)})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps,r=t.angle,o=t.radialType,i=t.radialPosition,a=e.toJSON();switch(delete a.itemType,delete a.type,t.type){case"static-gradient":return new yj(RW({},a,{colorsteps:n}));case"linear-gradient":return new Bj(RW({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Kj(RW({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new iP(RW({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new hP(RW({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new xP(RW({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new VP(RW({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new Ev}},{key:"getDefaultObject",value:function(){return IW(MW(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:yj.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach(function(e){t.slice[e]=He.parse(t.slice[e])}),t}},{key:"toBorderImageOffsetCSS",value:function(){var t=this;return Object.keys(this.json.offset).map(function(e){return t.json.offset[e].toString()}).join(" ")}},{key:"toBorderImageCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.json.image)return{};var e=this.json.image.toString(t);return{"border-image-source":"".concat(e)}}},{key:"toBorderImageRepeatCSS",value:function(){return this.json.repeat?{"border-image-repeat":"".concat(this.json.repeat)}:{}}},{key:"toBorderImageWidthCSS",value:function(){var t=this;if(!this.json.width)return{};if(0===Object.keys(this.json.width).filter(function(e){return t.json.width[e].value>0}).length)return{};var e=Object.keys(this.json.width).map(function(e){return t.json.width[e].toString()}).join(" ");return{"border-image-width":"".concat(e)}}},{key:"toBorderImageSliceCSS",value:function(){var t=this;if(!this.json.slice)return{};var e=Object.keys(this.json.slice).map(function(e){var n=t.json.slice[e];return n.isPercent()?n.toString():n.value}).join(" ");return{"border-image-slice":"".concat(e)}}},{key:"toCSS",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return RW({},this.toBorderImageCSS(t),this.toBorderImageRepeatCSS(),this.toBorderImageSliceCSS(),this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return j(this.toCSS(),function(t,e){return"".concat(t,": ").concat(e)}).join(";")}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&AW(n.prototype,r),o&&AW(n,o),e}(),BoxShadow:Sx}),FW={ColorStep:fv,ConicGradient:xP,LinearGradient:Bj,RadialGradient:iP,RepeatingConicGradient:VP,RepeatingLinearGradient:Kj,RepeatingRadialGradient:hP,URLImageResource:_j};function GW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var HW=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.target=e,this.container=n,this.initialize()}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"setSource",value:function(t){this.source=t}},{key:"parse",value:function(){}},{key:"generate",value:function(){}}])&&GW(e.prototype,n),r&&GW(e,r),t}();function XW(t){return(XW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NW(t,e){return!e||"object"!==XW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KW(t){return(KW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WW(t,e){return(WW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function UW(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){ZW(t,e,n[e])})}return t}function ZW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var qW=UW({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return kl(UW({components:{CSSEditor:CW},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:CW},zW,FW,{ParserGenerator:HW,DomParserGenerator:function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),NW(this,KW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WW(t,e)}(e,HW),n=e,(r=[{key:"setSource",value:function(t){this.source=t}},{key:"initialize",value:function(){var t=this;this.container.addEventListener("click",function(e){if(e.target){t.source&&t.source.removeAttr("data-embed-editor-target");var n=Ke.create(e.target);n.attr("data-embed-editor-target","true"),t.setSource(n),t.parse()}}),this.container.addEventListener("input",function(e){e.target&&t.source&&t.parseText()})}},{key:"parse",value:function(){var t=this.source.getStyleList("width","height","margin","padding","line-height","font-size","font-stretch","letter-spacing","word-spacing","text-indent");t.content=this.source.text(),this.target&&I(this.target.parseEnd)&&this.target.parseEnd(t)}},{key:"parseText",value:function(){var t={};t.content=this.source.text(),this.target&&I(this.target.parseEnd)&&this.target.parseEnd(t)}},{key:"generate",value:function(t){this.source&&(this.source.css(t),this.source.text()!=t.content&&this.source.text(t.content))}}])&&YW(n.prototype,r),o&&YW(n,o),e}()});function JW(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QW(){return new qW.createCSSEditor}e.default=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){JW(t,e,n[e])})}return t}({},Ol,Rh,qW,{startEditor:QW});window.editor=QW()}])});
\ No newline at end of file
diff --git a/docs/main.js.gz b/docs/main.js.gz
index 0f27fd273..df612506e 100644
Binary files a/docs/main.js.gz and b/docs/main.js.gz differ
diff --git a/src/csseditor/ui/control/Inspector.js b/src/csseditor/ui/control/Inspector.js
index a7f408e02..38cf13d6d 100644
--- a/src/csseditor/ui/control/Inspector.js
+++ b/src/csseditor/ui/control/Inspector.js
@@ -90,7 +90,7 @@ export default class Inspector extends UIElement {
                 <TextClipProperty />
                 <!-- <RootVariableProperty /> -->
                 <!-- <VariableProperty /> -->
-                <SelectorProperty />
+
 
                 <div class='empty'></div>                
               </div>              
@@ -102,6 +102,7 @@ export default class Inspector extends UIElement {
                 <TransitionProperty />                            
                 <AnimationProperty />
                 <KeyframeProperty />    
+                <SelectorProperty />                              
                 <div class='empty'></div>                
               </div>                        
               <div class='tab-content' data-value='4'>
diff --git a/src/csseditor/ui/view/GuideLineView.js b/src/csseditor/ui/view/GuideLineView.js
index 635b14c38..982fa94f6 100644
--- a/src/csseditor/ui/view/GuideLineView.js
+++ b/src/csseditor/ui/view/GuideLineView.js
@@ -1,7 +1,48 @@
 import UIElement, { EVENT } from "../../../util/UIElement";
-import { combineKeyArray, isNotUndefined, keyEach, CSS_TO_STRING } from "../../../util/functions/func";
+import { isNotUndefined, OBJECT_TO_PROPERTY } from "../../../util/functions/func";
 import { Length } from "../../../editor/unit/Length";
 import { Layer } from "../../../editor/items/Layer";
+import { LOAD, BIND } from "../../../util/Event";
+
+
+const text = (x, y, text = '', className = 'base-line') => {
+    return /*html*/`<text x="${x}" y="${y}" class='${className}'>${text}</text>`
+}
+
+const line = (x1, y1, x2, y2, className = 'base-line') => {
+    return /*html*/`<line ${OBJECT_TO_PROPERTY({x1, y1, x2, y2 })} class='${className}' />`
+}
+
+const hLine = (images, startX, minY, maxY) => {
+
+    if (Math.abs(minY - maxY) === 0) return; 
+
+
+    // top 
+    images.push(line(startX-2,   minY,             startX+2,    minY))
+    images.push(line(startX,     minY,             startX,      maxY)) 
+    images.push(line(startX-2,   maxY,             startX+2,    maxY))
+
+    /* text */ 
+    var centerY  = (maxY + minY)/2;
+    var centerHeight = Math.floor(Math.abs(maxY - minY))                
+    images.push(text(startX+2, centerY, centerHeight))
+}
+
+const vLine = (images, startY, minX, maxX) => {
+
+    if (Math.abs(minX - maxX) === 0) return; 
+
+    // top 
+    images.push(line(minX, startY-2,  minX,  startY+2))
+    images.push(line(minX, startY,  maxX,   startY)) 
+    images.push(line(maxX, startY-2, maxX,   startY+2))
+
+    /* text */ 
+    var centerX  = (maxX + minX)/2;
+    var centerWidth = Math.floor(Math.abs(maxX - minX))                
+    images.push(text(centerX, startY - 2, centerWidth, 'text-center'))
+}
 
 /**
  * 객체와의 거리의 가이드 라인을 그려주는 컴포넌트
@@ -9,64 +50,113 @@ import { Layer } from "../../../editor/items/Layer";
 export default class GuideLineView extends UIElement {
 
     template() {
-        return `<div class='guide-line-view' ></div>`
+        return `<svg class='guide-line-view' width="100%" height="100%" ></svg>`
     }
 
-    createBackgroundImage (color, x, y, width, height) {
+    initState() {
         return {
-            'background-image': `linear-gradient(to right, ${color}, ${color})`,
-            'background-size' : `${width} ${height}`,
-            'background-position' : `${x} ${y}`,
-            'background-repeat': 'no-repeat'
+            list: []
+        }
+    }
+
+    [BIND('$el')] () {
+        return {
+            html: this.createGuideLine(this.state.list)
         }
     }
     
     createGuideLine (list) {
     
-        const lineWidth = Length.px(1); 
-        const baseLineColor = 'rgb(180, 199, 254)'
-        const baseRectColor = 'rgb(244, 140, 255)'
-    
         var images = []
-    
+
         list.forEach(it => {
     
             var target = it.B; 
     
-            if (isNotUndefined(it.ax)) {
-    
-                images.push(this.createBackgroundImage(baseRectColor, Length.px(it.bx), it.A.screenY, lineWidth, it.A.height))
-    
-                
-                if (target instanceof Layer) {
-                    images.push(this.createBackgroundImage(baseRectColor, Length.px(it.bx), target.screenY, lineWidth, target.height))
-                }
-    
+            if (isNotUndefined(it.ax)) {  // 세로 가이드 정의  (x축 좌표 찾기)
+
                 var minY = Length.min(target.screenY, it.A.screenY);
                 var maxY = Length.max(target.screenY2, it.A.screenY2);
+
+
+                // it.bx : x 좌표 
+                // minY : container 위치 
+                // maxY : container 위치 
+                // it.A.screenY : 객체 위치 
+                // it.A.screenY2 : 객체 위치 
+                var startX = it.bx; 
+
+                if (it.A.screenY.value > it.B.screenY2.value) {
+                    hLine(images, startX, it.B.screenY2.value, it.A.screenY.value);
+                } else {
+                    hLine(images, startX, minY.value, it.A.screenY.value);
+                }
+
+                if (it.A.screenX.value - target.screenX.value > 0 
+                    && it.A.screenY.value <= it.B.screenY2.value 
+                    && it.A.screenY.value >= it.B.screenY.value 
+                ) {
+                    var centerY = (it.A.screenY.value + it.A.screenY2.value) /2;                    
+                    vLine(images, centerY, target.screenX.value, it.A.screenX.value);
+                }
+
+                if (target.screenX2.value - it.A.screenX2.value > 0
+                    && it.A.screenY.value <= it.B.screenY2.value 
+                    && it.A.screenY.value >= it.B.screenY.value 
+                ) {
+                    var centerY = (it.A.screenY.value + it.A.screenY2.value) /2;
+                    vLine(images, centerY, it.A.screenX2.value, target.screenX2.value);
+                }                
+
+                if (it.A.screenY2.value < it.B.screenY.value) {
+                    hLine(images, startX, it.A.screenY2.value, it.B.screenY.value);
+                } else {
+                    hLine(images, startX, it.A.screenY2.value, maxY.value);
+                }
     
-                images.push(this.createBackgroundImage(baseLineColor, Length.px(it.bx), minY, lineWidth, Length.px(maxY.value - minY.value)))            
-    
-            } else {
-                images.push(this.createBackgroundImage(baseRectColor, it.A.screenX, Length.px(it.by), it.A.width, lineWidth))            
-    
-                var minX = Length.min(target.screenX, it.A.screenX);
+            } else {            // 가로 가이드 정의 
+                
                 var maxX = Length.max(target.screenX2, it.A.screenX2);
+
+                var startY = it.by; 
     
-                images.push(this.createBackgroundImage(baseLineColor, minX, Length.px(it.by), Length.px(maxX.value - minX.value), lineWidth))            
+
+                if (it.A.screenX.value > it.B.screenX2.value) {
+                    vLine(images, startY, it.B.screenX2.value, it.A.screenX.value);
+                } else {
+                    vLine(images, startY, it.A.screenX.value, it.B.screenX2.value);
+                }
+
+
+
+                if (it.A.screenY.value - target.screenY.value > 0
+                    && it.A.screenX.value <= it.B.screenX2.value 
+                    && it.A.screenX.value >= it.B.screenX.value 
+                ) {
+                    var centerX = (it.A.screenX.value + it.A.screenX2.value) /2;
+                    hLine(images, centerX, it.B.screenY.value, it.A.screenY.value);
+                }
+
+                if (target.screenY2.value - it.A.screenY2.value > 0
+                    && it.A.screenX.value <= it.B.screenX2.value 
+                    && it.A.screenX.value >= it.B.screenX.value 
+                ) {
+                    var centerX = (it.A.screenX.value + it.A.screenX2.value) /2;
+                    hLine(images, centerX, it.A.screenY2.value, it.B.screenY2.value);
+                }                
+
+                
+                if (it.A.screenX2.value < it.B.screenX.value) {
+                    vLine(images, startY, it.A.screenX2.value, it.B.screenX.value);
+                } else {
+                    vLine(images, startY, it.A.screenX2.value, maxX.value);
+                }
             }
     
         })
     
-        var results = {}
-        images.forEach(item => {
-            keyEach(item, (key, value) => {
-                if (!results[key]) results[key] = []
-                results[key].push(value);
-            })
-        })
     
-        return combineKeyArray(results);
+        return images.join('');
     }
 
     removeGuideLine() {
@@ -74,7 +164,10 @@ export default class GuideLineView extends UIElement {
     }
 
     setGuideLine (list) {
-        this.$el.cssText(CSS_TO_STRING(this.createGuideLine(list)));
+        this.setState({
+            list
+        })
+        // this.$el.cssText(CSS_TO_STRING(this.createGuideLine(list)));
     }
 
     [EVENT('removeGuideLine')] () {
diff --git a/src/csseditor/ui/view/GuideView.js b/src/csseditor/ui/view/GuideView.js
index 2dbfd29eb..62fad0840 100644
--- a/src/csseditor/ui/view/GuideView.js
+++ b/src/csseditor/ui/view/GuideView.js
@@ -154,6 +154,7 @@ export default class GuideView {
     }
 
     compareX (A, B, dist = MAX_DIST) {
+
         var AX = [A.screenX.value, A.centerX.value, A.screenX2.value]
         var BX = [B.screenX.value, B.centerX.value, B.screenX2.value]
 
@@ -319,7 +320,7 @@ export default class GuideView {
         if (isNotUndefined(it.ax)) {
             var distX = Math.round(this.rect.width.value / 2 * it.source);
             var minX = it.bx - distX;             
-            this.rect.x.set(minX);            
+            this.rect.x.set(minX);       
         } else if (isNotUndefined(it.ay)) {
             var distY = Math.round(this.rect.height.value / 2 * it.source);
             var minY = it.by - distY;             
diff --git a/src/csseditor/ui/view/SelectionToolView.js b/src/csseditor/ui/view/SelectionToolView.js
index 063d381b1..7f961e00a 100644
--- a/src/csseditor/ui/view/SelectionToolView.js
+++ b/src/csseditor/ui/view/SelectionToolView.js
@@ -1003,12 +1003,9 @@ export default class SelectionToolView extends UIElement {
     }
 
     calculateWorldPosition (item) {
-        var x = Length.px(item.x || 0);
-        var y = Length.px(item.y || 0);
-
         return {
-            x: Length.px(x.value * editor.scale),
-            y: Length.px(y.value * editor.scale),
+            x: Length.px(item.screenX.value * editor.scale),
+            y: Length.px(item.screenY.value * editor.scale),
             width: Length.px(item.width.value  *  editor.scale),
             height: Length.px(item.height.value  * editor.scale),
             transform: item.transform
diff --git a/src/editor/image-resource/SVGLinearGradient.js b/src/editor/image-resource/SVGLinearGradient.js
index aff8319e9..35601f9d7 100644
--- a/src/editor/image-resource/SVGLinearGradient.js
+++ b/src/editor/image-resource/SVGLinearGradient.js
@@ -30,6 +30,8 @@ export class SVGLinearGradient extends SVGGradient {
 
   toString() {
 
+    // linear-gradient(x1 y1 x2 y2 spreadMethod, ....colors)
+
     if(this.colorsteps.length === 0) return '';    
 
     var colorString = this.getColorString();
diff --git a/src/scss/csseditor/selection-view.scss b/src/scss/csseditor/selection-view.scss
index 2ad64bb4e..99f816e79 100644
--- a/src/scss/csseditor/selection-view.scss
+++ b/src/scss/csseditor/selection-view.scss
@@ -535,7 +535,29 @@
     position: absolute;
     left: 0px;
     top: 0px;
-    right: 0px;
-    bottom: 0px;
+    width: 100%;
+    height: 100%;
     pointer-events:none;
+    overflow: visible;
+
+    line {
+      stroke-width: 1;
+
+      &.base-line {
+        stroke: $guide-line-color;
+      }
+
+      &.base-rect  {
+        stroke: $guide-line-rect-color;
+      }
+    }
+
+    text {
+      font-size: 11px;
+      fill: $guide-line-color;
+
+      &.text-center {
+        text-anchor: middle;
+      }
+    }
   }
\ No newline at end of file
diff --git a/src/scss/themes/csseditor/dark.scss b/src/scss/themes/csseditor/dark.scss
index 5148b25e4..ba7934f96 100644
--- a/src/scss/themes/csseditor/dark.scss
+++ b/src/scss/themes/csseditor/dark.scss
@@ -108,4 +108,9 @@ $timeline-border-color: $border-color;
 $timeline-gauge-background-color: #ee4b66;
 $timeline-offset-line-color: #ee4b66;
 // $timeline-offset-line-color: #497594;
-$timeline-row-selected-color: rgba(#435cb5, 0.4);
\ No newline at end of file
+$timeline-row-selected-color: rgba(#435cb5, 0.4);
+
+
+// guide line 
+$guide-line-color: $selected-color;
+$guide-line-rect-color: #435cb5;
\ No newline at end of file
diff --git a/src/util/functions/func.js b/src/util/functions/func.js
index d26d3d82b..c3cd551f9 100644
--- a/src/util/functions/func.js
+++ b/src/util/functions/func.js
@@ -133,7 +133,13 @@ const HTML_TAG = {
     'image': true,
     'input': true,
     'br': true,
-    'path': true 
+    'path': true,
+    'line': true,
+    'circle': true,
+    'rect': true,
+    'polygon': true,
+    'polyline': true,
+    'use': true
 }